devexpress-reporting 24.1.8-build-24309-2232 → 24.2.2-beta

package/dx-designer-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -68,7 +68,7 @@ addToBindingsCache('if: $data._context.drawWatermark()', function ($context, $el
 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() { $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('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; } } }; } }; });
@@ -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 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('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; } }; });
@@ -272,9 +272,9 @@ addToBindingsCache('trackCursor: underCursor, visible: !$root.dx._static.DragDro
 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 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: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, 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, 'resizing': $context.$root.resizeHandler.resizing, '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 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, 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, resizing: $root.resizeHandler.resizing, 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, 'resizing': $context.$root.resizeHandler.resizing, '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; } }; });
@@ -390,7 +390,6 @@ addToBindingsCache('css: {\'dx-context-menu-flex\': !($data.items) }', function
 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' }; } }; });

package/dx-designer-templates.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -35,7 +35,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxd-selectable" data-bind="styleunit: { \'height\': height(), top: absolutePosition.y }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> <div class="dxrd-band-subbands-wrapper" data-bind="styleunit: { \'top\': heightWithoutSubBands } "> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }--> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
     'dxrd-detail-report-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
     'dxrd-sub-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxd-selectable" data-bind="styleunit: { \'height\': height(), top: $data.absolutePosition.y() - $data.parent.heightWithoutSubBands() - $data.parent.absolutePosition.y() }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
-    'dxrd-band-selection': '<div data-bind="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" class="dxrd-position-absolute"> <!-- ko if: contentSelectionTemplate --> <!-- ko template: contentSelectionTemplate--> <!-- /ko --> <!-- /ko --> </div> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
+    'dxrd-band-selection': '<div data-bind="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" class="dxrd-position-absolute"> <!-- ko if: contentSelectionTemplate --> <!-- ko template: contentSelectionTemplate--> <!-- /ko --> <!-- /ko --> </div> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
     'dxrd-detailreportband-selection': '<!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
     'dxrd-bandselection-content': '<!-- ko ifnot: collapsed --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
     'dxrd-band-vruler': '<!-- ko with: surface --><div class="dxrd-band-marker-wrapper dxrd-position-absolute" data-bind="attr: { title: name }, styleunit: { \'width\': $data.markerWidth() + 20, \'top\': absolutePosition.y, \'height\': height }" > <!-- ko if: hasOwnRuler --> <div class="dxrd-band-vruler" data-bind="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 }"> <div data-bind="ruler: { \'zoom\': zoom, \'length\': height, \'units\': $parent.measureUnit, \'direction\': \'vertical\', flip: $root.dx[\'config\']()[\'rtlEnabled\'] }"></div> </div> <!-- /ko --> <!-- ko if: showMarker --> <div class="dxrd-band-marker dxrd-context-menu-container" data-bind="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() }"> <div class="dxrd-band-marker-content"> <div class="dxrd-width-1px dxrd-height-1px dxrd-margin-left-9px"></div> <div class="dxrd-band-marker-rotation"> <div class="dxrd-band-marker-rotation-text" data-bind="text: collapsed() ? \'\' : name"></div> </div> </div> </div> <!-- /ko --></div><!-- ko ifnot: collapsed --><!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $parent.measureUnit }; } } }--><!-- /ko --><!-- /ko --><!-- /ko -->',
@@ -43,7 +43,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-detailreportband': '<!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'templateName\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: collapsed --> <!-- ko template: \'dxrd-band-collapsed\' --> <!-- /ko --> <!-- /ko -->',
     'dxrd-band-collapsed': '<!-- ko if: collapsed --> <div class="dxrd-band-collapsed dxd-selectable dxrd-position-absolute" data-bind="styleunit: { \'height\': height, \'line-height\': height, \'top\': absolutePosition.y, width: rect().width }" > <!-- ko if: $root.surface().rtl() --> <div class="dxrd-position-absolute" data-bind="text: (name() || \'\').toUpperCase(), styleunit: { \'right\': leftMargin }"></div> <!-- /ko --> <!-- ko if: !$root.surface().rtl() --> <div class="dxrd-position-absolute" data-bind="text: (name() || \'\').toUpperCase(), styleunit: { \'left\': leftMargin }"></div> <!-- /ko --> </div> <!-- /ko -->',
     'dxrd-band-holder': '<!-- ko foreach: holder.bands --> <!-- ko template: { name: $data[$parent.templateName], data: $parent.getData($data) } --> <!-- /ko --> <!-- /ko --> <!-- ko with: holder.verticalBandsContainer --> <!-- ko if: visible && !!$data[$parent.templateName] --> <!-- ko template: { name: $data[$parent.templateName], data: $parent.getData($data) } --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
-    'dxrd-vertical-band-selection': '<div data-bind="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" class="dxrd-position-absolute"> <div class="dxrd-vertical-band-marker" data-bind="css: { \'dxrd-vertical-band-marker-focused\': focused }"> <div class="dxrd-banding-marker-text" data-bind="text: name"></div> </div> <div class="dxrd-height-calc-100-29px dxrd-width-100 dxrd-position-absolute"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div>',
+    'dxrd-vertical-band-selection': '<div data-bind="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" class="dxrd-position-absolute"> <div class="dxrd-vertical-band-marker" data-bind="css: { \'dxrd-vertical-band-marker-focused\': focused }"> <div class="dxrd-banding-marker-text" data-bind="text: name"></div> </div> <div class="dxrd-height-calc-100-29px dxrd-width-100 dxrd-position-absolute"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dxrd-vertical-band': '<div class="dxrd-band-content dxrd-vertical-band" data-bind="styleunit: { \'width\': _width(), \'left\': absolutePosition.x() }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: false, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> <div data-bind="coordinateGrid: coordinateGridOptions" class="dxrd-band-content-grid"></div> <!-- ko foreach: controls --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-vertical-bands-container': '<!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxrd-vertical-bands-container" data-bind="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 }"> <div data-bind="styleunit: { \'width\': width }" class="dxrd-height-100 dxrd-overflow-hidden dxrd-position-absolute"> <div data-bind="style: { transform: \'translateX(-\' + $data.scrollOffset() + \'px)\' }"> <!-- ko foreach: verticalBands --> <!-- ko template: { name: templateName } --> <!-- /ko --> <!-- /ko --> <div data-bind="styleunit: { width: grayAreaWidth, height: height, left: !$root.surface().rtl() ? grayAreaLeft : 0  }" class="dxrd-band-content-greyarea"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: collapsed --> <div class="dxrd-band-collapsed dxrd-position-absolute" data-bind="styleunit: { \'height\': height, \'line-height\': height, \'top\': topOffset, width: width }" > <div class="dxrd-position-absolute" data-bind="text: (name || \'\').toUpperCase(), styleunit: { \'right\': $root.surface().rtl() ? leftMargin : \'auto\', \'left\': !$root.surface().rtl() ? leftMargin: \'auto\' }"></div> </div> <!-- /ko -->',
     'dxrd-vertical-bands-container-selection': '<!-- ko ifnot: collapsed --> <div data-bind="styleunit: { \'width\': width, top: topOffset, left: leftOffset, height: height() }" class="dxrd-overflow-hidden dxrd-position-absolute"> <div data-bind="dxScrollView: $data.createScrollViewOptions($data, $root.selection)"> <!-- ko foreach: verticalBands --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko -->',
@@ -84,7 +84,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-shape': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': contentHeightWithoutZoom }" class="dxrd-position-absolute"> </div> </div> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div></div>',
     'dxrd-subreport-selection': '<div class="dxrd-control" data-bind="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"> <div class="dxd-border-accented dxrd-control-border-box"></div></div><div class="dxrd-control dxrd-context-menu-container" data-bind="visible: !isSelected(), styleunit: position, trackCursor: underCursor"></div>',
     'dxrd-subreport': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <div class="dxrd-control-content" data-bind="text: displayText(), style: contentCss"></div></div>',
-    'dxrd-table-selection': '<div class="dxrd-table-control dxrd-context-menu-container" data-bind="style: { visibility: !isSelected() ? \'visible\' : \'hidden\'}, styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style:{ overflow: isSelected() ? \'visible\' : \'hidden\', \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --></div><!-- ko if: (selected() || focused()) --><div class="dxrd-table-control" data-bind="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"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right dxrd-visibility-visible"  data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div><!-- /ko --><div class="dxrd-table-control dxrd-context-menu-container" data-bind="visible: isSelected() && !(selected() || focused()), styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="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 }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="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() }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: $root.inlineTextEdit.visible() && selected() --> <!-- ko with: $root.inlineTextEdit--> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> </div> <div class="dxrd-table-row-control dxrd-context-menu-container" data-bind="visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="visible: !$root.dx._static.DragDropHandler.started(),click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div>',
+    'dxrd-table-selection': '<div class="dxrd-table-control dxrd-context-menu-container" data-bind="style: { visibility: !isSelected() ? \'visible\' : \'hidden\'}, styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style:{ overflow: isSelected() ? \'visible\' : \'hidden\', \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --></div><!-- ko if: (selected() || focused()) --><div class="dxrd-table-control" data-bind="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"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right dxrd-visibility-visible"  data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div><!-- /ko --><div class="dxrd-table-control dxrd-context-menu-container" data-bind="visible: isSelected() && !(selected() || focused()), styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="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, resizing: $root.resizeHandler.resizing, 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() }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: $root.inlineTextEdit.visible() && selected() --> <!-- ko with: $root.inlineTextEdit--> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> </div> <div class="dxrd-table-row-control dxrd-context-menu-container" data-bind="visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="visible: !$root.dx._static.DragDropHandler.started(),click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-table': '<div class="dxrd-table-control dxrd-control dxd-selectable" data-bind="styleunit: position, trackCursor: underCursor, css: adorntemplate"> <div data-bind="style: css" class="dxrd-width-100 dxrd-height-100"> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height}, style: css, css: adorntemplate"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control dxrd-control" data-bind="styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, trackCursor: underCursor, css: adorntemplate"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': position.lineHeight() / _context.zoom(), \'width\': contentWidthWithoutZoom, \'height\': contentHeightWithoutZoom }, style: css"> </div> <!-- ko foreach: controls --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> </div></div>',
     'dxrd-table-of-contents': '<div class="dxrd-control dxd-selectable dxrd-control-table-of-content" data-bind="styleunit: position, trackCursor: underCursor, css: adorntemplate"> <div data-bind="style: css" class="dxrd-width-100 dxrd-height-100"> <!-- ko template: { name: levelTitle.template, data: levelTitle } --> <!-- /ko --> <div class="dxrd-control-table-of-content-levelsElements"> <!-- ko foreach: $data.levels() --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> <!-- ko template: { name: levelDefault.template, data: levelDefault, isDefault: true } --> <!-- /ko --> </div> </div> </div>',
     'dxrd-table-of-contents-level': '<div class="dxrd-control dxrd-left-0 dxrd-width-100" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight}, css: adorntemplate" > <div class="dxrd-tocLevel-border" data-bind="styleunit: { \'height\': _context.zoom()}"></div> <!-- ko if: getControlModel().rtl() --> <div data-bind="style: borderCss, styleunit: { left: position.left, width: contentSizes().width + (contentSizes().left + contentSizes().right)} " class="dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <!-- /ko --> <!-- ko if: !getControlModel().rtl() --> <div data-bind="style: borderCss, styleunit: { left: position.left} " class="dxrd-height-100 dxrd-right-0 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <!-- /ko --> <div class="dxrd-control-content-main dxrd-overflow-hidden"  data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left + position.left(), lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width}, style: css"> <div class="dxrd-tocLevel-zoomer" data-bind="zoom: _context.zoom, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }"> <div class="dxrd-box-sizing-border-box dxrd-letter-spacing-normal dxrd-width-100 dxrd-height-100" data-bind="styleunit: { lineHeight: contentHeightWithoutZoom }"> <!-- ko if: getControlModel().isTitle --> <div class="dxrd-control-content dxrd-control-content-multiline" data-bind="controlDisplayName: $data, style: contentCss"></div> <!-- /ko --> <!-- ko ifnot: getControlModel().isTitle --> <div class="dxrd-control-content dxrd-width-100 dxrd-height-100 dxrd-line-height-inherit" data-bind="style: contentCss" > <div class="dxrd-control-content-level-text"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="dxrd-control-content-line-text"><span data-bind="text: $data.getControlModel().name"></span></div> </td> <td class="middle"> <table border="0" cellspacing="0" cellpadding="0" class="dxrd-table-layout-fixed dxrd-width-100"> <tr> <td data-bind="text: leaderSymbols" class="dxrd-word-wrap-break-word"></td> </tr> </table> </td> <td> <div class="dxrd-control-content-number">&nbsp;&nbsp;#&nbsp;&nbsp;</div> </td> </tr> </table> </div> </div> <!-- /ko --> </div> </div> </div> </div>',

package/dx-reportdesigner-imports.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner-imports.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner-imports.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner-imports.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-svg-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-bindings.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-svg-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-bindings.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -189,6 +189,7 @@ addToBindingsCache('template: \'dxrd-svg-fieldlist-xrtablerow\'', function ($con
 addToBindingsCache('template: \'dxrd-svg-fieldlist-xrzipcode\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrzipcode'; } }; });
 addToBindingsCache('template: \'dxrd-svg-landscape\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-landscape'; } }; });
 addToBindingsCache('template: \'dxrd-svg-menu-add_datasource\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-add_datasource'; } }; });
