devexpress-reporting 24.2.2-beta → 24.2.4-build-24354-1106

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  24.2.2-beta
-* Build date: Nov 18, 2024
+* Version:  24.2.4-build-24354-1106
+* Build date: Dec 19, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -807,6 +807,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   useImageMetadata: () => (useImageMetadata),
   useLandscape: () => (useLandscape),
   usePaperKind: () => (usePaperKind),
+  useSvgRendering: () => (useSvgRendering),
   valueMember: () => (valueMember),
   valueRange: () => (valueRange),
   verticalContentSplitting: () => (verticalContentSplitting),
@@ -1290,6 +1291,7 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, {
   labelReportWizardPromise: () => (labelReportWizardPromise),
   limitation: () => (limitation),
   listMemberControlsMap: () => (listMemberControlsMap),
+  makeFieldDisplayName: () => (makeFieldDisplayName),
   maxNestingLevelUpdate: () => (maxNestingLevelUpdate),
   memberControlsMap: () => (memberControlsMap),
   overrideFullscreenDataSourceWizardPageMetadata: () => (overrideFullscreenDataSourceWizardPageMetadata),
@@ -2070,7 +2072,7 @@ const topLevel = { propertyName: 'topLevel', modelName: '@TopLevel', displayName
     localizationId: 'DevExpress.XtraCharts.RadarAxisXLabel.TextDirection'
 };
 const radarAxisXLabelSerializationsInfo = axisLabelBaseSerializationsInfo.concat(radarAxisXLabelTextDirection), radarAxisXLabel = { propertyName: 'radarAxisXLabel', modelName: 'Label', displayName: 'Label', info: radarAxisXLabelSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), localizationId: 'DevExpress.XtraReports.UI.XRLabel' }, radarAxisYLabel = { propertyName: 'radarAxisYLabel', modelName: 'Label', displayName: 'Label', info: axisLabelBaseSerializationsInfo.concat([angle, visible]), editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), localizationId: 'DevExpress.XtraReports.UI.XRLabel' };
