npm - devexpress-reporting - Versions diffs - 23.1.5 → 23.2.1-alpha-23254-1700 - Mend

devexpress-reporting 23.1.5 → 23.2.1-alpha-23254-1700

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1425) hide show

package/dx-designer-bindings.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -19,7 +19,7 @@ addToBindingsCache('attr: {src: imageSrc }, styleunit: { \'height\': height() /
 addToBindingsCache('if: chartStructure', function ($context, $element) { return { 'if': function () { return $context.$data.chartStructure; } }; });
 addToBindingsCache('dxSelectBox: { items: array, displayExpr: \'name\', value: selectedItem, disabled: disabled,  placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) , useItemTextAsTitle: true } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.array, 'displayExpr': 'name', 'value': $context.$data.selectedItem, 'disabled': $context.$data.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'useItemTextAsTitle': true } }; } }; });
 addToBindingsCache('dxPropertyGrid: { target: selectedItem, editorsInfo: { editors: editors }, level: 1 }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.selectedItem, 'editorsInfo': { 'editors': $context.$data.editors }, 'level': 1 }; } }; });
-addToBindingsCache('dxFieldListPicker: { path: path, value: value, acceptCustomValue: true, itemsProvider: $root.dataBindingsProvider(), treeListController: treeListController, disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'path': $context.$data.path, 'value': $context.$data.value, 'acceptCustomValue': true, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$data.treeListController, 'disabled': $context.$data.disabled }; } }; });
+addToBindingsCache('dxFieldListPicker: { path: path, value: value, onValueChanged: onValueChanged, acceptCustomValue: true, itemsProvider: $root.dataBindingsProvider(), treeListController: treeListController, disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'path': $context.$data.path, 'value': $context.$data.value, 'onValueChanged': $context.$data.onValueChanged, 'acceptCustomValue': true, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$data.treeListController, 'disabled': $context.$data.disabled }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.panes, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.panes, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.legends, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.legends, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.axisX, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.axisX, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
@@ -32,8 +32,8 @@ addToBindingsCache('dxPropertyGrid: { target: contentValue, level: level + 1, pa
 addToBindingsCache('dxCollectionEditor: options', function ($context, $element) { return { 'dxCollectionEditor': function () { return $context.$data.options; } }; });
 addToBindingsCache('styleunit: $parent.memberPadding', function ($context, $element) { return { 'styleunit': function () { return $context.$parent.memberPadding; } }; });
 addToBindingsCache('text: $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\'), attr: { \'title\': $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\') }', function ($context, $element) { return { 'text': function () { return $context.$parent.getLocalization('Function', 'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function'); }, 'attr': function () { return { 'title': $context.$parent.getLocalization('Function', 'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function') }; } }; });
-addToBindingsCache('dxSelectBox: { value: functionName, dataSource: $parent.availableItems() ,acceptCustomValue: true, disabled: $parent.disabled(), placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'value': $context.$data.functionName, 'dataSource': $context.$parent.availableItems(), 'acceptCustomValue': true, 'disabled': $context.$parent.disabled(), 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
-addToBindingsCache('css: $parents[1].actionsAreAvailable() ? \'dxcd-summaryfunction-arg\' : \'\'', function ($context, $element) { return { 'css': function () { return $context.$parents[1].actionsAreAvailable() ? 'dxcd-summaryfunction-arg' : ''; } }; });
+addToBindingsCache('dxSelectBox: { value: functionName, dataSource: $parent.availableItems ,acceptCustomValue: true, disabled: $parent.disabled, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'value': $context.$data.functionName, 'dataSource': $context.$parent.availableItems, 'acceptCustomValue': true, 'disabled': $context.$parent.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+addToBindingsCache('css: $parents[1].actionsAreAvailable ? \'dxcd-summaryfunction-arg\' : \'\'', function ($context, $element) { return { 'css': function () { return $context.$parents[1].actionsAreAvailable ? 'dxcd-summaryfunction-arg' : ''; } }; });
 addToBindingsCache('styleunit: $parents[1].memberPadding', function ($context, $element) { return { 'styleunit': function () { return $context.$parents[1].memberPadding; } }; });
 addToBindingsCache('text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\'), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') }', function ($context, $element) { return { 'text': function () { return $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument'); }, 'attr': function () { return { 'title': $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument') }; } }; });
 addToBindingsCache('text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1) }', function ($context, $element) { return { 'text': function () { return $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument') + ($context.$index() + 1); }, 'attr': function () { return { 'title': $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument') + ($context.$index() + 1) }; } }; });
@@ -43,7 +43,7 @@ addToBindingsCache('dxCollectionEditor: { values: value, displayName: displayNam
 addToBindingsCache('dxNumberBox: getDependencyOptions({ value:value, showSpinButtons:true, disabled:disabled }, \'min\', \'minSize\'), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.getDependencyOptions({ 'value': $context.$data.value, 'showSpinButtons': true, 'disabled': $context.$data.disabled }, 'min', 'minSize'); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('dxNumberBox: getDependencyOptions({ value:value, showSpinButtons:true, disabled:disabled }, \'max\', \'maxSize\'), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.getDependencyOptions({ 'value': $context.$data.value, 'showSpinButtons': true, 'disabled': $context.$data.disabled }, 'max', 'maxSize'); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.groups, value: value, acceptCustomValue:true, onFocusOut: function() { $root.applyGroup($data.value()); }, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.groups, 'value': $context.$data.value, 'acceptCustomValue': true, 'onFocusOut': function () { $context.$root.applyGroup($context.$data.value()); }, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
-addToBindingsCache('dxColorBox: { value: generateValue($root.undoEngine), editAlphaChannel: true, popupPosition: { collision: \'flipfit flipfit\' }, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxColorBox': function () { return { 'value': $context.$data.generateValue($context.$root.undoEngine), 'editAlphaChannel': true, 'popupPosition': { 'collision': 'flipfit flipfit' }, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
+addToBindingsCache('dxColorBox: { value: generateValue($root.undoEngine), onValueChanged: onValueChanged, editAlphaChannel: true, popupPosition: { collision: \'flipfit flipfit\' }, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxColorBox': function () { return { 'value': $context.$data.generateValue($context.$root.undoEngine), 'onValueChanged': $context.$data.onValueChanged, 'editAlphaChannel': true, 'popupPosition': { 'collision': 'flipfit flipfit' }, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
 addToBindingsCache('dxLocalizedSelectBox: { dataSource: values, value: generateValue($root.undoEngine), valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }, dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'dataSource': $context.$data.values, 'value': $context.$data.generateValue($context.$root.undoEngine), 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('if: selectedItem', function ($context, $element) { return { 'if': function () { return $context.$data.selectedItem; } }; });
 addToBindingsCache('template: { name: \'dx-propertieseditor\', data: model }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.model }; } }; });
@@ -54,21 +54,21 @@ addToBindingsCache('if: $parent.args().length > 1', function ($context, $element
 addToBindingsCache('if: $parents[1].actionsAreAvailable()', function ($context, $element) { return { 'if': function () { return $context.$parents[1].actionsAreAvailable(); } }; });
 addToBindingsCache('template: \'dxrd-svg-operations-recycle_bin\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-operations-recycle_bin'; } }; });
 addToBindingsCache('template: { name: $parents[1].argumentTemplateName, data: { value: $data.value, path: $parents[1].path, treeListController: $parents[1].treeListController, disabled: $parents[1].disabled, visible: $parents[1].visible } }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$parents[1].argumentTemplateName, 'data': { 'value': $context.$data.value, 'path': $context.$parents[1].path, 'treeListController': $context.$parents[1].treeListController, 'disabled': $context.$parents[1].disabled, 'visible': $context.$parents[1].visible } }; } }; });
-addToBindingsCache('if: $parent.actionsAreAvailable()', function ($context, $element) { return { 'if': function () { return $context.$parent.actionsAreAvailable(); } }; });
+addToBindingsCache('if: $parent.actionsAreAvailable', function ($context, $element) { return { 'if': function () { return $context.$parent.actionsAreAvailable; } }; });
 addToBindingsCache('dxTemplate:{ name:\'stateItem\' }', function () { return { dxTemplate: { name: 'stateItem' } }; });
-addToBindingsCache('styleunit: { \'height\': height, \'width\': $parent.width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$parent.width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('styleunit: { \'height\': height, \'width\': $parent.width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$parent.width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('ifnot: collapsed', function ($context, $element) { return { 'ifnot': function () { return $context.$data.collapsed; } }; });
 addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginSelectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width } } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'leftMarginSelectionTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'width': $context.$parent.width }; } } }; } }; });
 addToBindingsCache('styleunit: { \'height\': height(), top: absolutePosition.y }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height(), 'top': $context.$data.absolutePosition.y }; } }; });
 addToBindingsCache('styleunit: { \'top\': heightWithoutSubBands }', function ($context, $element) { return { 'styleunit': function () { return { 'top': $context.$data.heightWithoutSubBands }; } }; });
 addToBindingsCache('styleunit: { \'height\': height, top: absolutePosition.y }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'top': $context.$data.absolutePosition.y }; } }; });
-addToBindingsCache('css: { \'dxrd-band-content-selected dxd-border-accented dx-border-inheritor\': selected() }', function ($context, $element) { return { 'css': function () { return { 'dxrd-band-content-selected dxd-border-accented dx-border-inheritor': $context.$data.selected() }; } }; });
+addToBindingsCache('css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }', function ($context, $element) { return { 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; } }; });
 addToBindingsCache('styleunit: { \'height\': height(), top: $data.absolutePosition.y() - $data.parent.heightWithoutSubBands() - $data.parent.absolutePosition.y() }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height(), 'top': $context.$data.absolutePosition.y() - $context.$data.parent.heightWithoutSubBands() - $context.$data.parent.absolutePosition.y() }; } }; });
 addToBindingsCache('if: $data._context.drawWatermark()', function ($context, $element) { return { 'if': function () { return $context.$data._context.drawWatermark(); } }; });
 addToBindingsCache('template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-watermark', 'data': { 'forLeftMargin': true, 'band': $context.$data, 'reportSurface': $context.$data._context } }; } }; });
 addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'leftMarginTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'width': $context.$parent.width, 'snapGridSize': $context.$parent.snapGridSize }; } } }; } }; });
 addToBindingsCache('if: collapsed', function ($context, $element) { return { 'if': function () { return $context.$data.collapsed; } }; });
-addToBindingsCache('styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data.rect().width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data.rect().width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('if: contentSelectionTemplate', function ($context, $element) { return { 'if': function () { return $context.$data.contentSelectionTemplate; } }; });
 addToBindingsCache('template: contentSelectionTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.contentSelectionTemplate; } }; });
 addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'selectionTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return item; } } }; } }; });
@@ -76,7 +76,7 @@ addToBindingsCache('template: { name: $data.selectiontemplate }', function ($con
 addToBindingsCache('attr: { title: name }, styleunit: { \'width\': $data.markerWidth() + 20, \'top\': absolutePosition.y, \'height\': height }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.name }; }, 'styleunit': function () { return { 'width': $context.$data.markerWidth() + 20, 'top': $context.$data.absolutePosition.y, 'height': $context.$data.height }; } }; });
 addToBindingsCache('styleunit: { \'height\': rulerHeight, top: 0 }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.selection.initialize($data); $root.selection.expectClick = false; }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: !canResize(), forceResize: resizeTheBand, zoom: $root.surface().zoom, minimumHeight: $data.heightFromControls && $data.heightFromControls() || 1 }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.rulerHeight, 'top': 0 }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.selection.initialize($context.$data); $context.$root.selection.expectClick = false; }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resizeTheBand, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.heightFromControls && $context.$data.heightFromControls() || 1 }; } }; });
 addToBindingsCache('ruler: { \'zoom\': zoom, \'length\': height, \'units\': $parent.measureUnit, \'direction\': \'vertical\', flip: $root.dx[\'config\']()[\'rtlEnabled\'] }', function ($context, $element) { return { 'ruler': function () { return { 'zoom': $context.$data.zoom, 'length': $context.$data.height, 'units': $context.$parent.measureUnit, 'direction': 'vertical', 'flip': $context.$root.dx['config']()['rtlEnabled'] }; } }; });
-addToBindingsCache('css: markerClass, styleunit: { \'height\': height(), \'width\': markerWidth }, click: function(_, e) { markerClick($root.selection); e.stopPropagation(); }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.selection.initialize($data); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: collapsed() || !hasOwnRuler() || locked, forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }', function ($context, $element) { return { 'css': function () { return $context.$data.markerClass; }, 'styleunit': function () { return { 'height': $context.$data.height(), 'width': $context.$data.markerWidth }; }, 'click': function () { return function (_, e) { $context.$data.markerClick($context.$root.selection); e.stopPropagation(); }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.selection.initialize($context.$data); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': $context.$data.collapsed() || !$context.$data.hasOwnRuler() || $context.$data.locked, 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; } }; });
+addToBindingsCache('css: markerClass, styleunit: { \'height\': height(), \'width\': markerWidth }, click: function(_, e) { markerClick($root.selection); e.stopPropagation(); }, event: $root.ContextMenuDisabled && $root.ContextMenuDisabled() ? null : { contextmenu: function(_, e) { markerClick($root.selection, false);  }}, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.selection.initialize($data); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: collapsed() || !hasOwnRuler() || locked, forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }', function ($context, $element) { return { 'css': function () { return $context.$data.markerClass; }, 'styleunit': function () { return { 'height': $context.$data.height(), 'width': $context.$data.markerWidth }; }, 'click': function () { return function (_, e) { $context.$data.markerClick($context.$root.selection); e.stopPropagation(); }; }, 'event': function () { return $context.$root.ContextMenuDisabled && $context.$root.ContextMenuDisabled() ? null : { 'contextmenu': function (_, e) { $context.$data.markerClick($context.$root.selection, false); } }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.selection.initialize($context.$data); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': $context.$data.collapsed() || !$context.$data.hasOwnRuler() || $context.$data.locked, 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; } }; });
 addToBindingsCache('text: collapsed() ? \'\' : name', function ($context, $element) { return { 'text': function () { return $context.$data.collapsed() ? '' : $context.$data.name; } }; });
 addToBindingsCache('if: hasOwnRuler', function ($context, $element) { return { 'if': function () { return $context.$data.hasOwnRuler; } }; });
 addToBindingsCache('if: showMarker', function ($context, $element) { return { 'if': function () { return $context.$data.showMarker; } }; });
@@ -105,7 +105,7 @@ addToBindingsCache('foreach: holder.bands', function ($context, $element) { retu
 addToBindingsCache('template: { name: $data[$parent.templateName], data: $parent.getData($data) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data[$context.$parent.templateName], 'data': $context.$parent.getData($context.$data) }; } }; });
 addToBindingsCache('with: holder.verticalBandsContainer', function ($context, $element) { return { 'with': function () { return $context.$data.holder.verticalBandsContainer; } }; });
 addToBindingsCache('if: visible && !!$data[$parent.templateName]', function ($context, $element) { return { 'if': function () { return $context.$data.visible && !!$context.$data[$context.$parent.templateName]; } }; });
-addToBindingsCache('styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() },  css: { \'dxrd-band-content-selected dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data._width, 'left': $context.$data.absolutePosition.x }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': $context.$data.resizeHandles(), 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumWidth': $context.$data.minimumWidth(), 'minimumHeight': $context.$data.minimumHeight() }; }, 'css': function () { return { 'dxrd-band-content-selected dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() },  css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data._width, 'left': $context.$data.absolutePosition.x }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': $context.$data.resizeHandles(), 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumWidth': $context.$data.minimumWidth(), 'minimumHeight': $context.$data.minimumHeight() }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('css: { \'dxrd-vertical-band-marker-focused\': focused }', function ($context, $element) { return { 'css': function () { return { 'dxrd-vertical-band-marker-focused': $context.$data.focused }; } }; });
 addToBindingsCache('styleunit: { \'width\': _width(), \'left\': absolutePosition.x() }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data._width(), 'left': $context.$data.absolutePosition.x() }; } }; });
 addToBindingsCache('coordinateGrid: coordinateGridOptions', function ($context, $element) { return { 'coordinateGrid': function () { return $context.$data.coordinateGridOptions; } }; });
@@ -132,7 +132,7 @@ addToBindingsCache('styleunit: { lineHeight: rect().height, height: rect().heigh
 addToBindingsCache('zoom: _context.zoom, template: contenttemplate, styleunit: { height: rect().height / _context.zoom(), width: rect().width / _context.zoom() }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; }, 'styleunit': function () { return { 'height': $context.$data.rect().height / $context.$data._context.zoom(), 'width': $context.$data.rect().width / $context.$data._context.zoom() }; } }; });
 addToBindingsCache('dxPopup: { showTitle: true, width: \'95%\', height: \'95%\', wrapperAttr: { class: \'dxrd-chartdesigner-popup\' }, title: $root.getLocalization(\'Chart Designer\', \'ChartDesignerStringIDs.ChartDesignerWindowTitle\'), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}', function ($context, $element) { return { 'dxPopup': function () { return { 'showTitle': true, 'width': '95%', 'height': '95%', 'wrapperAttr': { 'class': 'dxrd-chartdesigner-popup' }, 'title': $context.$root.getLocalization('Chart Designer', 'ChartDesignerStringIDs.ChartDesignerWindowTitle'), 'visible': $context.$data.visible, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
 addToBindingsCache('visible: visible, dxChartDesigner: options', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'dxChartDesigner': function () { return $context.$data.options; } }; });
-addToBindingsCache('visible: selected() || focused(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('visible: selected() || focused(), css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('dxclick: function() { $root.runChartDesigner($data); }, text: runDesignerButtonText(), attr: { title: runDesignerButtonText() }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$root.runChartDesigner($context.$data); }; }, 'text': function () { return $context.$data.runDesignerButtonText(); }, 'attr': function () { return { 'title': $context.$data.runDesignerButtonText() }; } }; });
 addToBindingsCache('visible: !(selected() && focused()), styleunit: position, trackCursor: underCursor, style:{ overflow: isSelected() ? \'visible\' : \'hidden\'}', function ($context, $element) { return { 'visible': function () { return !($context.$data.selected() && $context.$data.focused()); }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; }, 'style': function () { return { 'overflow': $context.$data.isSelected() ? 'visible' : 'hidden' }; } }; });
 addToBindingsCache('style: { cssFloat: isGlyphAlignmentNear() ? \'left\': \'right\', width: checkStateWidthContainer() }, styleunit: { lineHeight: contentHeightWithoutZoom }', function ($context, $element) { return { 'style': function () { return { 'cssFloat': $context.$data.isGlyphAlignmentNear() ? 'left' : 'right', 'width': $context.$data.checkStateWidthContainer() }; }, 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; } }; });
@@ -141,7 +141,7 @@ addToBindingsCache('styleunit: { width: textWidth, lineHeight: contentHeightWith
 addToBindingsCache('controlDisplayName: $data, style: contentCss, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElementContent(element); } }; } }; });
 addToBindingsCache('styleunit: { lineHeight: contentHeightWithoutZoom }', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; } }; });
 addToBindingsCache('controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline }; } }; });
-addToBindingsCache('event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('styleunit: { \'top\': contentSizes().top + (isIntersect() ? 1 : 0), \'left\': contentSizes().left + (isIntersect()? 1 : 0), lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width}', function ($context, $element) { return { 'styleunit': function () { return { 'top': $context.$data.contentSizes().top + ($context.$data.isIntersect() ? 1 : 0), 'left': $context.$data.contentSizes().left + ($context.$data.isIntersect() ? 1 : 0), 'lineHeight': $context.$data.contentSizes().height, 'height': $context.$data.contentSizes().height, 'width': $context.$data.contentSizes().width }; } }; });
 addToBindingsCache('if: $data.controls', function ($context, $element) { return { 'if': function () { return $context.$data.controls; } }; });
 addToBindingsCache('styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css', function ($context, $element) { return { 'styleunit': function () { return { 'top': $context.$data.contentSizes().top, 'left': $context.$data.contentSizes().left, 'lineHeight': $context.$data.contentSizes().height, 'height': $context.$data.contentSizes().height, 'width': $context.$data.contentSizes().width }; }, 'style': function () { return $context.$data.css; } }; });
@@ -157,7 +157,7 @@ addToBindingsCache('attr: { x1: borderWidth()/2, x2: borderWidth()/2, y1: 0, y2:
 addToBindingsCache('attr: { x1: 0, x2: \'100%\', y1: borderWidth()/2, y2: borderWidth()/2 }, style: topCss', function ($context, $element) { return { 'attr': function () { return { 'x1': 0, 'x2': '100%', 'y1': $context.$data.borderWidth() / 2, 'y2': $context.$data.borderWidth() / 2 }; }, 'style': function () { return $context.$data.topCss; } }; });
 addToBindingsCache('attr: { x1: rect().width-borderWidth()/2, x2: rect().width-borderWidth()/2, y1: 0, y2: \'100%\' }, style: leftCss', function ($context, $element) { return { 'attr': function () { return { 'x1': $context.$data.rect().width - $context.$data.borderWidth() / 2, 'x2': $context.$data.rect().width - $context.$data.borderWidth() / 2, 'y1': 0, 'y2': '100%' }; }, 'style': function () { return $context.$data.leftCss; } }; });
 addToBindingsCache('attr: { x1: 0, x2: \'100%\', y1: rect().height-borderWidth()/2, y2: rect().height-borderWidth()/2 }, style: bottomCss', function ($context, $element) { return { 'attr': function () { return { 'x1': 0, 'x2': '100%', 'y1': $context.$data.rect().height - $context.$data.borderWidth() / 2, 'y2': $context.$data.rect().height - $context.$data.borderWidth() / 2 }; }, 'style': function () { return $context.$data.bottomCss; } }; });
-addToBindingsCache('event: { dblclick: function() { isEditable() && $root.inlineTextEdit.show($element) } }, style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$data.isEditable() && $context.$root.inlineTextEdit.show($element); } }; }, 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('event: { dblclick: function() { isEditable() && $root.inlineTextEdit.show($element) } }, style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function () { $context.$data.isEditable() && $context.$root.inlineTextEdit.show($element); } }; }, 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('visible: showDropSurface, css: dragCss, styleunit: { left: dropRect.left, top: dropRect.top, width: dropRect.width, height: dropRect.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.showDropSurface; }, 'css': function () { return $context.$data.dragCss; }, 'styleunit': function () { return { 'left': $context.$data.dropRect.left, 'top': $context.$data.dropRect.top, 'width': $context.$data.dropRect.width, 'height': $context.$data.dropRect.height }; } }; });
 addToBindingsCache('visible: !(selected() && focused()), styleunit: position, trackCursor: underCursor, style:{ overflow: \'visible\'}, event: { mousedown: function(e) { cellClick(); } }', function ($context, $element) { return { 'visible': function () { return !($context.$data.selected() && $context.$data.focused()); }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; }, 'style': function () { return { 'overflow': 'visible' }; }, 'event': function () { return { 'mousedown': function (e) { $context.$data.cellClick(); } }; } }; });
 addToBindingsCache('click: function(_, e) { !$root.selection.disabled() && selectLine($root.selection, e); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'width\': position.width }', function ($context, $element) { return { 'click': function () { return function (_, e) { !$context.$root.selection.disabled() && $context.$data.selectLine($context.$root.selection, e); e.stopPropagation(); }; }, 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'styleunit': function () { return { 'width': $context.$data.position.width }; } }; });
@@ -171,14 +171,14 @@ addToBindingsCache('if: _control.parent._columnDefinitions().length - 1 ===  _co
 addToBindingsCache('controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline, \'dxrd-disabled\': $data.getControlModel().isBindable() && !$data.getControlModel().fieldName() }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline, 'dxrd-disabled': $context.$data.getControlModel().isBindable() && !$context.$data.getControlModel().fieldName() }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElementContent(element); } }; } }; });
 addToBindingsCache('visible: !(selected() && focused()), styleunit: position, trackCursor: underCursor, style:{ overflow: \'visible\'}', function ($context, $element) { return { 'visible': function () { return !($context.$data.selected() && $context.$data.focused()); }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; }, 'style': function () { return { 'overflow': 'visible' }; } }; });
 addToBindingsCache('attr: { x1: linePosition().x1 / _context.zoom(), x2: linePosition().x2 / _context.zoom(), y1: linePosition().y1 / _context.zoom(), y2: linePosition().y2 / _context.zoom() }, style: contentCss', function ($context, $element) { return { 'attr': function () { return { 'x1': $context.$data.linePosition().x1 / $context.$data._context.zoom(), 'x2': $context.$data.linePosition().x2 / $context.$data._context.zoom(), 'y1': $context.$data.linePosition().y1 / $context.$data._context.zoom(), 'y2': $context.$data.linePosition().y2 / $context.$data._context.zoom() }; }, 'style': function () { return $context.$data.contentCss; } }; });
-addToBindingsCache('visible: isSelected(), trackCursor: underCursor, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, draggable: $root.dragHandler, styleunit: { \'width\': position.width(), \'height\': 3, \'top\': position.top() - 1, left: position.left() }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'trackCursor': function () { return $context.$data.underCursor; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return { 'width': $context.$data.position.width(), 'height': 3, 'top': $context.$data.position.top() - 1, 'left': $context.$data.position.left() }; } }; });
+addToBindingsCache('visible: isSelected(), trackCursor: underCursor, css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, draggable: $root.dragHandler, styleunit: { \'width\': position.width(), \'height\': 3, \'top\': position.top() - 1, left: position.left() }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'trackCursor': function () { return $context.$data.underCursor; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return { 'width': $context.$data.position.width(), 'height': 3, 'top': $context.$data.position.top() - 1, 'left': $context.$data.position.left() }; } }; });
 addToBindingsCache('visible: !isSelected(), trackCursor: underCursor, styleunit: { \'width\': position.width(), \'height\': 3, \'top\': position.top() - 1, left: position.left() }', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSelected(); }, 'trackCursor': function () { return $context.$data.underCursor; }, 'styleunit': function () { return { 'width': $context.$data.position.width(), 'height': 3, 'top': $context.$data.position.top() - 1, 'left': $context.$data.position.left() }; } }; });
 addToBindingsCache('zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': lineHeight, \'height\': lineHeight, \'width\': position.width() / _context.zoom() }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; }, 'styleunit': function () { return { 'lineHeight': $context.$data.lineHeight, 'height': $context.$data.lineHeight, 'width': $context.$data.position.width() / $context.$data._context.zoom() }; } }; });
 addToBindingsCache('style: contentCss, styleunit: { lineHeight: contentHeightWithoutZoom, height: contentHeightWithoutZoom, width: contentWidthWithoutZoom }', function ($context, $element) { return { 'style': function () { return $context.$data.contentCss; }, 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom, 'height': $context.$data.contentHeightWithoutZoom, 'width': $context.$data.contentWidthWithoutZoom }; } }; });
 addToBindingsCache('css: controlTypeClass, template: controlTypeIconTemplate', function ($context, $element) { return { 'css': function () { return $context.$data.controlTypeClass; }, 'template': function () { return $context.$data.controlTypeIconTemplate; } }; });
 addToBindingsCache('text: getControlModel().textContent', function ($context, $element) { return { 'text': function () { return $context.$data.getControlModel().textContent; } }; });
 addToBindingsCache('if: generateOwnPages()', function ($context, $element) { return { 'if': function () { return $context.$data.generateOwnPages(); } }; });
-addToBindingsCache('style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('styleunit: { lineHeight: contentHeightWithoutZoom }, visible: $data.showSkeleton', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; }, 'visible': function () { return $context.$data.showSkeleton; } }; });
 addToBindingsCache('controlDisplayName: $data, style: contentCss', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; } }; });
 addToBindingsCache('visible: !$data.showSkeleton()', function ($context, $element) { return { 'visible': function () { return !$context.$data.showSkeleton(); } }; });
@@ -188,7 +188,7 @@ addToBindingsCache('styleunit: { lineHeight: contentHeightWithoutZoom }, visible
 addToBindingsCache('text: $data.certificateName, style: contentCss, css: { \'dxrd-control-content-multiline\' : multiline }', function ($context, $element) { return { 'text': function () { return $context.$data.certificateName; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline }; } }; });
 addToBindingsCache('styleunit: { lineHeight: contentHeightWithoutZoom }, visible: visibleText, css: {\'dxrd-pdf-signature-info-fill-container\': $data.hideImage }', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; }, 'visible': function () { return $context.$data.visibleText; }, 'css': function () { return { 'dxrd-pdf-signature-info-fill-container': $context.$data.hideImage }; } }; });
 addToBindingsCache('controlDisplayName: $data, style: contentCss, css: { \'dxrd-control-content-multiline\' : multiline }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline }; } }; });
-addToBindingsCache('visible: selected() || focused(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizeOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizeOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('visible: selected() || focused(), css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizeOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizeOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('styleunit: { \'width\': Math.max(positionWidthWithoutZoom(), minWidth()), \'height\': position.height() / _context.zoom() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'width': Math.max($context.$data.positionWidthWithoutZoom(), $context.$data.minWidth()), 'height': $context.$data.position.height() / $context.$data._context.zoom() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('css: {\'dxrd-pivot-field-selected\': selected }, zoom: 1/_context.zoom(), styleunit: { \'width\': Math.max(position.width(), minWidth() * _context.zoom()), \'height\': position.height }', function ($context, $element) { return { 'css': function () { return { 'dxrd-pivot-field-selected': $context.$data.selected }; }, 'zoom': function () { return 1 / $context.$data._context.zoom(); }, 'styleunit': function () { return { 'width': Math.max($context.$data.position.width(), $context.$data.minWidth() * $context.$data._context.zoom()), 'height': $context.$data.position.height }; } }; });
 addToBindingsCache('text: displayName, zoom: _context.zoom', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'zoom': function () { return $context.$data._context.zoom; } }; });
@@ -220,9 +220,9 @@ addToBindingsCache('foreach: dataFields', function ($context, $element) { return
 addToBindingsCache('if: dataFields().length === 0', function ($context, $element) { return { 'if': function () { return $context.$data.dataFields().length === 0; } }; });
 addToBindingsCache('zoom: _context.zoom(), css: { \'dxrd-pivot-content-rtl\': getControlModel().rtl() }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom(); }, 'css': function () { return { 'dxrd-pivot-content-rtl': $context.$data.getControlModel().rtl() }; } }; });
 addToBindingsCache('visible: !($data.selected() || $data.focused()), css: { \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !($context.$data.selected() || $context.$data.focused()); }, 'css': function () { return { 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-control-rtl': $context.$data.getControlModel().rtl() }; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
-addToBindingsCache('visible: $data.selected() || $data.focused(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-control-rtl': $context.$data.getControlModel().rtl() }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('visible: $data.selected() || $data.focused(), css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.selected() || $context.$data.focused(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-control-rtl': $context.$data.getControlModel().rtl() }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('template: \'dxrd-pivotgrid-selection-context\'', function ($context, $element) { return { 'template': function () { return 'dxrd-pivotgrid-selection-context'; } }; });
-addToBindingsCache('styleunit: { \'width\': Math.min($data.pageWidth() + $data.maxMarkerWidth() + $root.verticalScrollOffset() , $root.surfaceSize()) }, css: { \'dxrd-surface-rtl\': rtl() }, click: function(surface, e) { !$root.selection.disabled() && $root.selection.clickHandler($root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }, keyDownActions: $root.actionLists', function ($context, $element) { return { 'styleunit': function () { return { 'width': Math.min($context.$data.pageWidth() + $context.$data.maxMarkerWidth() + $context.$root.verticalScrollOffset(), $context.$root.surfaceSize()) }; }, 'css': function () { return { 'dxrd-surface-rtl': $context.$data.rtl() }; }, 'click': function () { return function (surface, e) { !$context.$root.selection.disabled() && $context.$root.selection.clickHandler($context.$root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }; }, 'keyDownActions': function () { return $context.$root.actionLists; } }; });
+addToBindingsCache('styleunit: { \'width\': Math.min($data.pageWidth() + $data.maxMarkerWidth() + $root.verticalScrollOffset() , $root.surfaceSize()) }, css: { \'dxrd-surface-rtl\': rtl() }, click: function(surface, e) { !$root.selection.disabled() && $root.selection.clickHandler($root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }, event: $root.ContextMenuDisabled && $root.ContextMenuDisabled() ? null : { contextmenu: function(surface, e) { $data.surfaceContextMenuHandler && $data.surfaceContextMenuHandler($root.selection, surface, e); }}, keyDownActions: $root.actionLists', function ($context, $element) { return { 'styleunit': function () { return { 'width': Math.min($context.$data.pageWidth() + $context.$data.maxMarkerWidth() + $context.$root.verticalScrollOffset(), $context.$root.surfaceSize()) }; }, 'css': function () { return { 'dxrd-surface-rtl': $context.$data.rtl() }; }, 'click': function () { return function (surface, e) { !$context.$root.selection.disabled() && $context.$root.selection.clickHandler($context.$root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }; }, 'event': function () { return $context.$root.ContextMenuDisabled && $context.$root.ContextMenuDisabled() ? null : { 'contextmenu': function (surface, e) { $context.$data.surfaceContextMenuHandler && $context.$data.surfaceContextMenuHandler($context.$root.selection, surface, e); } }; }, 'keyDownActions': function () { return $context.$root.actionLists; } }; });
 addToBindingsCache('styleunit: $root.dx[\'config\']()[\'rtlEnabled\'] ?  { right: maxMarkerWidth() } : { left: maxMarkerWidth() }, style: { bottom: (20 - $root.horizontalScrollOffset()) + \'px\' }', function ($context, $element) { return { 'styleunit': function () { return $context.$root.dx['config']()['rtlEnabled'] ? { 'right': $context.$data.maxMarkerWidth() } : { 'left': $context.$data.maxMarkerWidth() }; }, 'style': function () { return { 'bottom': (20 - $context.$root.horizontalScrollOffset()) + 'px' }; } }; });
 addToBindingsCache('styleunit: { left: leftMarginOffset,\'width\': margins.left }', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.leftMarginOffset, 'width': $context.$data.margins.left }; } }; });
 addToBindingsCache('ruler: { \'zoom\': zoom, \'length\': margins.left, \'units\': measureUnit, flip: ko.computed(function(){ return !rtl(); }) }', function ($context, $element) { return { 'ruler': function () { return { 'zoom': $context.$data.zoom, 'length': $context.$data.margins.left, 'units': $context.$data.measureUnit, 'flip': $context.ko.computed(function () { return !$context.$data.rtl(); }) }; } }; });
@@ -241,7 +241,7 @@ addToBindingsCache('attr: { x1: 0, x2: 0 }', function ($context, $element) { ret
 addToBindingsCache('styleunit: { left: rtl() ? margins.right() : rightMarginOffset() }, visible: margins.right() > 0', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.rtl() ? $context.$data.margins.right() : $context.$data.rightMarginOffset() }; }, 'visible': function () { return $context.$data.margins.right() > 0; } }; });
 addToBindingsCache('styleunit: { \'width\': pageWidthWithoutMargins }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.pageWidthWithoutMargins }; } }; });
 addToBindingsCache('styleunit: { \'width\': pageWidthWithoutMargins, \'left\': leftMarginResizableOffset }, resizableReportMargins: leftMarginResizeOptions($root.undoEngine, $element)', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.pageWidthWithoutMargins, 'left': $context.$data.leftMarginResizableOffset }; }, 'resizableReportMargins': function () { return $context.$data.leftMarginResizeOptions($context.$root.undoEngine, $element); } }; });
-addToBindingsCache('visible: isSelected() && !$root.dx._static.DragDropHandler.started(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() && !$context.$root.dx._static.DragDropHandler.started(); }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('visible: isSelected() && !$root.dx._static.DragDropHandler.started(), css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() && !$context.$root.dx._static.DragDropHandler.started(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('styleunit: { left: rightMarginResizableOffset }, resizableReportMargins: rightMarginResizeOptions($root.undoEngine, $element)', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.rightMarginResizableOffset }; }, 'resizableReportMargins': function () { return $context.$data.rightMarginResizeOptions($context.$root.undoEngine, $element); } }; });
 addToBindingsCache('styleunit: { width: maxMarkerWidth() }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.maxMarkerWidth() }; } }; });
 addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginSelectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $data.margins.left }; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'leftMarginSelectionTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'width': $context.$data.margins.left }; } } }; } }; });
@@ -260,21 +260,21 @@ addToBindingsCache('if: $data.imageSrc', function ($context, $element) { return
 addToBindingsCache('if: $data.isLoading', function ($context, $element) { return { 'if': function () { return $context.$data.isLoading; } }; });
 addToBindingsCache('if: $data.error', function ($context, $element) { return { 'if': function () { return $context.$data.error; } }; });
 addToBindingsCache('zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': contentHeightWithoutZoom }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; }, 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; } }; });
-addToBindingsCache('event: { dblclick:  function (control, e) { $root.navigateByReports.goToSubreport(control); } }, visible: isSelected, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function (control, e) { $context.$root.navigateByReports.goToSubreport(control); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+addToBindingsCache('event: { dblclick:  function (control, e) { $root.navigateByReports.goToSubreport(control); } }, visible: isSelected, css: {\'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function (control, e) { $context.$root.navigateByReports.goToSubreport(control); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('visible: !isSelected(), styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 addToBindingsCache('text: displayText(), style: contentCss', function ($context, $element) { return { 'text': function () { return $context.$data.displayText(); }, 'style': function () { return $context.$data.contentCss; } }; });
 addToBindingsCache('style: { visibility: !isSelected() ? \'visible\' : \'hidden\'}, styleunit: position', function ($context, $element) { return { 'style': function () { return { 'visibility': !$context.$data.isSelected() ? 'visible' : 'hidden' }; }, 'styleunit': function () { return $context.$data.position; } }; });
 addToBindingsCache('styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
 addToBindingsCache('trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style:{ overflow: isSelected() ? \'visible\' : \'hidden\', \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'overflow': $context.$data.isSelected() ? 'visible' : 'hidden', 'z-index': $context.$data.offsetZIndex() }; } }; });
-addToBindingsCache('style: { visibility: \'inherit\' }, css: { \'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position', function ($context, $element) { return { 'style': function () { return { 'visibility': 'inherit' }; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; } }; });
+addToBindingsCache('style: { visibility: \'inherit\' }, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position', function ($context, $element) { return { 'style': function () { return { 'visibility': 'inherit' }; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$root.resizeHandler; }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; } }; });
 addToBindingsCache('click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }', function ($context, $element) { return { 'click': function () { return function (_, e) { !$context.$root.selection.disabled() && $context.$data.selectColumn($context.$root.selection); e.stopPropagation(); }; }, 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width }; } }; });
 addToBindingsCache('trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); } }; });
 addToBindingsCache('trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 addToBindingsCache('click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }', function ($context, $element) { return { 'click': function () { return function (_, e) { !$context.$root.selection.disabled() && $context.$data.selectColumn($context.$root.selection); e.stopPropagation(); }; }, 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width }; } }; });
 addToBindingsCache('visible: isSelected() && !(selected() || focused()), styleunit: position', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() && !($context.$data.selected() || $context.$data.focused()); }, 'styleunit': function () { return $context.$data.position; } }; });
-addToBindingsCache('visible: isSelected(), css: { \'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'n,s', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom }; }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
+addToBindingsCache('visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'n,s', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom }; }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
 addToBindingsCache('visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
-addToBindingsCache('trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-table-cell-over-rowSpan': $context.$data.rowSpan() === 0 }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'e,w', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom, 'snapHelper': $context.$root.resizeHandler.snapHelper }; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
+addToBindingsCache('trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-table-cell-over-rowSpan': $context.$data.rowSpan() === 0 }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'e,w', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom, 'snapHelper': $context.$root.resizeHandler.snapHelper }; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 addToBindingsCache('trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 addToBindingsCache('visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
 addToBindingsCache('visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
@@ -328,14 +328,16 @@ addToBindingsCache('foreach: majorVerticalGridLines', function ($context, $eleme
 addToBindingsCache('foreach: majorHorizontalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorHorizontalGridLines; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.controlsStore.dataSource, 'value': $context.$root.editableObject, 'displayExpr': function (value) { var showValue = value || $context.$root.editableObject(); return $context.$root.dx._static.getControlFullName(showValue); }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('template: \'dx-propertieseditor\'', function ($context, $element) { return { 'template': function () { return 'dx-propertieseditor'; } }; });
-addToBindingsCache('visible: !inRenameMode && (isSelected() || isHovered())', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected() || $context.$data.isHovered()); } }; });
-addToBindingsCache('dxTextBox: $data.createRenameEditorOptions(), dxValidator: $data.createValidatorOptions()', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.createRenameEditorOptions(); }, 'dxValidator': function () { return $context.$data.createValidatorOptions(); } }; });
+addToBindingsCache('visible: !inRenameMode && (isSelected || isHovered)', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); } }; });
+addToBindingsCache('dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.createRenameEditorOptions(); }, 'dxValidator': function () { return $context.$data.createValidatorOptions(); } }; });
 addToBindingsCache('if: !inRenameMode', function ($context, $element) { return { 'if': function () { return !$context.$data.inRenameMode; } }; });
 addToBindingsCache('if: inRenameMode', function ($context, $element) { return { 'if': function () { return $context.$data.inRenameMode; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Field List', 'ReportStringId.UD_Title_FieldList'); } }; });
 addToBindingsCache('dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.startWizard, 'visible': $context.$data.visible(), 'text': $context.$data.addDataSourceButtonText, 'icon': 'dxrd-svg-operations-add', 'iconClass': 'dx-image-add' }; }, 'attr': function () { return { 'title': $context.$data.addDataSourceButtonText }; } }; });
 addToBindingsCache('treeListSearchPanel: {controllers:treeListOptions.treeListController}', function ($context, $element) { return { 'treeListSearchPanel': function () { return { 'controllers': $context.$data.treeListOptions.treeListController }; } }; });
+addToBindingsCache('dxContextMenu: { dataSource: fieldListContextMenu.dataSource, target: fieldListContextMenu.target, itemTemplate: fieldListContextMenu.itemTemplate, cssClass: fieldListContextMenu.cssClass, hideOnOutsideClick: fieldListContextMenu.hideOnOutsideClick, onItemClick: function(e) { fieldListContextMenu.onItemClick(e); }, onInitialized: fieldListContextMenu.onInitialized }', function ($context, $element) { return { 'dxContextMenu': function () { return { 'dataSource': $context.$data.fieldListContextMenu.dataSource, 'target': $context.$data.fieldListContextMenu.target, 'itemTemplate': $context.$data.fieldListContextMenu.itemTemplate, 'cssClass': $context.$data.fieldListContextMenu.cssClass, 'hideOnOutsideClick': $context.$data.fieldListContextMenu.hideOnOutsideClick, 'onItemClick': function (e) { $context.$data.fieldListContextMenu.onItemClick(e); }, 'onInitialized': $context.$data.fieldListContextMenu.onInitialized }; } }; });
 addToBindingsCache('if: $data.allowAddDataSource', function ($context, $element) { return { 'if': function () { return $context.$data.allowAddDataSource; } }; });
+addToBindingsCache('if: useContextMenu', function ($context, $element) { return { 'if': function () { return $context.$data.useContextMenu; } }; });
 addToBindingsCache('searchHighlighting: { text: displayName, textToSearch: $parent.textToSearch }, attr: { \'title\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$parent.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
 addToBindingsCache('dxTextBox: { value: defaultText, readOnly: !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.defaultText, 'readOnly': !$context.$data.isDefaultLanguage() }; }, 'css': function () { return { 'dxrd-localization-panel-textbox-full': $context.$data.isDefaultLanguage() }; } }; });
 addToBindingsCache('dxTextBox: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.localizedText, 'onFocusIn': function (e, s) { $context.$parent.onItemGotFocus(e); }, 'visible': !$context.$data.isDefaultLanguage() }; } }; });
@@ -379,12 +381,17 @@ addToBindingsCache('css: {\'dxrd-flip\': forLeftMargin }, dxWatermark: { band: b
 addToBindingsCache('if: $data.reportSurface.watermark.shouldDrawWatermarkImage()', function ($context, $element) { return { 'if': function () { return $context.$data.reportSurface.watermark.shouldDrawWatermarkImage(); } }; });
 addToBindingsCache('if: $data.reportSurface.watermark.text()', function ($context, $element) { return { 'if': function () { return $context.$data.reportSurface.watermark.text(); } }; });
 addToBindingsCache('css: { \'dx-rtl\' : $root.rtl, \'dx-ltr\': !$root.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-rtl': $context.$root.rtl, 'dx-ltr': !$context.$root.rtl }; } }; });
-addToBindingsCache('template: { name: \'dxrd-toolbar-tmplt\', data: toolbarItems }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-tmplt', 'data': $context.$data.toolbarItems }; } }; });
+addToBindingsCache('template: { name: \'dxrd-toolbar-tmplt\', data: getViewModel().toolbarItems }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-tmplt', 'data': $context.$data.getViewModel().toolbarItems }; } }; });
 addToBindingsCache('dxAceEditor: { value: scriptsText, editorContainer: editorContainer, options: aceOptions }', function ($context, $element) { return { 'dxAceEditor': function () { return { 'value': $context.$data.scriptsText, 'editorContainer': $context.$data.editorContainer, 'options': $context.$data.aceOptions }; } }; });
-addToBindingsCache('dxSelectBox: { dataSource: controls, value: control, displayExpr: displayExpr, placeholder: $root.getLocalization(\'Select control...\', \'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectControl\'), width: \'300px\', dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.controls, 'value': $context.$data.control, 'displayExpr': $context.$data.displayExpr, 'placeholder': $context.$root.getLocalization('Select control...', 'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectControl'), 'width': '300px', 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
-addToBindingsCache('dxSelectBox: { items: events, value: event, placeholder: $root.getLocalization(\'Select event...\', \'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectEvent\'), width: \'200px\', dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.events, 'value': $context.$data.event, 'placeholder': $context.$root.getLocalization('Select event...', 'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectEvent'), 'width': '200px', 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+addToBindingsCache('dxSelectBox: { items: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, placeholder: widget.placeholder, width: widget.width, dropDownOptions: { container: getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'displayExpr': $context.$data.widget.displayExpr, 'placeholder': $context.$data.widget.placeholder, 'width': $context.$data.widget.width, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('if: editorVisible', function ($context, $element) { return { 'if': function () { return $context.$data.editorVisible; } }; });
 addToBindingsCache('visible: editorVisible, template: \'dxrd-scripts-addon\'', function ($context, $element) { return { 'visible': function () { return $context.$data.editorVisible; }, 'template': function () { return 'dxrd-scripts-addon'; } }; });
+addToBindingsCache('css: {\'dx-context-menu-flex\': !($data.items) }', function ($context, $element) { return { 'css': function () { return { 'dx-context-menu-flex': !($context.$data.items) }; } }; });
+addToBindingsCache('text: $data.displayText ? $data.displayText() : $data.text', function ($context, $element) { return { 'text': function () { return $context.$data.displayText ? $context.$data.displayText() : $context.$data.text; } }; });
+addToBindingsCache('if: $data.imageTemplateName', function ($context, $element) { return { 'if': function () { return $context.$data.imageTemplateName; } }; });
+addToBindingsCache('template: { name: $data.imageTemplateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.imageTemplateName }; } }; });
+addToBindingsCache('if: $data.items', function ($context, $element) { return { 'if': function () { return $context.$data.items; } }; });
+addToBindingsCache('template: { name: \'dxrd-svg-preview-next_page\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-svg-preview-next_page' }; } }; });
 addToBindingsCache('style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions', function ($context, $element) { return { 'style': function () { return $context.$data._position; }, 'css': function () { return { 'collapsed': $context.$data.collapsed }; }, 'resizable': function () { return $context.$data._resizableOptions; } }; });
 addToBindingsCache('style: { display: $data.collapsed() ? \'none\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.collapsed() ? 'none' : 'block' }; } }; });
 addToBindingsCache('text: $data.panelTitle', function ($context, $element) { return { 'text': function () { return $context.$data.panelTitle; } }; });
@@ -399,6 +406,7 @@ addToBindingsCache('text: data.description', function ($context, $element) { ret
 addToBindingsCache('dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }', function ($context, $element) { return { 'dxTagBox': function () { return { 'maxDisplayedTags': 0, 'showSelectionControls': true, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'value': $context.$data.data.value, 'dataSource': $context.$data.data.dataSource, 'useItemTextAsTitle': true, 'dropDownOptions': { 'container': $context.$data.data.getContainer($element), 'minWidth': 200 } }; } }; });
 addToBindingsCache('dxButtonGroup: $data.data', function ($context, $element) { return { 'dxButtonGroup': function () { return $context.$data.data; } }; });
 addToBindingsCache('template: { name: $parents[1].getIconTemplateName(icon) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$parents[1].getIconTemplateName($context.$data.icon) }; } }; });
+addToBindingsCache('text: $data.text()', function ($context, $element) { return { 'text': function () { return $context.$data.text(); } }; });
 addToBindingsCache('style: { display: !$data.collapsed() ? \'none\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': !$context.$data.collapsed() ? 'none' : 'block' }; } }; });
 addToBindingsCache('click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }', function ($context, $element) { return { 'click': function () { return function () { $context.$data.toggleCollapsed(); }; }, 'template': function () { return { 'name': $context.$data.getNotificationTemplate() }; }, 'attr': function () { return { 'title': $context.$data.getTitleMessage() }; } }; });
 addToBindingsCache('if: $data.data.showLink', function ($context, $element) { return { 'if': function () { return $context.$data.data.showLink; } }; });
@@ -429,15 +437,16 @@ addToBindingsCache('template: { name: \'dx-propertieseditor\', data: _settingsGr
 addToBindingsCache('dxButtonWithTemplate: { onClick: addParameter, icon: \'dxrd-svg-actions-add_parameter\', iconClass: \'dx-image-add-parameter\' }, attr: { title: getDisplayTextButton(\'addParameter\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addParameter, 'icon': 'dxrd-svg-actions-add_parameter', 'iconClass': 'dx-image-add-parameter' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addParameter') }; } }; });
 addToBindingsCache('dxButtonWithTemplate: { onClick: addGroup, icon: \'dxrd-svg-actions-add_group\', iconClass: \'dx-image-add-group\' }, attr: { title: getDisplayTextButton(\'addGroup\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addGroup, 'icon': 'dxrd-svg-actions-add_group', 'iconClass': 'dx-image-add-group' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addGroup') }; } }; });
 addToBindingsCache('dxButtonWithTemplate: { onClick: addSeparator, icon: \'dxrd-svg-actions-add_separator\', iconClass: \'dx-image-add-separator\' }, attr: { title: getDisplayTextButton(\'addSeparator\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addSeparator, 'icon': 'dxrd-svg-actions-add_separator', 'iconClass': 'dx-image-add-separator' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addSeparator') }; } }; });
