devexpress-reporting 24.1.13-build-25149-1924 → 24.1.13

package/designer/wizard/pages/selectDataMembersPage.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\selectDataMembersPage.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/pages/selectDataMembersPage.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\selectDataMembersPage.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/pages/selectLabelTypePage.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\selectLabelTypePage.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/pages/selectLabelTypePage.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\selectLabelTypePage.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/pages/setReportTitlePage.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\setReportTitlePage.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/pages/setReportTitlePage.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\pages\setReportTitlePage.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizard.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizard.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizard.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizard.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizardState.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizardState.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizardState.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizardState.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizardStateCreating.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizardStateCreating.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/reportWizardStateCreating.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\reportWizardStateCreating.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/wizardTypes.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\wizardTypes.d.ts)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/wizard/wizardTypes.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\wizardTypes.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-reportdesigner.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-reportdesigner.css)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-reporting-skeleton-screen.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-reporting-skeleton-screen.css)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-webdocumentviewer.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-webdocumentviewer.css)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/html/templates.html

@@ -927,7 +927,11 @@
 </script>
 
 <script type="text/html" id="dx-ee-treelist-item">
-    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="visible: visible, event: { dblclick: function() { actions[0].clickAction($element); }}, styleunit: padding, css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
+    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="visible: visible,
+        click: toggleSelected,
+        event: { dblclick: function() { actions[0].clickAction($element); }},
+        styleunit: padding,
+        css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
         <div class="dx-treelist-item-images">
             <!-- ko if: hasItems -->
             <div class="dx-treelist-collapsedbutton" data-bind="css: nodeImageClass, template: 'dxrd-svg-collapsed', click: toggleCollapsed"></div>
@@ -938,7 +942,7 @@
             <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div>
         </div>
         <div class="dx-treelist-caption">
-            <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected">
+            <div class="dx-treelist-selectedcontent">
                 <!-- ko template: { name: 'dx-treelist-item-text-content' } -->
                 <!-- /ko -->
             </div>
@@ -1545,7 +1549,7 @@
 </script> 
 
 <script type="text/html" id="dx-treelist-item-actions-container">
-    <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered">
+    <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered, click: function(s, e) { e.stopPropagation(); }">
         <!-- ko template: actionsTemplate -->
         <!-- /ko -->
     </div>
@@ -1553,7 +1557,10 @@
 
 <script type="text/html" id="dx-treelist-header-item">
     <div role="treeitem" class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-treelist-item dx-accessibility-focus-border-accented" data-bind="event: events,
-    styleunit: padding, css: cssRules,
+    click: function() { $root.hideContextMenu && $root.hideContextMenu(); toggleSelected(s, e); },
+    styleunit: padding,
+    draggable: isDraggable ? dragDropHandler : null,
+    css: cssRules,
     attr: attr">
         <!-- ko if: hasItems-->
         <div class="dx-treelist-collapsedbutton" data-bind="css: nodeImageClass, template: 'dxrd-svg-collapsed', click: toggleCollapsed"></div>
@@ -1563,7 +1570,7 @@
             <!-- ko template: templates.actionsContainer -->
             <!-- /ko  -->
             <!-- /ko  -->
-        <div class="dx-treelist-selectedcontent" data-bind="click: function(s, e) { $root.hideContextMenu && $root.hideContextMenu(); toggleSelected(s, e); }, event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: toggleSelected } : null, draggable: isDraggable ? dragDropHandler : null">
+        <div class="dx-treelist-selectedcontent">
             <!-- ko template: templates.headerItemContent -->
             <!-- /ko -->
         </div>
@@ -1615,16 +1622,16 @@
 
 <script type="text/html" id="dx-treelist-header-item-with-hover">
     <div class="dx-background-inheritor dxd-back-highlighted dxd-state-selected">
-        <div class="dx-treelist-item dx-fontsize-reestablished dxd-list-item-back-color" data-bind="event: events, styleunit: padding, css: { 'dx-treelist-item-selected dxd-state-selected dxd-back-secondary': isSelected || isMultiSelected }">
+        <div class="dx-treelist-item dx-fontsize-reestablished dxd-list-item-back-color" data-bind="event: events, click: toggleSelected,  draggable: isDraggable ? dragDropHandler : null, styleunit: padding, css: { 'dx-treelist-item-selected dxd-state-selected dxd-back-secondary': isSelected || isMultiSelected }">
             <div class="dx-treelist-collapsedbutton" data-bind="css: nodeImageClass, template: 'dxrd-svg-collapsed', click: toggleCollapsed, style: { 'visibility': hasItems ? 'visible' : 'hidden' }"></div>
             <div class="dx-treelist-caption">
                 <!-- ko if: actions && actions.length > 0 -->