-const radarAxisSerializationsInfo = [interlaced, interlacedColor, interlacedFillStyle, visualRange, minorCount], radarAxisXSerializationsInfo = [radarAxisXNumericScaleOptions, radarWholeRange, gridLinesAxisX, radarAxisXLabel, qualitativeScaleOptions].concat(radarAxisSerializationsInfo), radarAxisYSerializationsInfo = [color, thickness, visible, radarAxisYNumericScaleOptions, topLevel, wholeRange, gridLinesAxisY, radarAxisYLabel, tickmarks].concat(radarAxisSerializationsInfo);
+const radarAxisSerializationsInfo = [interlaced, interlacedColor, interlacedFillStyle, visualRange, minorCount, dateTimeScaleOptions], radarAxisXSerializationsInfo = [radarAxisXNumericScaleOptions, radarWholeRange, gridLinesAxisX, radarAxisXLabel, qualitativeScaleOptions].concat(radarAxisSerializationsInfo), radarAxisYSerializationsInfo = [color, thickness, visible, radarAxisYNumericScaleOptions, topLevel, wholeRange, gridLinesAxisY, radarAxisYLabel, tickmarks].concat(radarAxisSerializationsInfo);
 const radarAxisX = { propertyName: 'axisX', modelName: 'AxisX', displayName: 'Axis X', info: radarAxisXSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.GanttAxisX' };
 const radarAxisY = { propertyName: 'axisY', modelName: 'AxisY', displayName: 'Axis Y', info: radarAxisYSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.SeparatePaneIndicator.AxisY' };
 const axisX3D = { propertyName: 'axisX', modelName: 'AxisX', displayName: 'Axis X', info: [gridLinesAxisX, interlaced, qualitativeScaleOptions].concat(axis3DSerializationsInfo), editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.GanttAxisX' };
@@ -4598,6 +4600,7 @@ class SeriesTemplateViewModel extends external_DevExpress_Analytics_Elements_nam
     getChildComponents() {
         return [
             { component: external_ko_namespaceObject.unwrap(this.view), path: 'View' },
+            { component: external_ko_namespaceObject.unwrap(this.label), path: 'Label' },
         ];
     }
     getExpressionProperties() {
@@ -6468,8 +6471,8 @@ const external_DevExpress_Reporting_Viewer_Parameters_namespaceObject = DevExpre
 
 
 const orientationValues = [
-    { displayValue: 'Horizontal', value: 'Horizontal' },
-    { displayValue: 'Vertical', value: 'Vertical' }
+    { displayValue: 'Horizontal', value: 'Horizontal', localizationId: 'DevExpress.XtraReports.Parameters.Orientation.Horizontal' },
+    { displayValue: 'Vertical', value: 'Vertical', localizationId: 'DevExpress.XtraReports.Parameters.Orientation.Vertical' }
 ];
 const parameter = { propertyName: 'parameter', modelName: '@Parameter', link: true };
 const layoutitemtype = { propertyName: 'layoutItemType', modelName: '@LayoutItemType', displayName: 'LayoutItemType' };
@@ -6908,7 +6911,7 @@ class ParameterTypesHelper {
 ParameterTypesHelper.defaultGuidValue = '00000000-0000-0000-0000-000000000000';
 ParameterTypesHelper.typeValues = [
     { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, displayValue: 'String', defaultValue: '', specifics: 'String', valueConverter: function (val) { return val.toString(); }, localizationId: 'UtilsUIStringId.Parameter_Type_String' },
-    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date & Time', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'DateTime', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date and Time', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'DateTime', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
     { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateOnly, displayValue: 'Date', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'Date', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateOnly' },
     { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemTimeOnly, displayValue: 'Time', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'Time', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Utils_namespaceObject.parseTime)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_TimeOnly' },
     { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16, displayValue: 'Number (16 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int16' },
@@ -11670,7 +11673,7 @@ const calculatedFieldSerializationInfo = [
         valuesArray: [
             { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraReports.UI.FieldType.None' },
             { value: 'String', displayValue: 'String', localizationId: 'DevExpress.XtraReports.UI.FieldType.String' },
-            { value: 'DateTime', displayValue: 'DateTime', localizationId: 'DevExpress.XtraReports.UI.FieldType.DateTime' },
+            { value: 'DateTime', displayValue: 'Date and Time', localizationId: 'DevExpress.XtraReports.UI.FieldType.DateTime' },
             { value: 'Date', displayValue: 'Date', localizationId: 'DevExpress.XtraReports.UI.FieldType.Date' },
             { value: 'Time', displayValue: 'Time', localizationId: 'DevExpress.XtraReports.UI.FieldType.Time' },
             { value: 'TimeSpan', displayValue: 'TimeSpan', localizationId: 'DevExpress.XtraReports.UI.FieldType.TimeSpan' },
@@ -15907,6 +15910,7 @@ class ExpressionWrapper extends external_DevExpress_Analytics_Utils_namespaceObj
             Strikeout: { localizationId: 'System.Drawing.Font.Strikeout', displayName: 'Strikeout' },
             Bold: { localizationId: 'System.Drawing.Font.Bold', displayName: 'Bold' },
             Underline: { localizationId: 'System.Drawing.Font.Underline', displayName: 'Underline' },
+            All: { localizationId: 'AnalyticsCoreStringId.PaddingInfo.All', displayName: 'All' },
             Left: { localizationId: 'AnalyticsCoreStringId.PaddingInfo.Left', displayName: 'Left' },
             Right: { localizationId: 'AnalyticsCoreStringId.PaddingInfo.Right', displayName: 'Right' },
             Top: { localizationId: 'AnalyticsCoreStringId.PaddingInfo.Top', displayName: 'Top' },
@@ -17186,7 +17190,7 @@ const sortBySummaryConditionInfo = [
             { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal, displayValue: 'Number (decimal)', localizationId: 'UtilsUIStringId.Parameter_Type_Decimal' },
             { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean, displayValue: 'Boolean', localizationId: 'UtilsUIStringId.Parameter_Type_Boolean' },
             { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemChar, displayValue: 'Char', localizationId: 'DataAccessStringId.Type_Char' },
-            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date', localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date and Time', localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
             { value: '<Null>', displayValue: '<Null>' }
         ],
         localizationId: 'DevExpress.XtraPrinting.XlEncryptionOptions.Type'
@@ -19965,8 +19969,9 @@ const pdfSource = { propertyName: 'source', modelName: '@SourceSerializable', di
 const pdfSourceUrl = { propertyName: 'sourceUrl', modelName: '@SourceUrl', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text'), displayName: 'Source Url', localizationId: 'DevExpress.XtraReports.UI.XRPdfContent.SourceUrl' };
 const generateOwnPagesPdfContent = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, generateOwnPages, { defaultVal: true, localizationId: 'DevExpress.XtraReports.UI.XRPdfContent.GenerateOwnPages' });
 const pageCount = { propertyName: 'pageCount', modelName: '@PageCount', displayName: 'PageCount', localizationId: 'DevExpress.XtraReports.UI.XRPdfContent.PageCount', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), disabled: true, defaultVal: 0 };
+const useSvgRendering = { propertyName: 'useSvgRendering', modelName: '@UseSvgRendering', defaultVal: false };
 const pageRangePdfContent = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, external_DevExpress_Reporting_Export_Metadata_namespaceObject.pageRange, { localizationId: 'DevExpress.XtraReports.UI.XRPdfContent.PageRange' });
-const pdfContentSerializationInfo = [pdfSource, pdfSourceUrl, pdfContentScripts, generateOwnPagesPdfContent, pageRangePdfContent, pageCount, dataBindings(['Bookmark', 'Source', 'SourceUrl', 'PageRange'])].concat(sizeLocation, baseControlProperties, bookmarkGroup, [metadata_tag]);
+const pdfContentSerializationInfo = [pdfSource, pdfSourceUrl, pdfContentScripts, generateOwnPagesPdfContent, pageRangePdfContent, pageCount, useSvgRendering, dataBindings(['Bookmark', 'Source', 'SourceUrl', 'PageRange'])].concat(sizeLocation, baseControlProperties, bookmarkGroup, [metadata_tag]);
 const popularPropertiesPdfContent = ['name', 'source', 'sourceUrl', 'generateOwnPages'];
 
 ;// ./node_modules/devexpress-reporting/designer/controls/_xrTodoControl.js
@@ -25779,6 +25784,188 @@ class ReportDesignerControlsHelper extends external_DevExpress_Analytics_Utils_n
     }
 }
 
+;// ./node_modules/devexpress-reporting/designer/internal/_displayNameProvider.js
+
+
+
+class DisplayNameProvider {
+    _getRequest(path) {
+        if (!this._requests[path]) {
+            const pathRequest = new external_DevExpress_Analytics_Utils_namespaceObject.PathRequest(path);
+            this._requests[path] = external_ko_namespaceObject.pureComputed(() => this._fieldsProvider.getItems(pathRequest));
+        }
+        return this._requests[path];
+    }
+    _ignoreDisplayNameRequest(propertyName) {
+        if (propertyName.indexOf('ReportItems') === 0)
+            return true;
+        return false;
+    }
+    _getDisplayNameRequest(path, fieldName) {
+        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._getRequest(path)().done((data) => {
+            const displayName = this._getFieldDisplayName(data, fieldName);
+            if (!displayName)
+                def.reject();
+            else
+                def.resolve(displayName);
+        }).fail(() => {
+            def.reject();
+        });
+        return def.promise();
+    }
+    _createRequestInfo(dataSource, path, dataMember, dataMemberOffset, includeDataSourceName) {
+        if (!dataMember)
+            return null;
+        let dataSourceName = null;
+        if (!path) {
+            const ds = (dataSource || this._rootDS());
+            const dsInfo = ds && this._dataSourceHelper.findDataSourceInfo(ds);
+            if (!dsInfo)
+                return null;
+            path = (dsInfo.ref || dsInfo.id);
+            if (includeDataSourceName)
+                dataSourceName = dsInfo.name;
+        }
+        const offset = (0,external_DevExpress_Analytics_Internal_namespaceObject.getFullPath)(path, dataMemberOffset);
+        return {
+            fullPath: offset + '.' + dataMember,
+            offset: offset,
+            dataMember: dataMember,
+            dataMemberParts: dataMember.split('.'),
+            dataSourceName: dataSourceName
+        };
+    }
+    _getFieldDisplayName(fields, fieldName) {
+        if (!fields)
+            return null;
+        const field = (0,external_DevExpress_Analytics_Internal_namespaceObject.findFirstItemMatchesCondition)(fields, field => field.name === fieldName);
+        return field ? field.displayName : null;
+    }
+    _getDisplayName(request) {
+        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        if (!request) {
+            def.reject();
+            return def.promise();
+        }
+        const fieldsRequests = [];
+        for (let i = -1, path = request.offset; i < request.dataMemberParts.length - 1;) {
+            fieldsRequests.push(this._getDisplayNameRequest(path, request.dataMemberParts[i + 1]));
+            path += '.' + request.dataMemberParts[++i];
+        }
+        external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred.when(fieldsRequests).done((results) => {
+            let result = request.dataSourceName ? (request.dataSourceName + ' - ') : '';
+            for (let i = 0; i < results?.length; i++) {
+                result += results[i];
+                if (i < results.length - 1)
+                    result += '.';
+            }
+            def.resolve(result);
+        }).fail(() => def.reject());
+        return def.promise();
+    }
+    _getRealName(request) {
+        if (!request)
+            return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().reject().promise();
+        return this._getRealNameRequest(request.offset, request.dataMember);
+    }
+    _getRealNameRequest(path, dataMember) {
+        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._getRequest(path)()
+            .done((items) => {
+            let targetItem = items.filter(item => dataMember === item.displayName)[0];
+            if (!targetItem)
+                targetItem = items.filter(item => dataMember.indexOf(item.displayName + '.') === 0 && item.isList)[0];
+            if (targetItem) {
+                dataMember === targetItem.displayName ? def.resolve(targetItem.name) :
+                    this._getRealNameRequest(path + '.' + targetItem.name, dataMember.substring(targetItem.displayName.length + 1))
+                        .done(data => {
+                        def.resolve(targetItem.name + '.' + data);
+                    })
+                        .fail(() => {
+                        def.reject();
+                    });
+            }
+            else {
+                def.reject();
+            }
+        })
+            .fail(() => {
+            def.reject();
+        });
+        return def.promise();
+    }
+    constructor(_fieldsProvider, _dataSourceHelper, _rootDS) {
+        this._fieldsProvider = _fieldsProvider;
+        this._dataSourceHelper = _dataSourceHelper;
+        this._rootDS = _rootDS;
+        this._requests = {};
+        this._fieldsProvider = _fieldsProvider;
+        this._dataSourceHelper = _dataSourceHelper;
+        this._rootDS = _rootDS;
+    }
+    getDisplayName(dataSource, dataMember, dataMemberOffset = '', includeDataSourceName = true) {
+        const request = this._createRequestInfo(dataSource, null, dataMember, dataMemberOffset, includeDataSourceName);
+        return this._getDisplayName(request);
+    }
+    getDisplayNameByPath(path, dataMember) {
+        if (this._ignoreDisplayNameRequest(dataMember))
+            return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(dataMember).promise();
+        return this._getByPath(path, dataMember, x => this._getDisplayName(x));
+    }
+    getRealName(path, dataMember) {
+        return this._getByPath(path, dataMember, x => this._getRealName(x));
+    }
+    _getByPath(path, dataMember, getNameFunc) {
+        path = path || '';
+        let request = this._createRequestInfo(null, path, dataMember, '', false);
+        const pathParts = path.split('.');
+        if (pathParts.length === 1) {
+            return getNameFunc(request);
+        }
+        else {
+            const result = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+            getNameFunc(request).done(x => {
+                result.resolve(x);
+            }).fail(x => {
+                request = this._createRequestInfo(null, pathParts[0], dataMember, '', false);
+                getNameFunc(request).done(x => {
+                    result.resolve(x);
+                }).fail(x => result.reject());
+            });
+            return result.promise();
+        }
+    }
+    dispose() {
+        Object.keys(this._requests).forEach((key) => {
+            this._requests[key].dispose();
+            delete this._requests[key];
+        });
+    }
+}
+function makeFieldDisplayName(displayName) {
+    function isLowerCase(char) {
+        return char === char.toLowerCase();
+    }
+    function isUpperCase(char) {
+        return char === char.toUpperCase();
+    }
+    displayName = displayName.replace(/_/g, ' ');
+    displayName = displayName.replace(/\./g, ' ');
+    let c = null;
+    const length = displayName.length;
+    let result = '';
+    for (let i = 0; i < length; i++) {
+        const c2 = displayName[i];
+        if (c && isLowerCase(c) && isUpperCase(c2)) {
+            result += ' ';
+        }
+        result += c2;
+        c = c2;
+    }
+    return result;
+}
+
 ;// ./node_modules/devexpress-reporting/designer/internal/dragdrop/_fieldListDragDropHelper.js
 
 
@@ -25786,10 +25973,12 @@ class ReportDesignerControlsHelper extends external_DevExpress_Analytics_Utils_n
 
 
 
+
 class FieldListDragDropHelper {
-    constructor(_dataBindingMode, _size) {
+    constructor(_dataBindingMode, _size, _performBindings = true) {
         this._dataBindingMode = _dataBindingMode;
         this._size = _size;
+        this._performBindings = _performBindings;
         this._getItemsFromList = (treeListItem, childCollection) => {
             const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
             treeListItem.getItems().done((items) => {
@@ -25800,6 +25989,12 @@ class FieldListDragDropHelper {
             return deferred.promise();
         };
     }
+    _setControlTextAlignment(cell, specifics) {
+        const numericSpecifics = ['Integer', 'Float'];
+        if (numericSpecifics.some(numericType => numericType === specifics)) {
+            cell.textAlignment('TopRight');
+        }
+    }
     _createTable(parent, items) {
         if (items.length === 0)
             return null;
@@ -25808,6 +26003,12 @@ class FieldListDragDropHelper {
         const tableRow = table.createChild({ '@ControlType': 'XRTableRow', '@Weight': '1' });
         items.forEach(item => {
             const cell = createSimpleControl('XRTableCell', tableRow);
+            this._setControlTextAlignment(cell, item.data.specifics);
+            if (!this._performBindings) {
+                const formattedDisplayName = makeFieldDisplayName(item.data.displayName);
+                cell.text(formattedDisplayName);
+                return;
+            }
             if (item.data.specifics !== 'Array') {
                 assignBinding(cell, tableRow, 'Text', item, this._dataBindingMode);
             }
@@ -25860,8 +26061,8 @@ class FieldListDragDropHelper {
 }
 const listMemberControlsMap = {
     'List': {
-        drop: (treeListItem, dropTargetControl, dataBindingMode, size) => {
-            const helper = new FieldListDragDropHelper(dataBindingMode, size);
+        drop: (treeListItem, dropTargetControl, dataBindingMode, size, performBindings) => {
+            const helper = new FieldListDragDropHelper(dataBindingMode, size, performBindings);
             if (treeListItem.data.specifics === 'ListSource')
                 return helper.createTableFromListSource(treeListItem, dropTargetControl);
             return helper.createTableFromItems([treeListItem.getModel()], dropTargetControl);
@@ -25876,8 +26077,8 @@ const listMemberControlsMap = {
         }
     },
     'MultiList': {
-        drop: (treeListItem, dropTargetControl, dataBindingMode, size) => {
-            const helper = new FieldListDragDropHelper(dataBindingMode, size);
+        drop: (treeListItem, dropTargetControl, dataBindingMode, size, performBindings) => {
+            const helper = new FieldListDragDropHelper(dataBindingMode, size, performBindings);
             return helper.createTableFromItems(treeListItem.getSelectedItems(), dropTargetControl);
         },
         size: getUsefulReportWidth,
@@ -26073,7 +26274,7 @@ class FieldListDragDropHandler extends external_DevExpress_Analytics_Internal_na
                     return;
                 }
                 listMemberControlsMap[isMultiSelect ? 'MultiList' : key]
-                    .drop(item, dropTarget.getControlModel(), this.dataBindingMode(), listMemberControlsMap[isMultiSelect ? 'MultiList' : key].size(this.surface()))
+                    .drop(item, dropTarget.getControlModel(), this.dataBindingMode(), listMemberControlsMap[isMultiSelect ? 'MultiList' : key].size(this.surface()), !event.shiftKey)
                     .done((control) => {
                     this._addControl(control, dropTarget);
                 });
@@ -30016,7 +30217,7 @@ class LocalizationEditor extends external_DevExpress_Analytics_Utils_namespaceOb
     constructor(_options) {
         super();
         this._options = _options;
-        this._allowedPropertyNames = ['text', 'legendText', 'axisLabelText', 'legendTextPattern', 'description', 'title'];
+        this._allowedPropertyNames = ['text', 'legendText', 'axisLabelText', 'legendTextPattern', 'description', 'title', 'textPattern'];
         this.defaultLanguageText = () => (0,external_DevExpress_Reporting_Metadata_namespaceObject.availableCultures)()[external_DevExpress_Reporting_Metadata_namespaceObject.defaultCulture];
         this.currentLanguageText = () => (0,external_DevExpress_Reporting_Metadata_namespaceObject.availableCultures)()[this.language()];
         this.propertiesHeaderText = () => (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Property', 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Property');
@@ -35748,166 +35949,6 @@ class ReportItemsProvider extends external_DevExpress_Analytics_Utils_namespaceO
     }
 }
 
-;// ./node_modules/devexpress-reporting/designer/internal/_displayNameProvider.js
-
-
-
-class DisplayNameProvider {
-    _getRequest(path) {
-        if (!this._requests[path]) {
-            const pathRequest = new external_DevExpress_Analytics_Utils_namespaceObject.PathRequest(path);
-            this._requests[path] = external_ko_namespaceObject.pureComputed(() => this._fieldsProvider.getItems(pathRequest));
-        }
-        return this._requests[path];
-    }
-    _ignoreDisplayNameRequest(propertyName) {
-        if (propertyName.indexOf('ReportItems') === 0)
-            return true;
-        return false;
-    }
-    _getDisplayNameRequest(path, fieldName) {
-        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        this._getRequest(path)().done((data) => {
-            const displayName = this._getFieldDisplayName(data, fieldName);
-            if (!displayName)
-                def.reject();
-            else
-                def.resolve(displayName);
-        }).fail(() => {
-            def.reject();
-        });
-        return def.promise();
-    }
-    _createRequestInfo(dataSource, path, dataMember, dataMemberOffset, includeDataSourceName) {
-        if (!dataMember)
-            return null;
-        let dataSourceName = null;
-        if (!path) {
-            const ds = (dataSource || this._rootDS());
-            const dsInfo = ds && this._dataSourceHelper.findDataSourceInfo(ds);
-            if (!dsInfo)
-                return null;
-            path = (dsInfo.ref || dsInfo.id);
-            if (includeDataSourceName)
-                dataSourceName = dsInfo.name;
-        }
-        const offset = (0,external_DevExpress_Analytics_Internal_namespaceObject.getFullPath)(path, dataMemberOffset);
-        return {
-            fullPath: offset + '.' + dataMember,
-            offset: offset,
-            dataMember: dataMember,
-            dataMemberParts: dataMember.split('.'),
-            dataSourceName: dataSourceName
-        };
-    }
-    _getFieldDisplayName(fields, fieldName) {
-        if (!fields)
-            return null;
-        const field = (0,external_DevExpress_Analytics_Internal_namespaceObject.findFirstItemMatchesCondition)(fields, field => field.name === fieldName);
-        return field ? field.displayName : null;
-    }
-    _getDisplayName(request) {
-        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        if (!request) {
-            def.reject();
-            return def.promise();
-        }
-        const fieldsRequests = [];
-        for (let i = -1, path = request.offset; i < request.dataMemberParts.length - 1;) {
-            fieldsRequests.push(this._getDisplayNameRequest(path, request.dataMemberParts[i + 1]));
-            path += '.' + request.dataMemberParts[++i];
-        }
-        external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred.when(fieldsRequests).done((results) => {
-            let result = request.dataSourceName ? (request.dataSourceName + ' - ') : '';
-            for (let i = 0; i < results?.length; i++) {
-                result += results[i];
-                if (i < results.length - 1)
-                    result += '.';
-            }
-            def.resolve(result);
-        }).fail(() => def.reject());
-        return def.promise();
-    }
-    _getRealName(request) {
-        if (!request)
-            return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().reject().promise();
-        return this._getRealNameRequest(request.offset, request.dataMember);
-    }
-    _getRealNameRequest(path, dataMember) {
-        const def = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        this._getRequest(path)()
-            .done((items) => {
-            let targetItem = items.filter(item => dataMember === item.displayName)[0];
-            if (!targetItem)
-                targetItem = items.filter(item => dataMember.indexOf(item.displayName + '.') === 0 && item.isList)[0];
-            if (targetItem) {
-                dataMember === targetItem.displayName ? def.resolve(targetItem.name) :
-                    this._getRealNameRequest(path + '.' + targetItem.name, dataMember.substring(targetItem.displayName.length + 1))
-                        .done(data => {
-                        def.resolve(targetItem.name + '.' + data);
-                    })
-                        .fail(() => {
-                        def.reject();
-                    });
-            }
-            else {
-                def.reject();
-            }
-        })
-            .fail(() => {
-            def.reject();
-        });
-        return def.promise();
-    }
-    constructor(_fieldsProvider, _dataSourceHelper, _rootDS) {
-        this._fieldsProvider = _fieldsProvider;
-        this._dataSourceHelper = _dataSourceHelper;
-        this._rootDS = _rootDS;
-        this._requests = {};
-        this._fieldsProvider = _fieldsProvider;
-        this._dataSourceHelper = _dataSourceHelper;
-        this._rootDS = _rootDS;
-    }
-    getDisplayName(dataSource, dataMember, dataMemberOffset = '', includeDataSourceName = true) {
-        const request = this._createRequestInfo(dataSource, null, dataMember, dataMemberOffset, includeDataSourceName);
-        return this._getDisplayName(request);
-    }
-    getDisplayNameByPath(path, dataMember) {
-        if (this._ignoreDisplayNameRequest(dataMember))
-            return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(dataMember).promise();
-        return this._getByPath(path, dataMember, x => this._getDisplayName(x));
-    }
-    getRealName(path, dataMember) {
-        return this._getByPath(path, dataMember, x => this._getRealName(x));
-    }
-    _getByPath(path, dataMember, getNameFunc) {
-        path = path || '';
-        let request = this._createRequestInfo(null, path, dataMember, '', false);
-        const pathParts = path.split('.');
-        if (pathParts.length === 1) {
-            return getNameFunc(request);
-        }
-        else {
-            const result = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-            getNameFunc(request).done(x => {
-                result.resolve(x);
-            }).fail(x => {
-                request = this._createRequestInfo(null, pathParts[0], dataMember, '', false);
-                getNameFunc(request).done(x => {
-                    result.resolve(x);
-                }).fail(x => result.reject());
-            });
-            return result.promise();
-        }
-    }
-    dispose() {
-        Object.keys(this._requests).forEach((key) => {
-            this._requests[key].dispose();
-            delete this._requests[key];
-        });
-    }
-}
-
 ;// ./node_modules/devexpress-reporting/designer/internal/fieldlist/_watermarksViewModel.js
 
 
@@ -41887,8 +41928,8 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTemplate: { name: \'dxrd-error-source-filter\' }', function () { return { dxTemplate: { name: 'dxrd-error-source-filter' } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTemplate: { name: \'dxrd-error-type-filter\' }', function () { return { dxTemplate: { name: 'dxrd-error-type-filter' } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTemplate: { name: \'dxrd-error-type-filter-item\' }', function () { return { dxTemplate: { name: 'dxrd-error-type-filter-item' } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { width: $root.surfaceSize() ? $root.surfaceSize() + \'px\' : \'auto\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$root.surfaceSize() ? $context.$root.surfaceSize() + 'px' : 'auto' }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: false }', function ($context, $element) { return { 'dxTabs': function () { return { 'dataSource': $context.$data.tabs, 'selectedIndex': $context.$data.selectedIndex, 'showNavButtons': false, 'scrollingEnabled': false }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { width: $root.surfaceSize() ? $root.surfaceSize() - 85 + \'px\' : \'auto\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$root.surfaceSize() ? $context.$root.surfaceSize() - 85 + 'px' : 'auto' }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: true, scrollByContent: true }', function ($context, $element) { return { 'dxTabs': function () { return { 'dataSource': $context.$data.tabs, 'selectedIndex': $context.$data.selectedIndex, 'showNavButtons': false, 'scrollingEnabled': true, 'scrollByContent': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }', function ($context, $element) { return { 'css': function () { return $context.$data.icon; }, 'event': function () { return { 'mousedown': function (e) { $context.$parent.removeTab(e); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }', function ($context, $element) { return { 'text': function () { return $context.$data.isDirty() ? $context.$data.displayName() + '*' : $context.$data.displayName(); }, 'title': function () { return $context.$data.displayName; }, 'style': function () { return { 'font-weight': $context.$data.isDirty() ? 'bold' : 'normal' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $root.isLoading() && tabs().length === 1', function ($context, $element) { return { 'ifnot': function () { return $context.$root.isLoading() && $context.$data.tabs().length === 1; } }; });
@@ -42387,7 +42428,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-context-menu-item': '<div class="dx-context-menu" data-bind="css: {\'dx-context-menu-flex\': !($data.items) }"> <!-- ko if: $data.imageTemplateName --> <div class="dx-context-menu-icon"> <!-- ko template: { name: $data.imageTemplateName }  --> <!-- /ko --> </div> <!-- /ko --> <div class="dx-context-menu-text" data-bind="text: $data.displayText ? $data.displayText() : $data.text"> </div> <!-- ko if: $data.items --> <div class="dx-context-menu-group-icon"> <!-- ko template: { name: \'dxrd-svg-preview-next_page\' }  --> <!-- /ko --> </div> <!-- /ko --> </div>',
     'dxrd-error-panel': '<div class="dxrd-error-panel dxd-text-primary dxd-back-primary2" data-bind="style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions"> <div class="dxrd-width-100 dxrd-height-100" data-bind="style: { display: $data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-header dxd-border-primary dxd-back-primary2"> <div class="dxrd-error-panel-header-title" data-bind="text: $data.panelTitle"></div> <div class="dxrd-error-panel-header-collapse dx-accordion-item-title"  data-bind="click: function() { $data.toggleCollapsed() }"></div> </div> <div class="dxrd-error-panel-content"> <div class="dxrd-error-grid" data-bind="dxDataGrid: _dataGridOptions"> <div data-options="dxTemplate: { name: \'dx-type-button\'}"> <div class="dxd-back-highlighted" data-bind="css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-errorType-column\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parent.getIconTemplateName($data.value) }, attr: { title: $data.value }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-code-column\' }"> <!-- ko if: $data.data.showLink--> <a class="dx-link" target="_blank" rel="noreferer noopener" data-bind="text: $data.data.code, attr: { href: $data.data.link }"></a> <!-- /ko --> <!-- ko if: !$data.data.showLink--> <div data-bind="text: $data.value"></div> <!-- /ko --> </div> <div data-options="dxTemplate:{ name:\'dxrd-source-column\' }"> <a class="dx-link" href="javascript:void(0)" data-bind="text: value, click: function() { $parent.navigateToItem($data.value); }"></a> </div> <div data-options="dxTemplate: { name: \'detail\' }"> <div class="dxrd-error-panel-description" data-bind="text: data.description"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-source-filter\' }"> <div data-bind="dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter\' }"> <div data-bind="dxButtonGroup: $data.data"> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter-item\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parents[1].getIconTemplateName(icon) } "> </div> <div class="dxrd-errorType-text" data-bind="text: $data.text()"></div> </div> </div> </div> </div> </div></div><div data-bind="style: { display: !$data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-notification" data-bind="click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }"></div></div></div>',
     'dxrd-navigation-panel-template': '<!-- ko ifnot: $root.isLoading() && tabs().length === 1--> <!-- ko if: allowMDI --> <!-- ko if: tabs().length > 0 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: allowMDI --> <!-- ko if: tabs().length > 1 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
-    'dxrd-navigation-panel-template-content': '<div class="dxrd-navigation-panel-wrapper" data-bind="style: { width: $root.surfaceSize() ? $root.surfaceSize() + \'px\' : \'auto\' }"> <div data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: false }"> <div data-options="dxTemplate: { name: \'item\' }"> <!-- ko if: icon --> <div class="dx-icon" data-bind="css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }"></div> <!-- /ko --> <div class="dx-tab-title-wrapper"> <div class="dx-tab-title" data-bind="text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }"></div> </div> </div> </div> </div>',
+    'dxrd-navigation-panel-template-content': '<div class="dxrd-navigation-panel-wrapper" data-bind="style: { width: $root.surfaceSize() ? $root.surfaceSize() - 85 + \'px\' : \'auto\' }"> <div data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: true, scrollByContent: true }"> <div data-options="dxTemplate: { name: \'item\' }"> <!-- ko if: icon --> <div class="dx-icon" data-bind="css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }"></div> <!-- /ko --> <div class="dx-tab-title-wrapper"> <div class="dx-tab-title" data-bind="text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }"></div> </div> </div> </div> </div>',
     'dxrd-parameters-dialog': '<div data-bind="css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}"> <div class="dxrd-parameters-popup-content"> <!-- ko template: contentTemplate --> <!-- /ko --> </div> </div>',
     'dxrd-report-parameters-dialogs': '<!-- ko if: $data --> <!-- ko template: { name: \'dxrd-parameters-dialog\', data: _addParametersDialog } --> <!-- /ko --> <!-- ko template: { name: \'dxrd-parameters-dialog\', data: _editParametersDialog } --> <!-- /ko --> <!-- /ko -->',
     'dxrd-parameter-edit': '<div class="dxrd-parameter-edit-content"> <div data-bind="dxScrollView: { showScrollbar: \'onHover\', height: 510 }"> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-properties" data-bind="template: { name: \'dx-propertieseditor\', data: _propertiesGrid }"></div> <!-- ko if: _selectedParameterSettings --> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-settings" data-bind="template: { name: \'dx-propertieseditor\', data: _settingsGrid }"></div> <!-- /ko --> </div> </div>',