+addToBindingsCache('dxButtonWithTemplate: { onClick: up, disabled: isDisabledButton(\'up\'), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dx-image-moveup\' }, attr: { title: getDisplayTextButton(\'up\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.up, 'disabled': $context.$data.isDisabledButton('up'), 'icon': 'dxrd-svg-operations-moveup', 'iconClass': 'dx-image-moveup' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('up') }; } }; });
+addToBindingsCache('dxButtonWithTemplate: { onClick: down, disabled: isDisabledButton(\'down\'), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dx-image-movedown\' }, attr: { title: getDisplayTextButton(\'down\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.down, 'disabled': $context.$data.isDisabledButton('down'), 'icon': 'dxrd-svg-operations-movedown', 'iconClass': 'dx-image-movedown' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('down') }; } }; });
 addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: \'both\' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'scrollByContent': false, 'bounceEnabled': false, 'useNative': false, 'scrollByThumb': true, 'direction': 'both' }; }, 'dxAutoScrolling': function () { return { 'active': $context.$root.dx._static.DragDropHandler.started }; } }; });
 addToBindingsCache('text: contentEmptyAreaPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentEmptyAreaPlaceHolder; } }; });
 addToBindingsCache('text: contentNoPropertiesPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentNoPropertiesPlaceHolder; } }; });
 addToBindingsCache('text: $data.value().name', function ($context, $element) { return { 'text': function () { return $context.$data.value().name; } }; });
 addToBindingsCache('dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'text': $context.$data.displayName, 'disabled': $context.$data.disabled }); } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) , showScroll: true, collapsed: false, alwaysShow: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'info': $context.$data.info, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'showScroll': true, 'collapsed': false, 'alwaysShow': true }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: value, level: editor.level }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level }; } }; });
+addToBindingsCache('template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.getProperties({ 'level': $context.$data.level }) }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'addHandler': $context.$root.dx._static.LookUpValue.createNew, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'info': $context.$data.info, 'collapsed': false, 'showScroll': true, 'alwaysShow': true }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: $data.value, level: editor.level }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level }; } }; });
 addToBindingsCache('template: { name: \'dxrd-parameters-dialog\', data: _addParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._addParametersDialog }; } }; });
 addToBindingsCache('template: { name: \'dxrd-parameters-dialog\', data: _editParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._editParametersDialog }; } }; });
 addToBindingsCache('if: _selectedParameterSettings', function ($context, $element) { return { 'if': function () { return $context.$data._selectedParameterSettings; } }; });
@@ -445,6 +454,7 @@ addToBindingsCache('if: $data.contentVisible() && !$data.hasNoEditableProperties
 addToBindingsCache('template: \'dxrd-parameter-edit\'', function ($context, $element) { return { 'template': function () { return 'dxrd-parameter-edit'; } }; });
 addToBindingsCache('if: !$data.contentVisible()', function ($context, $element) { return { 'if': function () { return !$context.$data.contentVisible(); } }; });
 addToBindingsCache('if: $data.hasNoEditableProperties()', function ($context, $element) { return { 'if': function () { return $context.$data.hasNoEditableProperties(); } }; });
+addToBindingsCache('if: editorCreated && visible', function ($context, $element) { return { 'if': function () { return $context.$data.editorCreated && $context.$data.visible; } }; });
 addToBindingsCache('if: ko.unwrap($data.value) && ko.unwrap($data.visible)', function ($context, $element) { return { 'if': function () { return $context.ko.unwrap($context.$data.value) && $context.ko.unwrap($context.$data.visible); } }; });
 addToBindingsCache('dxPopup: { showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, disabled: disabled, toolbarItems: buttons, showCloseButton: true, container: container($element), wrapperAttr: { class: \'dxrd-reportdialog dx-editors dx-widget\' }, position: { of: container($element) }}', function ($context, $element) { return { 'dxPopup': function () { return { 'showTitle': true, 'width': $context.$data.width, 'height': $context.$data.height, 'title': $context.$root.getLocalization($context.$data.title), 'visible': $context.$data.visible, 'disabled': $context.$data.disabled, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'container': $context.$data.container($element), 'wrapperAttr': { 'class': 'dxrd-reportdialog dx-editors dx-widget' }, 'position': { 'of': $context.$data.container($element) } }; } }; });
 addToBindingsCache('dxLoadPanel: { visible:true, container: container($element), position: { of: container($element) } }', function ($context, $element) { return { 'dxLoadPanel': function () { return { 'visible': true, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
@@ -476,6 +486,16 @@ addToBindingsCache('dxclick: function(e) { if(disabled && !disabled() || !disabl
 addToBindingsCache('if: !isMenuCollapsed()', function ($context, $element) { return { 'if': function () { return !$context.$data.isMenuCollapsed(); } }; });
 addToBindingsCache('if: isMenuCollapsed', function ($context, $element) { return { 'if': function () { return $context.$data.isMenuCollapsed; } }; });
 addToBindingsCache('if: !$root.isMenuCollapsed()', function ($context, $element) { return { 'if': function () { return !$context.$root.isMenuCollapsed(); } }; });
+addToBindingsCache('css: { \'dx-field-flex\': (templateName === \'dx-boolean\'), \'dx-field-block\': (templateName !== \'dx-boolean\') }', function ($context, $element) { return { 'css': function () { return { 'dx-field-flex': ($context.$data.templateName === 'dx-boolean'), 'dx-field-block': ($context.$data.templateName !== 'dx-boolean') }; } }; });
+addToBindingsCache('text: displayName, attr: { \'title\': fullDisplayName, \'for\': editorInputId }, css: { \'dx-property-required\': isRequired }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.fullDisplayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; } }; });
+addToBindingsCache('if: editorTemplate !== \'dx-commonCollection\'', function ($context, $element) { return { 'if': function () { return $context.$data.editorTemplate !== 'dx-commonCollection'; } }; });
+addToBindingsCache('if: templateName !== \'dx-boolean\'', function ($context, $element) { return { 'if': function () { return $context.$data.templateName !== 'dx-boolean'; } }; });
+addToBindingsCache('if: templateName === \'dx-boolean\'', function ($context, $element) { return { 'if': function () { return $context.$data.templateName === 'dx-boolean'; } }; });
+addToBindingsCache('dxPopover: { width: \'216px\', height: \'auto\', position: { my: \'left center\', at: \'right center\', boundary: \'.dxrd-designer-wrapper\', of: \'.dxrd-control-smart-tag\', collision: \'flip fit\', offset: \'-10 0\' }, container: getPopupContainer($element), hideOnOutsideClick: true, showTitle: false, showCloseButton: false, shading: false, visible: popoverVisible, animation: {} }', function ($context, $element) { return { 'dxPopover': function () { return { 'width': '216px', 'height': 'auto', 'position': { 'my': 'left center', 'at': 'right center', 'boundary': '.dxrd-designer-wrapper', 'of': '.dxrd-control-smart-tag', 'collision': 'flip fit', 'offset': '-10 0' }, 'container': $context.$data.getPopupContainer($element), 'hideOnOutsideClick': true, 'showTitle': false, 'showCloseButton': false, 'shading': false, 'visible': $context.$data.popoverVisible, 'animation': {} }; } }; });
+addToBindingsCache('visible: separatorVisible', function ($context, $element) { return { 'visible': function () { return $context.$data.separatorVisible; } }; });
+addToBindingsCache('foreach: getEditors(false)', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(false); } }; });
+addToBindingsCache('template: \'dxrd-smart-tag-editor\'', function ($context, $element) { return { 'template': function () { return 'dxrd-smart-tag-editor'; } }; });
+addToBindingsCache('foreach: getEditors(true)', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(true); } }; });
 addToBindingsCache('styleunit: { \'left\': $data.position.x, \'top\': $data.position.y }, style: $root.rtl ? { \'margin-right\': margin } : { \'margin-left\': margin }, visible: visible', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.position.x, 'top': $context.$data.position.y }; }, 'style': function () { return $context.$root.rtl ? { 'margin-right': $context.$data.margin } : { 'margin-left': $context.$data.margin }; }, 'visible': function () { return $context.$data.visible; } }; });
 addToBindingsCache('dxButtonWithTemplate: { icon: $data.imageTemplateName, iconClass: $data.imageTemplateName }, event: { dblclick: function(_, event){ event.stopPropagation(); } }, click: function(_, event){ $data.onClick(); event.stopPropagation(); }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'icon': $context.$data.imageTemplateName, 'iconClass': $context.$data.imageTemplateName }; }, 'event': function () { return { 'dblclick': function (_, event) { event.stopPropagation(); } }; }, 'click': function () { return function (_, event) { $context.$data.onClick(); event.stopPropagation(); }; } }; });
 addToBindingsCache('with: $data.expressionEditor', function ($context, $element) { return { 'with': function () { return $context.$data.expressionEditor; } }; });
@@ -490,6 +510,7 @@ addToBindingsCache('visible: $data.visible, attr: { \'aria-label\': $data.displa
 addToBindingsCache('text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }', function ($context, $element) { return { 'text': function () { return $context.$data.displayText && $context.$data.displayText() || $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'class': 'dxd-text-primary dxd-back-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || '') }; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {
         $context.$data.clickAction($context.$root.model && $context.$root.model());
     } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });
+addToBindingsCache('dxContextMenu: $data.contextMenu', function ($context, $element) { return { 'dxContextMenu': function () { return $context.$data.contextMenu; } }; });
 addToBindingsCache('if: !!$root.surface()', function ($context, $element) { return { 'if': function () { return !!$context.$root.surface(); } }; });
 addToBindingsCache('template: { name: $root.dx._static.editorTemplates.getEditor("combobox").header, data: $root.surface().wrapRtlProperty($data, $root.undoEngine, $element) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$root.dx._static.editorTemplates.getEditor('combobox').header, 'data': $context.$root.surface().wrapRtlProperty($context.$data, $context.$root.undoEngine, $element) }; } }; });
 addToBindingsCache('foreach: $data.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.items; } }; });
@@ -520,27 +541,26 @@ addToBindingsCache('dxSelectBox: { items: generateValue($root.bands), value: val
 addToBindingsCache('visible: visible, styleunit: { \'marginLeft\' : padding }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'styleunit': function () { return { 'marginLeft': $context.$data.padding }; } }; });
 addToBindingsCache('dxCheckBox: { value: value().selected, disabled: editor.disabled }, dxclick: function(_, event) { event.stopPropagation(); }', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.value().selected, 'disabled': $context.$data.editor.disabled }; }, 'dxclick': function () { return function (_, event) { event.stopPropagation(); }; } }; });
 addToBindingsCache('text: value().name, attr: { title: value().name }', function ($context, $element) { return { 'text': function () { return $context.$data.value().name; }, 'attr': function () { return { 'title': $context.$data.value().name }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: editor.level + 1, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'editorsInfo': { 'editors': $context.$root.dx._static.formattingRuleSerializationsInfo }, 'level': $context.$data.editor.level + 1, 'parentDisabled': $context.$data.editor.disabled }; } }; });
+addToBindingsCache('dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: level + 1, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'editorsInfo': { 'editors': $context.$root.dx._static.formattingRuleSerializationsInfo }, 'level': $context.$data.level + 1, 'parentDisabled': $context.$data.editor.disabled }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: wrapValues($root.displayNameProvider), value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }, dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.wrapValues($context.$root.displayNameProvider), 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.styles(), disabled, $root.getPopupContainer($element))', function ($context, $element) { return { 'dxSelectBox': function () { return new $context.$root.dx._static.StylesEditorHeaderModel($context.$data.value, $context.$root.styles(), $context.$data.disabled, $context.$root.getPopupContainer($element)); } }; });
 addToBindingsCache('dxStylesEditor: { styleName: value, styles: $root.styles() }', function ($context, $element) { return { 'dxStylesEditor': function () { return { 'styleName': $context.$data.value, 'styles': $context.$root.styles() }; } }; });
-addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, displayValue: $displayName, itemsProvider: $root.dataBindingsProvider(), treeListController: $parent.treeListController, value: $data.generateValue($root.undoEngine(), $root.dataSourceHelper(), $root.fieldListDataSources(), $root.dataBindingsProvider()), disabled: $parent.disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'displayValue': $context.$data.$displayName, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$parent.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.dataSourceHelper(), $context.$root.fieldListDataSources(), $context.$root.dataBindingsProvider()), 'disabled': $context.$parent.disabled }; } }; });
-addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, displayValue: generateDisplayValue($root.reportDataSource), itemsProvider: $root.reportDataBindingsProvider, treeListController: treeListController, value: generateValue($root.undoEngine(), $root.reportParameters, $root.reportDataSource), disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'displayValue': $context.$data.generateDisplayValue($context.$root.reportDataSource), 'itemsProvider': $context.$root.reportDataBindingsProvider, 'treeListController': $context.$data.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.reportParameters, $context.$root.reportDataSource), 'disabled': $context.$data.disabled }; } }; });
-addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, value: itemsProvider.selectedPath, displayValue: displayExpr, itemsProvider: itemsProvider, path: itemsProvider.path, disabled: disabled, treeListController: treeListController }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'value': $context.$data.itemsProvider.selectedPath, 'displayValue': $context.$data.displayExpr, 'itemsProvider': $context.$data.itemsProvider, 'path': $context.$data.itemsProvider.path, 'disabled': $context.$data.disabled, 'treeListController': $context.$data.treeListController }; } }; });
+addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, displayValue: $displayName, onValueChanged: onValueChanged, itemsProvider: $root.dataBindingsProvider(), treeListController: $parent.treeListController, value: $data.generateValue($root.undoEngine(), $root.dataSourceHelper(), $root.fieldListDataSources(), $root.dataBindingsProvider()), disabled: $parent.disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'displayValue': $context.$data.$displayName, 'onValueChanged': $context.$data.onValueChanged, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$parent.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.dataSourceHelper(), $context.$root.fieldListDataSources(), $context.$root.dataBindingsProvider()), 'disabled': $context.$parent.disabled }; } }; });
+addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, onValueChanged: onValueChanged, displayValue: generateDisplayValue($root.reportDataSource), itemsProvider: $root.reportDataBindingsProvider, treeListController: treeListController, value: generateValue($root.undoEngine(), $root.reportParameters, $root.reportDataSource), disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'onValueChanged': $context.$data.onValueChanged, 'displayValue': $context.$data.generateDisplayValue($context.$root.reportDataSource), 'itemsProvider': $context.$root.reportDataBindingsProvider, 'treeListController': $context.$data.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.reportParameters, $context.$root.reportDataSource), 'disabled': $context.$data.disabled }; } }; });
+addToBindingsCache('dxFieldListPicker: { acceptCustomValue: true, onValueChanged: onValueChanged, value: itemsProvider.selectedPath, displayValue: displayExpr, itemsProvider: itemsProvider, path: itemsProvider.path, disabled: disabled, treeListController: treeListController }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'onValueChanged': $context.$data.onValueChanged, 'value': $context.$data.itemsProvider.selectedPath, 'displayValue': $context.$data.displayExpr, 'itemsProvider': $context.$data.itemsProvider, 'path': $context.$data.itemsProvider.path, 'disabled': $context.$data.disabled, 'treeListController': $context.$data.treeListController }; } }; });
 addToBindingsCache('styleunit: padding', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Format String\', \'DevExpress.XtraReports.UI.XRBinding.FormatString\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Format String', 'DevExpress.XtraReports.UI.XRBinding.FormatString'); } }; });
 addToBindingsCache('dxEventDropDownEditor: { items: $root.events, value: value, editEnabled: true, disabled: disabled, secondAction: function() { $root.gotoEvent && $root.gotoEvent($data.value(), name, $parents[1]._model && $parents[1]._model()); }, placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxEventDropDownEditor': function () { return { 'items': $context.$root.events, 'value': $context.$data.value, 'editEnabled': true, 'disabled': $context.$data.disabled, 'secondAction': function () { $context.$root.gotoEvent && $context.$root.gotoEvent($context.$data.value(), $context.$data.name, $context.$parents[1]._model && $context.$parents[1]._model()); }, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
-addToBindingsCache('styleunit: { \'marginLeft\' : $parents[1].padding }', function ($context, $element) { return { 'styleunit': function () { return { 'marginLeft': $context.$parents[1].padding }; } }; });
-addToBindingsCache('text: $parents[1].options.info().getChildCaption(index()) + \':\'', function ($context, $element) { return { 'text': function () { return $context.$parents[1].options.info().getChildCaption($context.$data.index()) + ':'; } }; });
-addToBindingsCache('dxButtonWithTemplate: { onClick: value().changeSortOrder, icon: value().sortOrderClass().template, iconClass: value().sortOrderClass().class, disabled: editor.disabled }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.value().changeSortOrder, 'icon': $context.$data.value().sortOrderClass().template, 'iconClass': $context.$data.value().sortOrderClass().class, 'disabled': $context.$data.editor.disabled }; } }; });
-addToBindingsCache('dxFieldListPicker: { displayValue: $displayName, value: value().fieldName, acceptCustomValue: true, path: editor._model() && editor._model().getPath(\'groupFields\') || \'\', itemsProvider: $root.dataBindingsProvider(), treeListController: new $root.dx._static.TreeListController(), disabled: editor.disabled}', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'displayValue': $context.$data.$displayName, 'value': $context.$data.value().fieldName, 'acceptCustomValue': true, 'path': $context.$data.editor._model() && $context.$data.editor._model().getPath('groupFields') || '', 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': new $context.$root.dx._static.TreeListController(), 'disabled': $context.$data.editor.disabled }; } }; });
+addToBindingsCache('styleunit: { \'marginLeft\' : padding }', function ($context, $element) { return { 'styleunit': function () { return { 'marginLeft': $context.$data.padding }; } }; });
+addToBindingsCache('text: $parents[1].info().getChildCaption(index) + \':\'', function ($context, $element) { return { 'text': function () { return $context.$parents[1].info().getChildCaption($context.$data.index) + ':'; } }; });
+addToBindingsCache('dxButtonWithTemplate: { onClick: value.changeSortOrder, icon: value.sortOrderClass().template, iconClass: value.sortOrderClass().class, disabled: disabled }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.value.changeSortOrder, 'icon': $context.$data.value.sortOrderClass().template, 'iconClass': $context.$data.value.sortOrderClass().class, 'disabled': $context.$data.disabled }; } }; });
+addToBindingsCache('dxFieldListPicker: { displayValue: $displayName, value: value.fieldName, acceptCustomValue: true, path: $parents[1]._model() && $parents[1]._model().getPath(\'groupFields\') || \'\', itemsProvider: $root.dataBindingsProvider(), treeListController: new $root.dx._static.TreeListController(), disabled: disabled}', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'displayValue': $context.$data.$displayName, 'value': $context.$data.value.fieldName, 'acceptCustomValue': true, 'path': $context.$parents[1]._model() && $context.$parents[1]._model().getPath('groupFields') || '', 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': new $context.$root.dx._static.TreeListController(), 'disabled': $context.$data.disabled }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, undoEngine: $root.undoEngine, level: level, displayName: $root.getLocalization(displayName), info: info }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'addHandler': $context.$root.dx._static.LookUpValue.createNew, 'undoEngine': $context.$root.undoEngine, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'info': $context.$data.info }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: $data.value, level: editor.level + 1 }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level + 1 }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.calculatedFieldsSource().createCalculatedField(\'\'); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.calculatedFieldsSource().createCalculatedField(''); } }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return $root.parameters().add(); }, removeHandler: function(parameter) { return $root.parameters().remove(parameter); }, undoEngine: $root.undoEngine }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$data.displayName, 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.parameters().add(); }, 'removeHandler': function (parameter) { return $context.$root.parameters().remove(parameter); }, 'undoEngine': $context.$root.undoEngine }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.dx._static.TableOfContentsLevel.createNew(_model()); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.dx._static.TableOfContentsLevel.createNew($context.$data._model()); } }; } }; });
-addToBindingsCache('styleunit: {\'paddingLeft\': $parents[1].padding + $root.dx._static.propertiesGridEditorsPaddingLeft }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$parents[1].padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: value, level: editor.level + 2, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level + 2, 'parentDisabled': $context.$data.editor.disabled }; } }; });
+addToBindingsCache('styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft }; } }; });
+addToBindingsCache('template: { name: \'dx-propertieseditor\', data: getProperties({ level: level + 2 }) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.getProperties({ 'level': $context.$data.level + 2 }) }; } }; });
 addToBindingsCache('dxNumberBox: getOptions({ value:generateValue($root.undoEngine), showSpinButtons:true, disabled:disabled, min:min, max:max }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.getOptions({ 'value': $context.$data.generateValue($context.$root.undoEngine), 'showSpinButtons': true, 'disabled': $context.$data.disabled, 'min': $context.$data.min, 'max': $context.$data.max }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('css: { \'dxd-state-active\': bold(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.boldHasExpression }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.bold(), 'dx-disabled-button': $context.$parent.disabled, 'dxd-border-accented': $context.$data.boldHasExpression }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {
         $context.$data.bold(!$context.$data.bold());
@@ -575,7 +595,7 @@ addToBindingsCache('displayNameExtender: { dataSource: dataSource, dataMember: d
 addToBindingsCache('if: value()', function ($context, $element) { return { 'if': function () { return $context.$data.value(); } }; });
 addToBindingsCache('with: value()', function ($context, $element) { return { 'with': function () { return $context.$data.value(); } }; });
 addToBindingsCache('template: { name: \'dxrd-formatstring\', data: { value: $data.formatString, disabled: $data.disabled, actions: $parent.actions, customPatterns: $parent.customPatterns } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-formatstring', 'data': { 'value': $context.$data.formatString, 'disabled': $context.$data.disabled, 'actions': $context.$parent.actions, 'customPatterns': $context.$parent.customPatterns } }; } }; });
-addToBindingsCache('displayNameExtender: { path: function() { return $data.editor._model() && $data.editor._model().getPath(\'groupFields\') || \'\' }, dataMember: value().fieldName }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'path': function () { return $context.$data.editor._model() && $context.$data.editor._model().getPath('groupFields') || ''; }, 'dataMember': $context.$data.value().fieldName }; } }; });
+addToBindingsCache('displayNameExtender: { path: function() { return $parents[1]._model() && $parents[1]._model().getPath(\'groupFields\') || \'\' }, dataMember: value.fieldName }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'path': function () { return $context.$parents[1]._model() && $context.$parents[1]._model().getPath('groupFields') || ''; }, 'dataMember': $context.$data.value.fieldName }; } }; });
 addToBindingsCache('template: { name: \'dxrd-reportexpression\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-reportexpression' }; } }; });
 addToBindingsCache('template: { name: \'dxrd-expressioneditor-popup\', data: $data.wrapper }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-expressioneditor-popup', 'data': $context.$data.wrapper }; } }; });
 addToBindingsCache('with: $data.wrapModel($root.fieldListProvider)', function ($context, $element) { return { 'with': function () { return $context.$data.wrapModel($context.$root.fieldListProvider); } }; });
@@ -690,7 +710,7 @@ addToBindingsCache('template: { name: "dxrd-page-masterdetail-select-reportdata-
 addToBindingsCache('text: _fieldsCaption, attr:{\'title\': _fieldsCaption }', function ($context, $element) { return { 'text': function () { return $context.$data._fieldsCaption; }, 'attr': function () { return { 'title': $context.$data._fieldsCaption }; } }; });
 addToBindingsCache('text: _summaryFunctionCaption, attr:{\'title\': _summaryFunctionCaption }', function ($context, $element) { return { 'text': function () { return $context.$data._summaryFunctionCaption; }, 'attr': function () { return { 'title': $context.$data._summaryFunctionCaption }; } }; });
 addToBindingsCache('foreach: _summaryInfos', function ($context, $element) { return { 'foreach': function () { return $context.$data._summaryInfos; } }; });
-addToBindingsCache('dxFieldListPicker: { itemsProvider: $parent._fieldListProvider, acceptCustomValue: false, value: selectedPath, displayValue: displayName, placeholder: $root.dx._static.selectPlaceholder() }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'itemsProvider': $context.$parent._fieldListProvider, 'acceptCustomValue': false, 'value': $context.$data.selectedPath, 'displayValue': $context.$data.displayName, 'placeholder': $context.$root.dx._static.selectPlaceholder() }; } }; });
+addToBindingsCache('dxFieldListPicker: { itemsProvider: $parent._fieldListProvider, acceptCustomValue: false, onValueChanged: onValueChanged, value: selectedPath, displayValue: displayName, placeholder: $root.dx._static.selectPlaceholder() }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'itemsProvider': $context.$parent._fieldListProvider, 'acceptCustomValue': false, 'onValueChanged': $context.$data.onValueChanged, 'value': $context.$data.selectedPath, 'displayValue': $context.$data.displayName, 'placeholder': $context.$root.dx._static.selectPlaceholder() }; } }; });
 addToBindingsCache('dxButton: { icon: \'close\', onClick: function () { return $parent._removeSummaryInfo($data);  }}', function ($context, $element) { return { 'dxButton': function () { return { 'icon': 'close', 'onClick': function () { return $context.$parent._removeSummaryInfo($context.$data); } }; } }; });
 addToBindingsCache('dxCheckBox: { value: ignoreNullValues, text: _ignoreNullValuesCaption }', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.ignoreNullValues, 'text': $context.$data._ignoreNullValuesCaption }; } }; });
 addToBindingsCache('text: _selectFieldToSummaryCaption', function ($context, $element) { return { 'text': function () { return $context.$data._selectFieldToSummaryCaption; } }; });