devexpress-reporting/dx-designer-bindings.js

DevExpress Reporting provides the capability to develop a reporting application to create and customize reports.

/**
* DevExpress HTML/JS Reporting (dx-designer-bindings.js)
* Version:  24.2.6
* Build date: Mar 18, 2025
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* License: https://www.devexpress.com/Support/EULAs/universal.xml
*/
import { addToBindingsCache } from '@devexpress/analytics-core/analytics-widgets-internal';
addToBindingsCache('css: tabPanel.cssClasses()', function ($context, $element) { return { 'css': function () { return $context.$data.tabPanel.cssClasses(); } }; });
addToBindingsCache('text: rightPanelHeader()', function ($context, $element) { return { 'text': function () { return $context.$data.rightPanelHeader(); } }; });
addToBindingsCache('treelist: chartStructure', function ($context, $element) { return { 'treelist': function () { return $context.$data.chartStructure; } }; });
addToBindingsCache('dxList: { dataSource: actions, searchExpr: \'display\', searchEnabled: true, onItemClick: function(e) { e.itemData.clickAction(); }}', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.actions, 'searchExpr': 'display', 'searchEnabled': true, 'onItemClick': function (e) { e.itemData.clickAction(); } }; } }; });
addToBindingsCache('text: display, attr: { title: display }', function ($context, $element) { return { 'text': function () { return $context.$data.display; }, 'attr': function () { return { 'title': $context.$data.display }; } }; });
addToBindingsCache('dxLoadIndicator: { visible: isLoading() }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.isLoading() }; } }; });
addToBindingsCache('styleunit: { \'width\': Math.min(width(), $root.surfaceSize()) }, click: function(_, e) { e.stopPropagation(); }', function ($context, $element) { return { 'styleunit': function () { return { 'width': Math.min($context.$data.width(), $context.$root.surfaceSize()) }; }, 'click': function () { return function (_, e) { e.stopPropagation(); }; } }; });
addToBindingsCache('styleunit: { minWidth: Math.min(width() + 60, $root.surfaceSize()), maxWidth: width() + 60,  maxHeight: height() + 60 }', function ($context, $element) { return { 'styleunit': function () { return { 'minWidth': Math.min($context.$data.width() + 60, $context.$root.surfaceSize()), 'maxWidth': $context.$data.width() + 60, 'maxHeight': $context.$data.height() + 60 }; } }; });
addToBindingsCache('zoom: zoom, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }', function ($context, $element) { return { 'zoom': function () { return $context.$data.zoom; }, 'styleunit': function () { return { 'height': $context.$data.height() / $context.$data.zoom(), 'width': $context.$data.width() / $context.$data.zoom() }; } }; });
addToBindingsCache('attr: {src: imageSrc }, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.imageSrc }; }, 'styleunit': function () { return { 'height': $context.$data.height() / $context.$data.zoom(), 'width': $context.$data.width() / $context.$data.zoom() }; } }; });
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, 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: getOptions({ dataSource: $root.panes, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$root.panes, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }); } }; });
addToBindingsCache('dxSelectBox: getOptions({ dataSource: $root.legends, displayExpr: \'displayValue\', valueExpr: \'value\', value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$root.legends, 'displayExpr': 'displayValue', 'valueExpr': 'value', 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }); } }; });
addToBindingsCache('dxSelectBox: getOptions({ dataSource: $root.axisX, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$root.axisX, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }); } }; });
addToBindingsCache('dxSelectBox: getOptions({ dataSource: $root.axisY, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$root.axisY, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }); } }; });
addToBindingsCache('dxSelectBox: $data', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data; } }; });
addToBindingsCache('dxSelectBox: { dataSource: generateViewItems(), itemTemplate: \'stateItem\', valueExpr: \'value\', value: generateHeaderValue($root.undoEngine), displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.generateViewItems(), 'itemTemplate': 'stateItem', 'valueExpr': 'value', 'value': $context.$data.generateHeaderValue($context.$root.undoEngine), 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
addToBindingsCache('css: className, template: {name: templateName, if: !!templateName }', function ($context, $element) { return { 'css': function () { return $context.$data.className; }, 'template': function () { return { 'name': $context.$data.templateName, 'if': !!$context.$data.templateName }; } }; });
addToBindingsCache('text: displayValue', function ($context, $element) { return { 'text': function () { return $context.$data.displayValue; } }; });
addToBindingsCache('dxPropertyGrid: { target: contentValue, level: level + 1, parentDisabled: disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.contentValue, 'level': $context.$data.level + 1, 'parentDisabled': $context.$data.disabled }; } }; });
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.getAvailableItems(), 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.getAvailableItems(), 'acceptCustomValue': true, 'disabled': $context.$parent.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
addToBindingsCache('css: {\'dxcd-summaryfunction-arg\': $parents[1].actionsAreAvailable }', function ($context, $element) { return { 'css': function () { return { 'dxcd-summaryfunction-arg': $context.$parents[1].actionsAreAvailable }; } }; });
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) }; } }; });
addToBindingsCache('click: function(){ $parents[1].remove($index()) }', function ($context, $element) { return { 'click': function () { return function () { $context.$parents[1].remove($context.$index()); }; } }; });
addToBindingsCache('text: $parent.getLocalization(\'Add Argument\', \'ASPxReportsStringId.ReportDesigner_AddArgument\'), attr: { \'title\': $parent.getLocalization(\'Add New Item\', \'ASPxReportsStringId.ReportDesigner_AddNewItem\') }, click: function() { $parent.add(); }', function ($context, $element) { return { 'text': function () { return $context.$parent.getLocalization('Add Argument', 'ASPxReportsStringId.ReportDesigner_AddArgument'); }, 'attr': function () { return { 'title': $context.$parent.getLocalization('Add New Item', 'ASPxReportsStringId.ReportDesigner_AddNewItem') }; }, 'click': function () { return function () { $context.$parent.add(); }; } }; });
addToBindingsCache('dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return addPoint(); } }', 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.$data.addPoint(); } }; } }; });
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: getOptions({ 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 $context.$data.getOptions({ '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: getOptions({ 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 $context.$data.getOptions({ '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: getOptions({ 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 $context.$data.getOptions({ '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 }; } }; });
addToBindingsCache('with: generateOptions($root.chartDataSources, $root.getPopupContainer($element))', function ($context, $element) { return { 'with': function () { return $context.$data.generateOptions($context.$root.chartDataSources, $context.$root.getPopupContainer($element)); } }; });
addToBindingsCache('foreach: args', function ($context, $element) { return { 'foreach': function () { return $context.$data.args; } }; });
addToBindingsCache('if: $parent.args().length === 1', function ($context, $element) { return { 'if': function () { return $context.$parent.args().length === 1; } }; });
addToBindingsCache('if: $parent.args().length > 1', function ($context, $element) { return { 'if': function () { return $context.$parent.args().length > 1; } }; });
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('dxTemplate:{ name:\'stateItem\' }', function () { return { dxTemplate: { name: 'stateItem' } }; });
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 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 dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop(); $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 (_, container) { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.dimensionNotationsModel.start(container); }, 'resizing': function (boundsDiff) { $context.$root.dimensionNotationsModel.updateSize(boundsDiff); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.dimensionNotationsModel.stop(); $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; } } }; } }; });
addToBindingsCache('template: { name: $data.selectiontemplate }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.selectiontemplate }; } }; });
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(); }, event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: function(_, e) { markerClick($root.selection, false);  }} : null, 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.ContextMenusEnabled && $context.$root.ContextMenusEnabled() ? { 'contextmenu': function (_, e) { $context.$data.markerClick($context.$root.selection, false); } } : null; }, '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; } }; });
addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $parent.measureUnit }; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'vrulerTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'measureUnit': $context.$parent.measureUnit }; } } }; } }; });
addToBindingsCache('styleunit: { \'height\': heightWithoutSubBands, \'width\': _width(), \'top\': absolutePosition.y }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.heightWithoutSubBands, 'width': $context.$data._width(), 'top': $context.$data.absolutePosition.y }; } }; });
addToBindingsCache('styleunit: { \'left\': coordinateGridOptions.left }, coordinateGrid: coordinateGridOptions', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.coordinateGridOptions.left }; }, 'coordinateGrid': function () { return $context.$data.coordinateGridOptions; } }; });
addToBindingsCache('styleunit: { \'left\': columnSpacingLeft, \'width\': columnSpacing }', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.columnSpacingLeft, 'width': $context.$data.columnSpacing }; } }; });
addToBindingsCache('styleunit: { \'left\': grayAreaLeft, \'width\': grayAreaWidth }', function ($context, $element) { return { 'styleunit': function () { return { 'left': $context.$data.grayAreaLeft, 'width': $context.$data.grayAreaWidth }; } }; });
addToBindingsCache('visible: $data.isVisible, styleunit: { \'top\': $data.absolutePositionY, \'height\': $data.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.isVisible; }, 'styleunit': function () { return { 'top': $context.$data.absolutePositionY, 'height': $context.$data.height }; } }; });
addToBindingsCache('styleunit: { \'height\': heightWithoutSubBands, \'width\': _width() }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.heightWithoutSubBands, 'width': $context.$data._width() }; } }; });
addToBindingsCache('styleunit: { \'height\': height, \'line-height\': height, \'top\': absolutePosition.y, width: rect().width }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'line-height': $context.$data.height, 'top': $context.$data.absolutePosition.y, 'width': $context.$data.rect().width }; } }; });
addToBindingsCache('text: (name() || \'\').toUpperCase(), styleunit: { \'right\': leftMargin }', function ($context, $element) { return { 'text': function () { return ($context.$data.name() || '').toUpperCase(); }, 'styleunit': function () { return { 'right': $context.$data.leftMargin }; } }; });
addToBindingsCache('text: (name() || \'\').toUpperCase(), styleunit: { \'left\': leftMargin }', function ($context, $element) { return { 'text': function () { return ($context.$data.name() || '').toUpperCase(); }, 'styleunit': function () { return { 'left': $context.$data.leftMargin }; } }; });
addToBindingsCache('template: { name: \'dxrd-watermark\', data: { forLeftMargin: false, band: $data, reportSurface: $data._context } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-watermark', 'data': { 'forLeftMargin': false, 'band': $context.$data, 'reportSurface': $context.$data._context } }; } }; });
addToBindingsCache('if: $data.multiColumn() && $data.multiColumn().haveColumns()', function ($context, $element) { return { 'if': function () { return $context.$data.multiColumn() && $context.$data.multiColumn().haveColumns(); } }; });
addToBindingsCache('with: $data.multiColumn', function ($context, $element) { return { 'with': function () { return $context.$data.multiColumn; } }; });
addToBindingsCache('template: { name: $data.template }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.template }; } }; });
addToBindingsCache('template: { name: \'dxrd-band-holder\', data: { templateName: \'templateName\', holder: $data.bandsHolder, getData: function(item) { return item; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'templateName', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return item; } } }; } }; });
addToBindingsCache('template: \'dxrd-band-collapsed\'', function ($context, $element) { return { 'template': function () { return 'dxrd-band-collapsed'; } }; });
addToBindingsCache('if: $root.drawCrossbandContent() && $data._isHeaderBandTypeOrThemSubBands()', function ($context, $element) { return { 'if': function () { return $context.$root.drawCrossbandContent() && $context.$data._isHeaderBandTypeOrThemSubBands(); } }; });
addToBindingsCache('with: $data.printAcrossBandsPlaceHolder', function ($context, $element) { return { 'with': function () { return $context.$data.printAcrossBandsPlaceHolder; } }; });
addToBindingsCache('with: $data.band', function ($context, $element) { return { 'with': function () { return $context.$data.band; } }; });
addToBindingsCache('if: $root.surface().rtl()', function ($context, $element) { return { 'if': function () { return $context.$root.surface().rtl(); } }; });
addToBindingsCache('if: !$root.surface().rtl()', function ($context, $element) { return { 'if': function () { return !$context.$root.surface().rtl(); } }; });
addToBindingsCache('foreach: holder.bands', function ($context, $element) { return { 'foreach': function () { return $context.$data.holder.bands; } }; });
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(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop();  $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 (_, container) { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.dimensionNotationsModel.start(container); }, 'resizing': function (boundsDiff) { $context.$root.dimensionNotationsModel.updateSize(boundsDiff); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.dimensionNotationsModel.stop(); $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; } }; });
addToBindingsCache('styleunit: { \'height\': height, left: leftOffset, \'width\': width, top: topOffset }, 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 || 1 }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'left': $context.$data.leftOffset, 'width': $context.$data.width, 'top': $context.$data.topOffset }; }, '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 || 1 }; } }; });
addToBindingsCache('styleunit: { \'width\': width }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width }; } }; });
addToBindingsCache('style: { transform: \'translateX(-\' + $data.scrollOffset() + \'px)\' }', function ($context, $element) { return { 'style': function () { return { 'transform': 'translateX(-' + $context.$data.scrollOffset() + 'px)' }; } }; });
addToBindingsCache('styleunit: { width: grayAreaWidth, height: height, left: !$root.surface().rtl() ? grayAreaLeft : 0  }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.grayAreaWidth, 'height': $context.$data.height, 'left': !$context.$root.surface().rtl() ? $context.$data.grayAreaLeft : 0 }; } }; });
addToBindingsCache('styleunit: { \'height\': height, \'line-height\': height, \'top\': topOffset, width: width }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'line-height': $context.$data.height, 'top': $context.$data.topOffset, 'width': $context.$data.width }; } }; });
addToBindingsCache('text: (name || \'\').toUpperCase(), styleunit: { \'right\': $root.surface().rtl() ? leftMargin : \'auto\', \'left\': !$root.surface().rtl() ? leftMargin: \'auto\' }', function ($context, $element) { return { 'text': function () { return ($context.$data.name || '').toUpperCase(); }, 'styleunit': function () { return { 'right': $context.$root.surface().rtl() ? $context.$data.leftMargin : 'auto', 'left': !$context.$root.surface().rtl() ? $context.$data.leftMargin : 'auto' }; } }; });
addToBindingsCache('styleunit: { \'width\': width, top: topOffset, left: leftOffset, height: height() }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'top': $context.$data.topOffset, 'left': $context.$data.leftOffset, 'height': $context.$data.height() }; } }; });
addToBindingsCache('dxScrollView: $data.createScrollViewOptions($data, $root.selection)', function ($context, $element) { return { 'dxScrollView': function () { return $context.$data.createScrollViewOptions($context.$data, $context.$root.selection); } }; });
addToBindingsCache('styleunit: { \'width\': markerWidth() + 20, \'top\': topOffset, \'height\': height }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.markerWidth() + 20, 'top': $context.$data.topOffset, 'height': $context.$data.height }; } }; });
addToBindingsCache('styleunit: { \'height\': height, top: $data.bandOffset }, 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 || 1 }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'top': $context.$data.bandOffset }; }, '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 || 1 }; } }; });
addToBindingsCache('css: { \'dxrd-band-marker-body\' : !$data.focused(), \'dxrd-band-marker-body-focused\' : $data.focused() }, styleunit: { \'height\': height(), \'width\': markerWidth }, click: function(_, e) { $data.markerClick($root.selection); e.stopPropagation(); }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: collapsed, forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }', function ($context, $element) { return { 'css': function () { return { 'dxrd-band-marker-body': !$context.$data.focused(), 'dxrd-band-marker-body-focused': $context.$data.focused() }; }, '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(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': $context.$data.collapsed, 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; } }; });
addToBindingsCache('styleunit: { \'height\': height, \'width\': $parent.width, top: topOffset }, 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() }', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$parent.width, 'top': $context.$data.topOffset }; }, '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() }; } }; });
addToBindingsCache('css: { \'dxrd-band-content\': !$data.collapsed(), \'dxrd-band-collapsed\': $data.collapsed() }, styleunit: { \'height\': height, top: topOffset }', function ($context, $element) { return { 'css': function () { return { 'dxrd-band-content': !$context.$data.collapsed(), 'dxrd-band-collapsed': $context.$data.collapsed() }; }, 'styleunit': function () { return { 'height': $context.$data.height, 'top': $context.$data.topOffset }; } }; });
addToBindingsCache('foreach: verticalBands', function ($context, $element) { return { 'foreach': function () { return $context.$data.verticalBands; } }; });
addToBindingsCache('template: { name: templateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName }; } }; });
addToBindingsCache('styleunit: { width: size.width, height: size.height, top: top, left: left }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.size.width, 'height': $context.$data.size.height, 'top': $context.$data.top, 'left': $context.$data.left }; } }; });
addToBindingsCache('style: $parent.css, text: text, styleunit: { lineHeight: size.height(), width: size.width, height: size.height }', function ($context, $element) { return { 'style': function () { return $context.$parent.css; }, 'text': function () { return $context.$data.text; }, 'styleunit': function () { return { 'lineHeight': $context.$data.size.height(), 'width': $context.$data.size.width, 'height': $context.$data.size.height }; } }; });
addToBindingsCache('style: $parent.borderCss, styleunit: { width: size.width, height: size.height }', function ($context, $element) { return { 'style': function () { return $context.$parent.borderCss; }, 'styleunit': function () { return { 'width': $conte