+addToBindingsCache('template: \'dxrd-svg-menu-aimenu\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-aimenu'; } }; });
 addToBindingsCache('template: \'dxrd-svg-menu-back\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-back'; } }; });
 addToBindingsCache('template: \'dxrd-svg-menu-exit\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-exit'; } }; });
 addToBindingsCache('template: \'dxrd-svg-menu-localization\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-localization'; } }; });
@@ -314,6 +315,7 @@ addToBindingsCache('template: \'dxrd-svg-series-step_line3d\'', function ($conte
 addToBindingsCache('template: \'dxrd-svg-series-stock\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stock'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-swift_plot\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-swift_plot'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-waterfall\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-waterfall'; } }; });
+addToBindingsCache('template: \'dxrd-svg-tabs-aitab\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-aitab'; } }; });
 addToBindingsCache('template: \'dxrd-svg-tabs-collapse\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-collapse'; } }; });
 addToBindingsCache('template: \'dxrd-svg-tabs-expand\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expand'; } }; });
 addToBindingsCache('template: \'dxrd-svg-tabs-expressions\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expressions'; } }; });

package/dx-reporting-svg-templates.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-templates.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-svg-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-templates.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -190,6 +190,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-svg-fieldlist-xrzipcode': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 16 16" xml:space="preserve"><path class="dxd-icon-fill" d="M5 3H2V1.5c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5V3zM2 3H.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5H2V3zm3 3H2v2h3V6zm1.5-3H5v3h1.5c.3 0 .5-.2.5-.5v-2c0-.3-.2-.5-.5-.5zM2 8H.5c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5H2V8zm3 4H2v1.5c0 .3.2.5.5.5h2c.3 0 .5-.2.5-.5V12zm1.5-4H5v4h1.5c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM13 3h-3V1.5c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5V3zm-3 0H8.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5H10V3zm3 3h-3v2h3V6zm1.5-3H13v3h1.5c.3 0 .5-.2.5-.5v-2c0-.3-.2-.5-.5-.5zM10 8H8.5c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5H10V8zm3 4h-3v1.5c0 .3.2.5.5.5h2c.3 0 .5-.2.5-.5V12zm1.5-4H13v4h1.5c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5z"/></svg>',
     'dxrd-svg-landscape': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="dxd-icon-fill" d="M33 4H1c-.5 0-1 .5-1 1v24c0 .5.5 1 1 1h32c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zm-1 24H2V6h30v22z"/><g class="dxrd-svg-st2"><path class="dxd-icon-fill" d="M28 12H6v-2h22v2zm0 2H6v2h22v-2zm0 4H6v2h22v-2zm0 4H6v2h22v-2z"/></g></svg>',
     'dxrd-svg-menu-add_datasource': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M24 19c0 .6-.4 1-1 1h-3v3c0 .6-.4 1-1 1s-1-.4-1-1v-3h-3c-.6 0-1-.4-1-1s.4-1 1-1h3v-3c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1zM9 0C5.1 0 2 1.5 2 3.5v10C2 15.4 5.1 17 9 17s7-1.6 7-3.5v-10c0-2-3.1-3.5-7-3.5zm0 2c2.9 0 4.4 1.1 4.5 1.5C13.4 3.8 11.9 5 9 5S4.6 3.8 4.5 3.4C4.6 3.1 6.1 2 9 2z"/></svg>',