-                <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered">
+                <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered, click: function(s, e) { e.stopPropagation(); }">
                     <!-- ko template: actionsTemplate -->
                     <!-- /ko -->
                 </div>
                 <!-- /ko  -->
-                <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected,  draggable: isDraggable ? dragDropHandler : null">
+                <div class="dx-treelist-selectedcontent">
                     <div class="dx-treelist-image" data-bind="css: imageClassName, template: { name: imageTemplateName, if: !!imageTemplateName }, attr: { title: text }"> </div>
                     <div class="dx-treelist-text-wrapper">
                         <div class="dx-treelist-text" data-bind="text: text, attr: { title: text }"></div>
@@ -2385,11 +2392,13 @@
 
 <script type="text/html" id="dxqb-treelist-header-item-with-search">
     <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="event: { dblclick: events.dblclick },
+            click: toggleSelected,
+            draggable: isDraggable ? dragDropHandler : null,
             styleunit: padding,
             css: { 'dx-treelist-item-selected dxd-state-selected': isSelected || isMultiSelected }">
         <div class="dx-treelist-collapsedbutton"></div>
         <div class="dx-treelist-caption">
-            <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected,  draggable: isDraggable ? dragDropHandler : null">
+            <div class="dx-treelist-selectedcontent">
                 <div class="dx-treelist-image" data-bind="css: imageClassName, template: { name: imageTemplateName, if: !!imageTemplateName }, attr: { title: text }"> </div>
                 <!-- ko template: { name: 'dx-treelist-item-text-content' } -->
                 <!-- /ko -->
@@ -2804,11 +2813,12 @@
         <div class="dx-background-inheritor dxd-back-highlighted dxd-state-selected">
             <div class="dx-treelist-item dx-fontsize-reestablished dxd-list-item-back-color" data-bind="
          styleunit: padding,
+         click: toggleSelected,
          css: { 'dx-treelist-item-selected dxd-state-selected dxd-back-secondary': isSelected }">
                 <div class="dx-treelist-collapsedbutton" data-bind="css: nodeImageClass"></div>
                 <div class="dx-treelist-caption">
                     <!-- ko if: actions && actions.length > 0 -->
-                    <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered">
+                    <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered, click: function(s, e) { e.stopPropagation(); }">
                         <!-- ko foreach: actions -->
                         <!-- ko if: templateName -->
                         <!-- ko template: templateName  -->
@@ -2820,7 +2830,7 @@
                         <!-- /ko -->
                     </div>
                     <!-- /ko  -->
-                    <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected">
+                    <div class="dx-treelist-selectedcontent">
                         <div class="dx-treelist-text-wrapper">
                             <div class="dx-add-queries-page-checkbox" data-bind="dxCheckBox: { value: data.checked }, click: function(treeNode, e) {
                          treeNode.data.toggleChecked();
@@ -2967,6 +2977,8 @@
 <script type="text/html" id="dx-treelist-header-item-with-checkbox">
 <div class="dx-background-inheritor dxd-back-highlighted dxd-state-selected">
     <div data-bind="event: events,
+         click: toggleSelected,
+         draggable: isDraggable ? dragDropHandler : null,
          attr: { class: 'dx-treeview-item dx-treelist-item dx-fontsize-reestablished dxd-list-item-back-color ' + (hasItems ? 'dx-treelist-list-item-content ' : 'dx-treelist-field-item-content ') + (isSelected ? 'dx-treelist-item-selected dxd-state-selected dxd-back-secondary' : '') },
          styleunit: padding, css: { 'dx-state-hover': isHovered }">
         <!-- ko ifnot: hasItems-->
@@ -2982,7 +2994,7 @@
         <!-- /ko -->
         <div class="dx-treelist-caption">
             <!-- ko if: actions && actions.length > 0 -->
-            <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered">
+            <div class="dx-treelist-action-container" data-bind="visible: isSelected || isHovered, click: function(s, e) { e.stopPropagation(); }">
                 <!-- ko foreach: actions -->
                 <!-- ko if: templateName -->
                 <!-- ko template: templateName  -->
@@ -2994,7 +3006,7 @@
                 <!-- /ko -->
             </div>
             <!-- /ko  -->
-            <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected,  draggable: isDraggable ? dragDropHandler : null, css: { 'dxrd-disabled': data.disabled }">
+            <div class="dx-treelist-selectedcontent" data-bind="css: { 'dxrd-disabled': data.disabled }">
                 <div class="dx-treelist-text-wrapper">
                     <div class="dx-add-queries-page-checkbox" data-bind="dxCheckBox: { value: data.checked, disabled: data.selectionDisabled }, click: function(treeNode, e) {
                          treeNode.data.toggleChecked();
@@ -5701,7 +5713,7 @@
         </div>
     </div>
 </script><script type="text/html" id="dx-treelist-action-container-with-rename">
-    <div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered)">
+    <div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }">
         <!-- ko template: actionsTemplate -->
         <!-- /ko -->
     </div>
@@ -6776,9 +6788,9 @@
 </script>
 
 <script type="text/html" id="dxrd-editingField-editor-treelist-item">
-    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
+    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, click: toggleSelected, css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
         <div class="dx-treelist-caption">