+    'dxrd-svg-menu-aimenu': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path class="dxd-icon-fill" d="M13.319 11.156c-.689 3.825-3.339 6.475-7.169 7.169a.18.18 0 000 .356c3.825.688 6.475 3.338 7.169 7.169a.18.18 0 00.356 0c.688-3.825 3.337-6.475 7.169-7.169a.18.18 0 000-.356c-3.825-.688-6.475-3.337-7.169-7.169a.18.18 0 00-.356 0zm7.561-5.05c-.462 2.55-2.225 4.319-4.775 4.775a.12.12 0 00-.075.198.12.12 0 00.075.04c2.55.462 4.319 2.225 4.775 4.775a.12.12 0 00.238 0c.462-2.55 2.225-4.319 4.775-4.775a.12.12 0 00.075-.198.12.12 0 00-.075-.04c-2.55-.462-4.319-2.225-4.775-4.775a.12.12 0 00-.238 0z"/></svg>',
     'dxrd-svg-menu-back': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M6 12l9-9 2 2-7 7 7 7-2 2z"/></svg>',
     'dxrd-svg-menu-exit': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M15 20c.6 0 1 .4 1 1 0 .5-.4 1-1 1H4c-.5 0-1-.5-1-1V3c0-.5.5-1 1-1h11c.6 0 1 .5 1 1 0 .6-.4 1-1 1H5v16h10zm4.3-12.7c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l2.3 2.3H11c-.5 0-1 .5-1 1s.5 1 1 1h9.2l-2.3 2.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L24 12l-4.7-4.7z"/></svg>',
     'dxrd-svg-menu-localization': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M21 6h-8V4c0-.5-.5-1-1-1s-1 .5-1 1v2H3c-.5 0-1 .5-1 1s.5 1 1 1h11c0 2.5-.7 4.7-2 6.6-.8-1.1-1.3-2.4-1.7-3.8-.1-.5-.5-.8-1-.8-.6 0-1.1.6-1 1.2.4 1.8 1.2 3.5 2.3 4.9C8.9 17.9 6.6 19 4 19c-.6 0-1 .4-1 1s.4 1 1 1c3.1 0 5.9-1.3 8-3.3 2.1 2.1 4.9 3.3 8 3.3.6 0 1-.4 1-1s-.4-1-1-1c-2.6 0-4.9-1.1-6.7-2.8C15 13.9 16 11.1 16 8h5c.5 0 1-.5 1-1s-.5-1-1-1z"/></svg>',