-            <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected">
+            <div class="dx-treelist-selectedcontent">
                 <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div>
                 <div class="dx-treelist-text-wrapper">
                     <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div>

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  24.1.13-build-25149-1924
-* Build date: May 29, 2025
+* Version:  24.1.13
+* Build date: Jun 17, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -1075,7 +1075,7 @@ __webpack_require__.d(reporting_designer_controls_crossTab_namespaceObject, {
   CrossTabDefinitionsModel: () => (CrossTabDefinitionsModel),
   CrossTabRowDefinitionsModel: () => (CrossTabRowDefinitionsModel),
   DataFieldLayout: () => (DataFieldLayout),
-  DefenitionUpdater: () => (DefenitionUpdater),
+  DefinitionUpdater: () => (DefinitionUpdater),
   HorizontalCreator: () => (HorizontalCreator),
   TotalHeaderPosition: () => (TotalHeaderPosition),
   TotalsPosition: () => (TotalsPosition),
@@ -18918,7 +18918,7 @@ class CellMatrixHelper {
         return this.findColumnCell(i - 1, j, span + 1);
     }
 }
-class DefenitionUpdater extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+class DefinitionUpdater extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     constructor(crossTab) {
         super();
         this._columnDefinitions = [];
@@ -19591,6 +19591,7 @@ class XRCellsurface extends XRTextControlSurfaceBase {
 
 
 
+
 class XRCrossTabViewModel extends XRControlViewModel {
     _getCreator(type, serializer, name) {
         return (item) => new type(item || {}, this, serializer, name);
@@ -19706,12 +19707,14 @@ class XRCrossTabViewModel extends XRControlViewModel {
         let undo = external_DevExpress_Analytics_Utils_namespaceObject.UndoEngine.tryGetUndoEngine(this);
         undo && undo.start();
         this.update(true);
-        this.defenitionUpdater = new DefenitionUpdater(this);
+        this.definitionUpdater = new DefinitionUpdater(this);
         this.cellCreator = CellCreator.createInstance(this);
         const cells = this.cellCreator.create();
         const modelCells = this.applyCells(cells);
         this._cells(modelCells);
-        const defs = this.defenitionUpdater.update(modelCells, crossTabCellWidth.defaultVal, crossTabCellHeight.defaultVal);
+        const columnWidth = crossTabCellWidth.defaultVal / dpi.defaultVal * this.dpi();
+        const rowHeight = crossTabCellHeight.defaultVal / dpi.defaultVal * this.dpi();
+        const defs = this.definitionUpdater.update(modelCells, columnWidth, rowHeight);
         const sumWidth = defs.columnDefs.reduce((acc, value) => {
             acc += value.width();
             return acc;
@@ -20815,6 +20818,7 @@ const popularPropertiesShape = ['stretch', 'fillColor', 'lineWidth', 'angle', 'b
 
 
 
+
 class XRShapeViewModel extends XRControlViewModel {
     static createShape(model, serializer = null) {
         const type = model && model['@ShapeName'] || 'Ellipse';
@@ -20852,6 +20856,7 @@ class XRShapeViewModel extends XRControlViewModel {
         this._disposables.push(this.shapeFake.type);
     }
 }
+XRShapeViewModel.unitProperties = [].concat(['lineWidth'], XRReportElementViewModel.unitProperties);
 XRShapeViewModel.timeout = 1;
 XRShapeViewModel.shapes = [
     {
@@ -23078,6 +23083,9 @@ class JSReportDesigner {
     AddToPropertyGrid(groupName, property) {
         const group = groups[groupName];
         if (group) {
+            if (group.info.some((prop) => prop.propertyName === property.propertyName)) {
+                return;
+            }
             group.info.push(property);
         }
         else {
@@ -31742,7 +31750,7 @@ class CrossTabFieldInfoBase {
 class CrossTabGroupFieldInfo extends CrossTabFieldInfoBase {
     constructor(info) {
         super(info);
-        this.SortOrder = external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder[info.sortOrder] || external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder.Ascending;
+        this.SortOrder = external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder[info.sortOrder] ?? external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder.Ascending;
     }
 }
 class CrossTabColumnFieldInfo extends CrossTabGroupFieldInfo {
@@ -31761,7 +31769,7 @@ class CrossTabDataFieldInfo extends CrossTabFieldInfoBase {
     constructor(info) {
         super(info);
         this.__type = 'CrossTabDataFieldInfo:#DevExpress.XtraReports.Wizards.CrossTab';
-        this.SummaryType = PivotSummaryType[info.summaryType] || PivotSummaryType.Sum;
+        this.SummaryType = PivotSummaryType[info.summaryType] ?? PivotSummaryType.Sum;
     }
 }
 
@@ -41827,7 +41835,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: majorHorizontalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorHorizontalGridLines; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.controlsStore.dataSource, 'value': $context.$root.editableObject, 'displayExpr': function (value) { var showValue = value || $context.$root.editableObject(); return $context.$root.dx._static.getControlFullName(showValue); }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dx-propertieseditor\'', function ($context, $element) { return { 'template': function () { return 'dx-propertieseditor'; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !inRenameMode && (isSelected || isHovered)', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); }, 'click': function () { return function (s, e) { e.stopPropagation(); }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.createRenameEditorOptions(); }, 'dxValidator': function () { return $context.$data.createValidatorOptions(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !inRenameMode', function ($context, $element) { return { 'if': function () { return !$context.$data.inRenameMode; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: inRenameMode', function ($context, $element) { return { 'if': function () { return $context.$data.inRenameMode; } }; });
@@ -42076,7 +42084,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
     } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.generateValue($context.$root.undoEngine) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFieldListPicker: $data', function ($context, $element) { return { 'dxFieldListPicker': function () { return $context.$data; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'click': function () { return $context.$data.toggleSelected; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: text, attr: { title: data.title }', function ($context, $element) { return { 'text': function () { return $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.data.title }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.generateRules($context.$root.controlsHelper.allControls) || [] }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'buttonAction': function () { $context.$parent.showPopup($context.$root.editableObject && $context.$root.editableObject()); }, 'disabled': $context.$data.disabled, 'isValid': $context.$data.modelValueValid, 'warningMessage': $context.$data.modelValueWarning, 'inputAttr': { 'id': $context.$data.editorInputId } }; } }; });
@@ -42403,7 +42411,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
     'dxrd-coordinategrid': '<svg data-bind="style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }"> <g transform="translate(0, 0)"> <!-- ko foreach: verticalGridLines --> <line y1="0" y2="100%" class="minor-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: horizontalGridLines --> <line x1="0" x2="100%" class="minor-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorVerticalGridLines --> <line y1="0" y2="100%" class="major-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorHorizontalGridLines --> <line x1="0" x2="100%" class="major-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g></svg>',
     'dxrd-expressions-tab': '<div class="dxrd-properties-wrapper dxrd-expressions-tab" data-bind="visible: active && visible"> <div class="dxrd-properties-sub-wrapper"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: text"></span> </div> <!-- ko with: model --> <!-- ko if: $root.controlsStore.visible() --> <div class="dx-property-grid-header"> <div class="dx-property-grid-header-content"> <div class="dx-property-grid-selected-component"> <div class="dxrd-properties-focused-item dxrd-margin-0"  data-bind="dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }"> </div> </div> </div> </div> <!-- /ko --> <div class="dxrd-properties-grid dxd-border-primary dxrd-top-80px" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }" > <!-- ko template: \'dx-propertieseditor\' --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
-    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered)"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
+    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
     'dx-treelist-item-text-content-with-rename': '<div class="dx-treelist-text-wrapper"> <!-- ko if: !inRenameMode --> <!-- ko if: searchModel.searchEnabled --> <div class="dx-treelist-text dx-highlighted-search-text" data-bind="searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }"></div> <!-- /ko  --> <!-- ko ifnot: searchModel.searchEnabled --> <div class="dx-treelist-text" data-bind="text: text, attr: { title: text }"></div> <!-- /ko  --> <!-- /ko  --> <!-- ko if: inRenameMode --> <div class="dx-treelist-rename-node" data-bind="dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()"></div> <!-- /ko --> </div>',
     'dxrd-fieldlistwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <!-- ko with: model --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" data-bind="dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }"> </div> <!-- /ko --> </div> <div data-bind="treeListSearchPanel: {controllers:treeListOptions.treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }"> <div class="dx-editors"> <div id="tree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> <!-- ko if: useContextMenu --> <div data-bind="dxContextMenu: fieldListContextMenu"></div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-localization-editor-item': '<div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label dx-accordion-header dxd-text-primary"> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: $parent.textToSearch }, attr: { \'title\': displayName }"></label> </div> <div class="dx-field-value"> <!-- ko if: !ko.unwrap($data.multiline) --> <div class="dxrd-localization-panel-default" data-bind="dxTextBox: { value: defaultText, readOnly: !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"></div> <div class="dxrd-localization-panel-current" data-bind="dxTextBox: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}"></div> <!-- /ko --> <!-- ko if: ko.unwrap($data.multiline)--> <div class="dxrd-multi-area-container"> <div class="dxrd-localization-panel-default" data-bind="dxTextArea: { value: defaultText, readOnly: !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"> </div> <!-- ko if: !$data.isDefaultLanguage() --> <div class="dxrd-localization-panel-current" data-bind="dxTextArea: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }"> </div> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div>',
@@ -42479,7 +42487,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dx-modificators-highlightable': '<div class="dx-font-content"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: { \'paddingLeft\': padding }"></div> <!-- ko with: value --> <div class="dx-field-value"> <div class="dx-font-styles-content"> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-bold" data-bind="css: { \'dxd-state-active\': bold(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.boldHasExpression }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }"><!-- ko template: \'dxrd-svg-fontstyle-bold\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-italic" data-bind="css: { \'dxd-state-active\': italic(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.italicHasExpression }, click: function() { if(!$parent.disabled()) { italic(!italic()); } }"><!-- ko template: \'dxrd-svg-fontstyle-italic\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-underline" data-bind="css: { \'dxd-state-active\': underline(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.underlineHasExpression }, click: function() { if(!$parent.disabled()) { underline(!underline()); } }"><!-- ko template: \'dxrd-svg-fontstyle-underline\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-strikeout" data-bind="css: { \'dxd-state-active\': strikeout(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.strikeoutHasExpression }, click: function() { if(!$parent.disabled()) { strikeout(!strikeout()); } }"><!-- ko template: \'dxrd-svg-fontstyle-strikeout\'--><!-- /ko --></div> </div> </div> <!-- /ko --> </div> </div>',
     'dx-objectEditorContentUndo': '<!-- ko if: visible --> <div data-bind="template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }"></div> <!-- /ko -->',
     'dxrd-editOptionsEditorName': '<div data-bind="dxFieldListPicker: $data"></div>',
-    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
+    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
     'dxrd-name': '<div data-bind="dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }"></div>',
     'dxrd-reportexpression-ellipsis': '<div class="no-margin-right" data-bind="dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }"></div>',
     'dxrd-reportexpression-complex': '<!-- ko if: visible --> <div> <!-- ko template: { name: \'dxrd-reportexpression\' }--> <!-- /ko --> <!-- ko template: { name: \'dxrd-expressioneditor-popup\', data: $data.wrapper }--> <!-- /ko --> </div> <!-- /ko -->',