@@ -315,6 +316,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-svg-series-stock': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M8 0H4v4H0v4h4v14h4v-4h4v-4H8zM20 18V0h-8v4h4v18h8v-4z"/></svg>',
     'dxrd-svg-series-swift_plot': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M24 8l-4 4-2-2-6 6-4-4-2 2-4-4-2 2v-2l2-2 4 4 2-2 4 4 6-6 2 2 4-4"/></svg>',
     'dxrd-svg-series-waterfall': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M19 1h4v22h-4V1zm-6 14h4V1h-4v14zm-6 0h4V9H7v6zm-6 8h4V9H1v14z"/><g class="dxd-icon-fill"><path class="dxd-icon-fill" d="M17 1h2v2h-2V1zM5 11h2V9H5v2zm6 4h2v-2h-2v2z"/></g></svg>',
+    'dxrd-svg-tabs-aitab': '<svg data-bind="svgAttrs" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs></defs><path class="dxd-icon-fill" d="M11.71 8.25C10.61 14.37 6.37 18.61.24 19.72c-.33.06-.33.51 0 .57 6.12 1.1 10.36 5.34 11.47 11.47.06.33.51.33.57 0 1.1-6.12 5.34-10.36 11.47-11.47.33-.06.33-.51 0-.57-6.12-1.1-10.36-5.34-11.47-11.47a.288.288 0 00-.57 0zM23.81.17c-.74 4.08-3.56 6.91-7.64 7.64-.22.04-.22.34 0 .38 4.08.74 6.91 3.56 7.64 7.64.04.22.34.22.38 0 .74-4.08 3.56-6.91 7.64-7.64.22-.04.22-.34 0-.38-4.08-.74-6.91-3.56-7.64-7.64a.192.192 0 00-.38 0z" fill="#fff"/></svg>',
     'dxrd-svg-tabs-collapse': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M16 12l-6 6-2-2 4-4-4-4 2-2z"/></svg>',
     'dxrd-svg-tabs-expand': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M8 12l6 6 2-2-4-4 4-4-2-2z"/></svg>',
     'dxrd-svg-tabs-expressions': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M18 2c-.9 0-2.2.1-3.6.4-2.4.5-2.7 2.2-2.9 3.1L10.9 9H9c-.6 0-1 .4-1 1s.4 1 1 1h1.5l-1.1 6.1-.2 1.4c-.1.5-.2 1-.9 1.2-1.2.2-1.9.3-2.3.3-.6 0-1 .4-1 1s.4 1 1 1c.9 0 1.5-.1 2.9-.4 2.4-.5 2.7-2.2 2.9-3.1l.3-1.4 1.1-6.1h2.9c.6 0 1-.4 1-1s-.4-1-1-1h-2.5l.6-3.5c.1-.5.2-1 .9-1.2 1.1-.2 2.5-.3 2.9-.3.6 0 1-.4 1-1s-.4-1-1-1z"/></svg>',

package/dx-reporting-version.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-version.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-version.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-version.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-export const version = '24.1.7';
+export const version = '24.2.2';

package/dx-rich-edit-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-bindings.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-rich-edit-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-bindings.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-rich-edit-templates.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-templates.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-rich-edit-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-templates.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-richedit.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-richedit.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-richedit.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-richedit.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-viewer-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-viewer-bindings.d.ts)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */