devexpress-reporting 23.2.7-build-24137-1211 → 23.2.7-build-24159-1948

package/dist/css/dx-webdocumentviewer.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-webdocumentviewer.css)
-* Version:  23.2.7-build-24137-1211
-* Build date: May 16, 2024
+* Version:  23.2.7-build-24159-1948
+* Build date: Jun 7, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/html/templates.html

@@ -1482,11 +1482,11 @@
 </script>
 <script type="text/html" id="dx-treelist-item-actions">
     <!-- ko foreach: actions -->
-    <!-- ko if: $data.templateName -->
+    <!-- ko if: $data.templateName && ko.unwrap($root.canAddItems) -->
     <!-- ko template: templateName  -->
     <!-- /ko -->
     <!-- /ko -->
-    <!-- ko if: !$data.templateName -->
+    <!-- ko if: !$data.templateName  && (ko.unwrap($root.canAddItems) || canAddItems)-->
     <div class="dx-treelist-action" data-bind="dxButtonWithTemplate: { onClick: function() { clickAction($parent); }, icon: ko.unwrap($data.imageTemplateName), iconClass: $data.imageClassName, visible: (ko.unwrap($data.visible) == undefined) || ko.unwrap($data.visible), disabled: $data.disabled && $data.disabled() }, attr: { title: $data.displayText && $data.displayText() || text }"></div>
     <!-- /ko -->
     <!-- /ko -->
@@ -3622,7 +3622,7 @@
         <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented">
             <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" 
                 data-bind="dxMenu: {
-                    wrapperAttr: { class: 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' },
+                    elementAttr: { class: 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' },
                     disabled: disabled,
                     items: widget.items,
                     cssClass: 'dxrdp-export-to-menu',
@@ -6055,11 +6055,11 @@
 </script>
 <script type="text/html" id="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 -->
+<!-- ko template: { name: 'dxrd-parameters-dialog', data: _addParametersDialog } -->
+<!-- /ko -->
+<!-- ko template: { name: 'dxrd-parameters-dialog', data: _editParametersDialog } -->
+<!-- /ko -->
+<!-- /ko -->
 </script>
 
 <script type="text/html" id="dxrd-parameter-edit">
@@ -6077,12 +6077,17 @@
     <div class="dxrd-parameters-content">
         <div class="dxrd-parameters-content-list-wrapper">
             <div class="dx-collectioneditor-actions-wrapper">
-                <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addParameter, icon: 'dxrd-svg-actions-add_parameter', iconClass: 'dx-image-add-parameter' }, attr: { title: getDisplayTextButton('addParameter') }"></div>
-                <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addGroup, icon: 'dxrd-svg-actions-add_group', iconClass: 'dx-image-add-group' }, attr: { title: getDisplayTextButton('addGroup') }"></div>
-                <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addSeparator, icon: 'dxrd-svg-actions-add_separator', iconClass: 'dx-image-add-separator' }, attr: { title: getDisplayTextButton('addSeparator') }"></div>
+                <!-- ko foreach: addButtons -->
+                    <!-- ko if: visible && ko.unwrap($root.canAddItems) -->
+                    <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, icon: icon, iconClass: iconClass }, attr: { title: title }"></div>
+                    <!-- /ko -->
+                <!-- /ko -->
                 <div class="dx-collectioneditor-action-separator"></div>
-                <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: up, disabled: isDisabledButton('up'), icon: 'dxrd-svg-operations-moveup', iconClass: 'dx-image-moveup' }, attr: { title: getDisplayTextButton('up') }"></div>
-                <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: down, disabled: isDisabledButton('down'), icon: 'dxrd-svg-operations-movedown', iconClass: 'dx-image-movedown' }, attr: { title: getDisplayTextButton('down') }"></div>
+                <!-- ko foreach: moveButtons -->
+                    <!-- ko if: visible && ko.unwrap($root.canAddItems) -->
+                    <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, disabled: $parent.isDisabledButton(name), icon: icon, iconClass: iconClass }, attr: { title: title }"></div>
+                    <!-- /ko -->
+                <!-- /ko -->
             </div>
             <div class="dxrd-parameters-content-list dxd-border-primary" data-bind="dxScrollView: { showScrollbar: 'onHover', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: 'both' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }">
                 <!-- ko if: $data.visible -->
@@ -6113,12 +6118,13 @@
 
 <script type="text/html" id="dxrd-parameters-checkbox">
     <!-- ko if: $data.visible -->
-    <div class="dx-field dxrd-parameters-checkbox">
-        <div class="dx-field-value">
-            <div class="propertygrid-editor-checkbox" data-bind="dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })"></div> 
-        </div>
+<div class="dx-field dxrd-parameters-checkbox">
+    <div class="dx-field-value">
+        <div class="propertygrid-editor-checkbox"
+            data-bind="dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })"></div>
     </div>
-    <!-- /ko -->
+</div>
+<!-- /ko -->
 </script>
 
 <script type="text/html" id="dxrd-parameters-range-grid">
@@ -6145,8 +6151,8 @@
 
 <script type="text/html" id="dxrd-multivalue-editing">
     <!-- ko if: ko.unwrap($data.value) && ko.unwrap($data.visible) -->
-    <div class="dxrd-editor dxrd-parameter-group-editor">
-        <div class="dxrd-parameter-values-collectioneditor" data-bind="dxCollectionEditor: {
+<div class="dxrd-editor dxrd-parameter-group-editor">
+    <div class="dxrd-parameter-values-collectioneditor" data-bind="dxCollectionEditor: {
              values: value,
              info: info,
              level: level,
@@ -6155,10 +6161,10 @@
              collapsed: false,
              alwaysShow: true
         }">
-            <div data-bind="template: { name: 'dx-propertieseditor', data: getProperties({ level: level }) }"></div>
-        </div>
+        <div data-bind="template: { name: 'dx-propertieseditor', data: getProperties({ level: level }) }"></div>
     </div>
-    <!-- /ko -->
+</div>
+<!-- /ko -->
 </script>
 
 <script type="text/html" id="dxrd-lookUpValues-editing">
@@ -6171,7 +6177,8 @@
              info: info,
              collapsed: false,
              showScroll: true,
-             alwaysShow: true
+             alwaysShow: true,
+             hideButtons: !ko.unwrap($root.canAddItems)
         }">
             <div data-bind="template: { name: 'dx-propertieseditor', data: getProperties({ level: level }) }"></div>
         </div>
@@ -6692,7 +6699,7 @@
 
 <script type="text/html" id="dxrd-watermarks">
     <div class="dxrd-editor" data-bind="visible: visible">
-        <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }">
+        <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), allowEditItems: $root.canAddItems, level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }">
         </div>
     </div>
 </script>
@@ -6714,7 +6721,7 @@
 <script type="text/html" id="dxrd-collectionItemWithAccordion">
     <div class="dxrd-accordion-collection-item" data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }">
         <div class="dxrd-group-header dx-accordion-header dxd-text-primary">
-            <div data-bind="styleunit: {'paddingLeft': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }">
+            <div data-bind="styleunit: {'paddingLeft': padding + $root.dx._static.propertiesGridEditorsPaddingLeft() }">
                 <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
                 <div class="dx-group-header-font dxd-text-primary dxrd-display-inline-block" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div>
             </div>

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  23.2.7-build-24137-1211
-* Build date: May 16, 2024
+* Version:  23.2.7-build-24159-1948
+* Build date: Jun 7, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -191,6 +191,7 @@ __webpack_require__.d(reporting_chart_internal_namespaceObject, {
   sideBySideBarDistanceFixed: () => (sideBySideBarDistanceFixed),
   sideBySideEqualBarWidth: () => (sideBySideEqualBarWidth),
   smallChartText: () => (smallChartText),
+  stackedBarPositionValues: () => (stackedBarPositionValues),
   stockSeriesPointsSortingKeys: () => (stockSeriesPointsSortingKeys),
   stockValueSerializationsInfo: () => (stockValueSerializationsInfo),
   stringAlignmentValues: () => (stringAlignmentValues),
@@ -2592,12 +2593,15 @@ const _chart_enabled = { propertyName: 'enabled', modelName: '@Enabled', display
     propertyName: 'mode', modelName: '@Mode', displayName: 'Mode', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), defaultVal: 'Count', valuesArray: [{ value: 'Count', displayValue: 'Count', localizationId: 'ASPxReportsStringId.ReportDesigner_Wizard_SummaryOptions_Count' }, { value: 'ThresholdValue', displayValue: 'Threshold Value', localizationId: 'DevExpress.XtraCharts.TopNMode.ThresholdValue' }, { value: 'ThresholdPercent', displayValue: 'Threshold Percent', localizationId: 'DevExpress.XtraCharts.TopNOptions.ThresholdPercent' }],
     localizationId: 'DevExpress.XtraReports.UI.MultiColumn.Mode'
 }, count = { propertyName: 'count', modelName: '@Count', displayName: 'Count', defaultVal: 5, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), localizationId: 'ASPxReportsStringId.ReportDesigner_Wizard_SummaryOptions_Count' }, showOthers = { propertyName: 'showOthers', modelName: '@ShowOthers', displayName: 'Show Others', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, localizationId: 'DevExpress.XtraCharts.TopNOptions.ShowOthers' }, othersArgument = { propertyName: 'othersArgument', modelName: '@OthersArgument', displayName: 'Others Argument', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text'), localizationId: 'DevExpress.XtraCharts.TopNOptions.OthersArgument' }, thresholdValue = { propertyName: 'thresholdValue', modelName: '@ThresholdValue', displayName: 'Threshold Value', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.TopNMode.ThresholdValue' }, thresholdPercent = { propertyName: 'thresholdPercent', modelName: '@ThresholdPercent', displayName: 'Threshold Percent', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.TopNOptions.ThresholdPercent' };
-const barPositionValues = [
-    { value: 'Top', displayValue: 'Top', localizationId: 'DevExpress.XtraReports.UI.XRDockStyle.Top' },
+const stackedBarPositionValues = [
     { value: 'Center', displayValue: 'Center', localizationId: 'DevExpress.XtraCharts.FunnelSeriesLabelPosition.Center' },
     { value: 'TopInside', displayValue: 'Top Inside', localizationId: 'DevExpress.XtraCharts.BarSeriesLabelPosition.TopInside' },
     { value: 'BottomInside', displayValue: 'Bottom Inside', localizationId: 'DevExpress.XtraCharts.BarSeriesLabelPosition.BottomInside' }
 ];
+const barPositionValues = [
+    { value: 'Top', displayValue: 'Top', localizationId: 'DevExpress.XtraReports.UI.XRDockStyle.Top' },
+    ...stackedBarPositionValues
+];
 const piePositionValues = [
     { value: 'Inside', displayValue: 'Inside', localizationId: 'ChartStringId.WizPieSeriesLabelPositionInside' },
     { value: 'Outside', displayValue: 'Outside', localizationId: 'ChartStringId.WizPieSeriesLabelPositionOutside' },
@@ -5664,6 +5668,7 @@ function createChartDesigner(element, options, applyBindings = true) {
         }),
         surfaceSize: external_ko_namespaceObject.observable(0),
         isLoading: external_ko_namespaceObject.observable(true),
+        canAddItems: options.canAddItems,
         rtl: options.rtl,
         groups: groups,
         applyGroup: (groupName) => {
@@ -5927,6 +5932,9 @@ class PositionSeriesLabelEditor extends external_DevExpress_Analytics_Widgets_na
                 return funnelPositionValues;
             if (type === 'WaterfallSeriesLabel')
                 return waterfallPositionValues;
+            if ((['StackedBarSeriesLabel', 'FullStackedBarSeriesLabel'].indexOf(type) !== -1)) {
+                return stackedBarPositionValues;
+            }
         }
         return barPositionValues;
     }
@@ -8625,7 +8633,7 @@ function getNearestBand(target) {
 
 function __createLocalizationProperties(target, format = '{0}') {
     return target.getInfo().filter(x => x.localizable && x.modelName).map(x => {
-        return new LocalizedProperty((0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)(format, x.modelName.substr(1)), target['_' + x.propertyName] || target[x.propertyName], x);
+        return new LocalizedProperty((0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)(format, x.modelName.substr(1)), target['_' + x.propertyName] || target[x.propertyName], x, target);
     });
 }
 class DefaultLocalizationProvider extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
@@ -8679,10 +8687,11 @@ class ChartLocalizationProvider extends DefaultLocalizationProvider {
     }
 }
 class LocalizedProperty {
-    constructor(propertyName, value, info) {
+    constructor(propertyName, value, info, target) {
         this.propertyName = propertyName;
         this.value = value;
         this.info = info;
+        this.target = target;
     }
     applyLocalization(value) {
         const newValue = this.info.from ? external_ko_namespaceObject.unwrap(this.info.from(value)) : value;
@@ -11835,18 +11844,33 @@ class LookUpValue {
 
 
 
+
 class LookUpSettings extends ObjectItem {
     constructor(model, dsHelperProvider, serializer) {
         super(model, dsHelperProvider, serializer);
     }
+    _getFlatParametersOrderedList(layoutItems) {
+        let parameters = [];
+        layoutItems.forEach(layoutItem => {
+            if (layoutItem instanceof ParameterLayoutItem)
+                parameters.push(layoutItem.parameter());
+            else if (layoutItem instanceof GroupLayoutItem) {
+                const paramsInGroup = this._getFlatParametersOrderedList(layoutItem.parameterPanelLayoutItems());
+                if (paramsInGroup.length > 0)
+                    parameters = [...parameters, ...paramsInGroup];
+            }
+        });
+        return parameters;
+    }
     getInfo() {
         return super.getInfo().concat([metadata_filterString, metadata_filterStringEditable]);
     }
     updateFilter(parameter, report) {
         this.filterString.helper.parameters = external_ko_namespaceObject.pureComputed({
             read: () => {
-                const currentIndex = report.parameters().indexOf(parameter);
-                const filteredParameters = currentIndex > 0 ? report.parameters().filter((_, index) => { return index < currentIndex; }) : report.parameters();
+                const orderedParameters = this._getFlatParametersOrderedList(report.parameterPanelLayoutItems());
+                const currentIndex = orderedParameters.indexOf(parameter);
+                const filteredParameters = currentIndex == -1 ? orderedParameters : (currentIndex > 0 ? orderedParameters.slice(0, currentIndex) : []);
                 return collectAvailableParameters(filteredParameters);
             },
             deferEvaluation: true
@@ -12982,11 +13006,12 @@ class LocalizationInfo {
         this.code = code;
         this.properties = [];
         this.isLocalized = external_ko_namespaceObject.observable(false);
-        this.setValue = (component, propertyName, value) => {
+        this.setValue = (component, propertyName, value, target) => {
             const propertyValue = external_ko_namespaceObject.unwrap(value);
             const setInfo = {
                 component: component,
                 propertyName: propertyName,
+                target: target,
                 value: propertyValue && propertyValue.toString() || propertyValue
             };
             const selfProperty = searchInLocalizationArray(this.properties, setInfo.propertyName, setInfo.component);
@@ -12994,8 +13019,10 @@ class LocalizationInfo {
             if (selfProperty) {
                 if (closestProperty && closestProperty.value == setInfo.value)
                     this.properties.splice(this.properties.indexOf(selfProperty), 1);
-                else
+                else {
                     selfProperty.value = setInfo.value;
+                    selfProperty.target = setInfo.target;
+                }
             }
             else if (!closestProperty || closestProperty.value !== setInfo.value) {
                 this._updateLocalizationInfoItem(setInfo);
@@ -13054,18 +13081,45 @@ class LocalizationInfo {
         item.propertyValue(itemInfo.value.toString());
         return item;
     }
-    serialize(canSerialize) {
+    serialize(canSerialize, existingTargets) {
         return this.properties.reduce((result, property) => {
             if (canSerialize(property.component)) {
                 if (this.code === external_DevExpress_Reporting_Metadata_namespaceObject.defaultCulture) {
                     const localizedProperty = getComponentInfo(property);
+                    if (!localizedProperty) {
+                        return result;
+                    }
                     let defaultVal = external_ko_namespaceObject.unwrap(localizedProperty.info.from ? localizedProperty.info.from(localizedProperty.info.defaultVal) : localizedProperty.info.defaultVal);
                     defaultVal = localizedProperty.info.toJsonObject ? localizedProperty.info.toJsonObject(defaultVal) : (defaultVal != null && defaultVal.toString() || defaultVal);
                     if (property.value != undefined && property.value.toString() !== defaultVal) {
-                        result.push(this._createLocalizationItem(property));
+                        existingTargets.push(property);
+                        const localizationItem = this._createLocalizationItem(property);
+                        result.push(localizationItem);
                     }
                 }
                 else {
+                    if (existingTargets.length) {
+                        const isSame = (i) => {
+                            return Object.keys(i).every(key => {
+                                return i[key] === property[key];
+                            });
+                        };
+                        const sameItem = existingTargets.find(x => isSame(x));
+                        if (sameItem) {
+                            return result;
+                        }
+                        const shouldUpdateName = (defaultItem) => {
+                            return defaultItem.target === property.target && property.propertyName.includes('.');
+                        };
+                        const item = existingTargets.find(defaultItem => shouldUpdateName(defaultItem));
+                        if (item) {
+                            property.propertyName = item.propertyName;
+                        }
+                        const localizedProperty = getComponentInfo(property);
+                        if (localizedProperty && localizedProperty.target !== property.target || !localizedProperty) {
+                            return result;
+                        }
+                    }
                     result.push(this._createLocalizationItem(property));
                 }
             }
@@ -13097,18 +13151,18 @@ class ReportLocalizationEngine extends external_DevExpress_Analytics_Utils_names
         super();
         this.report = report;
         this.items = new LocalizationDictionary();
-        this.add = (cultureCode, component, propertyName, value) => {
+        this.add = (cultureCode, component, propertyName, value, target) => {
             const node = this.items.get(cultureCode);
             if (!node) {
-                this.items.add(cultureCode).setValue(component, propertyName, value);
+                this.items.add(cultureCode).setValue(component, propertyName, value, target);
             }
             else
-                node.setValue(component, propertyName, value);
+                node.setValue(component, propertyName, value, target);
         };
         this.save = (cultureCode = this.report.language()) => {
             this.report.enumerateComponents().forEach((control) => {
                 if (control.getLocalizationProperties) {
-                    control.getLocalizationProperties().forEach(item => this.add(cultureCode, control, item.propertyName, item.value));
+                    control.getLocalizationProperties().forEach(item => this.add(cultureCode, control, item.propertyName, item.value, item.target));
                 }
             });
         };
@@ -13141,13 +13195,20 @@ class ReportLocalizationEngine extends external_DevExpress_Analytics_Utils_names
                 const item = _avalibleComponentsDictionary[_getUniqueName(component)];
                 return item && component === item;
             };
+            const existingTargets = [];
             this.items.keys().forEach(key => {
-                outArray.push(...this.items.get(key).serialize(canSerialize));
+                outArray.push(...this.items.get(key).serialize(canSerialize, existingTargets));
             });
             return outArray;
         };
         report._localizationItems().forEach(item => {
-            item.component() && this.add(item.culture(), item.component(), item.propertyName(), item.propertyValue);
+            var _a;
+            const component = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(item.component);
+            if (component) {
+                const propertyName = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(item.propertyName);
+                const target = (_a = component.getLocalizationProperty(propertyName)) === null || _a === void 0 ? void 0 : _a.target;
+                item.component() && this.add(item.culture(), item.component(), propertyName, item.propertyValue, target);
+            }
         });
     }
     recalculateUnits(coef) {
@@ -25427,6 +25488,7 @@ const createChartDesignerOptions = (designerModel, dataSourceHelper, model, para
                     accessibilityProvider: accessibilityProvider,
                     visible: chartDesignerOptionsVisible,
                     rtl: designerModel.rtl,
+                    canAddItems: designerModel.canAddItems,
                     fieldListProvider: designerModel.dataBindingsProvider
                 };
             }
@@ -26679,7 +26741,8 @@ class ErrorPanelViewModel extends external_DevExpress_Analytics_Utils_namespaceO
         }
     }
     getNotificationTemplate() {
-        return this._errorList().length > 0 ? 'dxrd-svg-errorPanel-notification' : 'dxrd-svg-errorPanel-notification_empty';
+        const filteredErrorList = this._errorList().filter(x => this._suppressedErrorCodes().indexOf(x.code) === -1);
+        return filteredErrorList.length > 0 ? 'dxrd-svg-errorPanel-notification' : 'dxrd-svg-errorPanel-notification_empty';
     }
     getTitleMessage() {
         return [this._errorMessage(), this._warningMessage(), this._informationMessage()].join('\n');
@@ -27703,6 +27766,8 @@ class EditParametersDialog extends ParametersDialogBase {
             'down': { text: 'Move Down', localizationId: 'AnalyticsCoreStringId.Cmd_MoveDown' },
             'up': { text: 'Move Up', localizationId: 'AnalyticsCoreStringId.Cmd_MoveUp' }
         };
+        this.addButtons = [];
+        this.moveButtons = [];
         this.width = 'auto';
         this.height = 726;
         this.popupCss = 'dxrd-parameters-edit-dialog';
@@ -27729,6 +27794,43 @@ class EditParametersDialog extends ParametersDialogBase {
                 });
             }
         };
+        this.addButtons.push({
+            onClick: () => this.addParameter(),
+            icon: 'dxrd-svg-actions-add_parameter',
+            iconClass: 'dx-image-add-parameter',
+            name: 'addParameter',
+            visible: true,
+            title: this.getDisplayTextButton('addParameter')
+        }, {
+            onClick: () => this.addGroup(),
+            icon: 'dxrd-svg-actions-add_group',
+            iconClass: 'dx-image-add-group',
+            name: 'addGroup',
+            visible: true,
+            title: this.getDisplayTextButton('addGroup')
+        }, {
+            onClick: () => this.addSeparator(),
+            icon: 'dxrd-svg-actions-add_separator',
+            iconClass: 'dx-image-add-separator',
+            name: 'addSeparator',
+            title: this.getDisplayTextButton('addSeparator'),
+            visible: true
+        });
+        this.moveButtons.push({
+            onClick: () => this.up(),
+            icon: 'dxrd-svg-operations-moveup',
+            iconClass: 'dx-image-moveup',
+            name: 'up',
+            title: this.getDisplayTextButton('up'),
+            visible: true
+        }, {
+            onClick: () => this.down(),
+            icon: 'dxrd-svg-operations-movedown',
+            iconClass: 'dx-image-movedown',
+            name: 'down',
+            title: this.getDisplayTextButton('down'),
+            visible: true,
+        });
     }
     dispose() {
         super.dispose();
@@ -27804,7 +27906,8 @@ class ParametersViewModel extends external_DevExpress_Analytics_Utils_namespaceO
             imageClassName: 'dxrd-image-edit',
             imageTemplateName: 'dxrd-svg-operations-edit',
             text: 'Edit parameter',
-            displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Edit parameter', 'ASPxReportsStringId.ReportDesigner_FieldListActions_EditParameter')
+            displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Edit parameter', 'ASPxReportsStringId.ReportDesigner_FieldListActions_EditParameter'),
+            canAddItems: true
         };
         this.parameters = report.parameters;
         this.remove = (parameter) => {
@@ -41419,11 +41522,8 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', height: 510 }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'height': 510 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: _propertiesGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._propertiesGrid }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: _settingsGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._settingsGrid }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: addParameter, icon: \'dxrd-svg-actions-add_parameter\', iconClass: \'dx-image-add-parameter\' }, attr: { title: getDisplayTextButton(\'addParameter\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addParameter, 'icon': 'dxrd-svg-actions-add_parameter', 'iconClass': 'dx-image-add-parameter' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addParameter') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: addGroup, icon: \'dxrd-svg-actions-add_group\', iconClass: \'dx-image-add-group\' }, attr: { title: getDisplayTextButton(\'addGroup\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addGroup, 'icon': 'dxrd-svg-actions-add_group', 'iconClass': 'dx-image-add-group' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addGroup') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: addSeparator, icon: \'dxrd-svg-actions-add_separator\', iconClass: \'dx-image-add-separator\' }, attr: { title: getDisplayTextButton(\'addSeparator\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addSeparator, 'icon': 'dxrd-svg-actions-add_separator', 'iconClass': 'dx-image-add-separator' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('addSeparator') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: up, disabled: isDisabledButton(\'up\'), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dx-image-moveup\' }, attr: { title: getDisplayTextButton(\'up\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.up, 'disabled': $context.$data.isDisabledButton('up'), 'icon': 'dxrd-svg-operations-moveup', 'iconClass': 'dx-image-moveup' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('up') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: down, disabled: isDisabledButton(\'down\'), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dx-image-movedown\' }, attr: { title: getDisplayTextButton(\'down\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.down, 'disabled': $context.$data.isDisabledButton('down'), 'icon': 'dxrd-svg-operations-movedown', 'iconClass': 'dx-image-movedown' }; }, 'attr': function () { return { 'title': $context.$data.getDisplayTextButton('down') }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: onClick, icon: icon, iconClass: iconClass }, attr: { title: title }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.onClick, 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$data.title }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: onClick, disabled: $parent.isDisabledButton(name), icon: icon, iconClass: iconClass }, attr: { title: title }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.onClick, 'disabled': $context.$parent.isDisabledButton($context.$data.name), 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$data.title }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: \'both\' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'scrollByContent': false, 'bounceEnabled': false, 'useNative': false, 'scrollByThumb': true, 'direction': 'both' }; }, 'dxAutoScrolling': function () { return { 'active': $context.$root.dx._static.DragDropHandler.started }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: contentEmptyAreaPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentEmptyAreaPlaceHolder; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: contentNoPropertiesPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentNoPropertiesPlaceHolder; } }; });
@@ -41431,10 +41531,13 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'text': $context.$data.displayName, 'disabled': $context.$data.disabled }); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) , showScroll: true, collapsed: false, alwaysShow: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'info': $context.$data.info, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'showScroll': true, 'collapsed': false, 'alwaysShow': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.getProperties({ 'level': $context.$data.level }) }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'addHandler': $context.$root.dx._static.LookUpValue.createNew, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'info': $context.$data.info, 'collapsed': false, 'showScroll': true, 'alwaysShow': true }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true, hideButtons: !ko.unwrap($root.canAddItems) }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'addHandler': $context.$root.dx._static.LookUpValue.createNew, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'info': $context.$data.info, 'collapsed': false, 'showScroll': true, 'alwaysShow': true, 'hideButtons': !$context.ko.unwrap($context.$root.canAddItems) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-parameters-dialog\', data: _addParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._addParametersDialog }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-parameters-dialog\', data: _editParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._editParametersDialog }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: _selectedParameterSettings', function ($context, $element) { return { 'if': function () { return $context.$data._selectedParameterSettings; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: addButtons', function ($context, $element) { return { 'foreach': function () { return $context.$data.addButtons; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: visible && ko.unwrap($root.canAddItems)', function ($context, $element) { return { 'if': function () { return $context.$data.visible && $context.ko.unwrap($context.$root.canAddItems); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: moveButtons', function ($context, $element) { return { 'foreach': function () { return $context.$data.moveButtons; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.contentVisible() && !$data.hasNoEditableProperties()', function ($context, $element) { return { 'if': function () { return $context.$data.contentVisible() && !$context.$data.hasNoEditableProperties(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-parameter-edit\'', function ($context, $element) { return { 'template': function () { return 'dxrd-parameter-edit'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !$data.contentVisible()', function ($context, $element) { return { 'if': function () { return !$context.$data.contentVisible(); } }; });
@@ -41542,10 +41645,10 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFieldListPicker: { displayValue: $displayName, value: value.fieldName, acceptCustomValue: true, path: $parents[1]._model() && $parents[1]._model().getPath(\'groupFields\') || \'\', itemsProvider: $root.dataBindingsProvider(), treeListController: new $root.dx._static.TreeListController(), disabled: disabled}', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'displayValue': $context.$data.$displayName, 'value': $context.$data.value.fieldName, 'acceptCustomValue': true, 'path': $context.$parents[1]._model() && $context.$parents[1]._model().getPath('groupFields') || '', 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': new $context.$root.dx._static.TreeListController(), 'disabled': $context.$data.disabled }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, undoEngine: $root.undoEngine, level: level, displayName: $root.getLocalization(displayName), info: info }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'addHandler': $context.$root.dx._static.LookUpValue.createNew, 'undoEngine': $context.$root.undoEngine, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'info': $context.$data.info }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.calculatedFieldsSource().createCalculatedField(\'\'); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.calculatedFieldsSource().createCalculatedField(''); } }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'level': $context.$data.level, 'info': $context.$data.info, '_accessibilityProvider': $context.ko.unwrap($context.$data._accessibilityProvider), 'addHandler': function () { return $context.$root.watermarks().createWatermark(); } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), allowEditItems: $root.canAddItems, level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'allowEditItems': $context.$root.canAddItems, 'level': $context.$data.level, 'info': $context.$data.info, '_accessibilityProvider': $context.ko.unwrap($context.$data._accessibilityProvider), 'addHandler': function () { return $context.$root.watermarks().createWatermark(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return $root.parameters().add(); }, removeHandler: function(parameter) { return $root.parameters().remove(parameter); }, undoEngine: $root.undoEngine }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$data.displayName, 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.parameters().add(); }, 'removeHandler': function (parameter) { return $context.$root.parameters().remove(parameter); }, 'undoEngine': $context.$root.undoEngine }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.dx._static.TableOfContentsLevel.createNew(_model()); } }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'displayName': $context.$root.getLocalization($context.$data.displayName), 'level': $context.$data.level, 'info': $context.$data.info, 'addHandler': function () { return $context.$root.dx._static.TableOfContentsLevel.createNew($context.$data._model()); } }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft() }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: getProperties({ level: level + 2 }) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.getProperties({ 'level': $context.$data.level + 2 }) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxNumberBox: getOptions({ value:generateValue($root.undoEngine), showSpinButtons:true, disabled:disabled, min:min, max:max }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.getOptions({ 'value': $context.$data.generateValue($context.$root.undoEngine), 'showSpinButtons': true, 'disabled': $context.$data.disabled, 'min': $context.$data.min, 'max': $context.$data.max }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxd-state-active\': bold(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.boldHasExpression }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.bold(), 'dx-disabled-button': $context.$parent.disabled, 'dxd-border-accented': $context.$data.boldHasExpression }; }, 'click': function () { return function () { if (!$context.$parent.disabled()) {
@@ -41906,14 +42009,14 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     '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-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-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>',
-    'dxrd-parameters-content': '<div class="dxrd-parameters-content"> <div class="dxrd-parameters-content-list-wrapper"> <div class="dx-collectioneditor-actions-wrapper"> <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addParameter, icon: \'dxrd-svg-actions-add_parameter\', iconClass: \'dx-image-add-parameter\' }, attr: { title: getDisplayTextButton(\'addParameter\') }"></div> <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addGroup, icon: \'dxrd-svg-actions-add_group\', iconClass: \'dx-image-add-group\' }, attr: { title: getDisplayTextButton(\'addGroup\') }"></div> <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: addSeparator, icon: \'dxrd-svg-actions-add_separator\', iconClass: \'dx-image-add-separator\' }, attr: { title: getDisplayTextButton(\'addSeparator\') }"></div> <div class="dx-collectioneditor-action-separator"></div> <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: up, disabled: isDisabledButton(\'up\'), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dx-image-moveup\' }, attr: { title: getDisplayTextButton(\'up\') }"></div> <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: down, disabled: isDisabledButton(\'down\'), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dx-image-movedown\' }, attr: { title: getDisplayTextButton(\'down\') }"></div> </div> <div class="dxrd-parameters-content-list dxd-border-primary" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: \'both\' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <!-- ko if: $data.visible --> <div data-bind="treelist: fieldListModel" class="dxrd-width-100 dxrd-height-100"></div> <!-- /ko --> </div> </div> <!-- ko if: $data.contentVisible() && !$data.hasNoEditableProperties() --> <!-- ko template: \'dxrd-parameter-edit\' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !$data.contentVisible() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentEmptyAreaPlaceHolder"></div> </div> <!-- /ko --> <!-- ko if: $data.hasNoEditableProperties() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentNoPropertiesPlaceHolder"></div> </div> <!-- /ko --> </div>',
+    'dxrd-parameters-content': '<div class="dxrd-parameters-content"> <div class="dxrd-parameters-content-list-wrapper"> <div class="dx-collectioneditor-actions-wrapper"> <!-- ko foreach: addButtons --> <!-- ko if: visible && ko.unwrap($root.canAddItems) --> <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, icon: icon, iconClass: iconClass }, attr: { title: title }"></div> <!-- /ko --> <!-- /ko --> <div class="dx-collectioneditor-action-separator"></div> <!-- ko foreach: moveButtons --> <!-- ko if: visible && ko.unwrap($root.canAddItems) --> <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, disabled: $parent.isDisabledButton(name), icon: icon, iconClass: iconClass }, attr: { title: title }"></div> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-parameters-content-list dxd-border-primary" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: \'both\' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <!-- ko if: $data.visible --> <div data-bind="treelist: fieldListModel" class="dxrd-width-100 dxrd-height-100"></div> <!-- /ko --> </div> </div> <!-- ko if: $data.contentVisible() && !$data.hasNoEditableProperties() --> <!-- ko template: \'dxrd-parameter-edit\' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !$data.contentVisible() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentEmptyAreaPlaceHolder"></div> </div> <!-- /ko --> <!-- ko if: $data.hasNoEditableProperties() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentNoPropertiesPlaceHolder"></div> </div> <!-- /ko --> </div>',
     'dxrd-parameter-editing-collection-item': '<div class="dxrd-parameter-editing-collection-item" data-bind="text: $data.value().name"></div>',
-    'dxrd-parameters-checkbox': '<!-- ko if: $data.visible --> <div class="dx-field dxrd-parameters-checkbox"> <div class="dx-field-value"> <div class="propertygrid-editor-checkbox" data-bind="dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })"></div> </div> </div> <!-- /ko -->',
+    'dxrd-parameters-checkbox': '<!-- ko if: $data.visible --><div class="dx-field dxrd-parameters-checkbox"> <div class="dx-field-value"> <div class="propertygrid-editor-checkbox" data-bind="dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })"></div> </div></div><!-- /ko -->',
     'dxrd-parameters-range-grid': '<div class="dx-editor dxrd-parameter-group-editor dxrd-parameters-group-offset" data-bind="visible: visible"> <div class="dx-group"> <div class="dx-editor-header"> <div class="dx-field"> <div class="dx-field-label dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\' }"> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> </div> </div> </div> <div class="dx-editor-content dx-accordion-content"> <!-- ko if: editorCreated && visible --> <div data-bind="template: { name: \'dx-propertieseditor\', data: viewmodel }"></div> <!-- /ko --> </div> </div> </div>',
-    'dxrd-multivalue-editing': '<!-- ko if: ko.unwrap($data.value) && ko.unwrap($data.visible) --> <div class="dxrd-editor dxrd-parameter-group-editor"> <div class="dxrd-parameter-values-collectioneditor" data-bind="dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) , showScroll: true, collapsed: false, alwaysShow: true }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }"></div> </div> </div> <!-- /ko -->',
-    'dxrd-lookUpValues-editing': '<div class="dxrd-editor dxrd-parameter-group-editor dxrd-parameters-group-offset" data-bind="visible: visible"> <div class="dxrd-lookup-values-collectioneditor" data-bind="dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }"></div> </div> </div>',
+    'dxrd-multivalue-editing': '<!-- ko if: ko.unwrap($data.value) && ko.unwrap($data.visible) --><div class="dxrd-editor dxrd-parameter-group-editor"> <div class="dxrd-parameter-values-collectioneditor" data-bind="dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) , showScroll: true, collapsed: false, alwaysShow: true }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }"></div> </div></div><!-- /ko -->',
+    'dxrd-lookUpValues-editing': '<div class="dxrd-editor dxrd-parameter-group-editor dxrd-parameters-group-offset" data-bind="visible: visible"> <div class="dxrd-lookup-values-collectioneditor" data-bind="dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true, hideButtons: !ko.unwrap($root.canAddItems) }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level }) }"></div> </div> </div>',
     'dxrd-report-dialog-template': '<div data-bind="dxPopup: { showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, disabled: disabled, toolbarItems: buttons, showCloseButton: true, container: container($element), wrapperAttr: { class: \'dxrd-reportdialog dx-editors dx-widget\' }, position: { of: container($element) }}"> <!-- ko template: { name: template, data: model } --> <!-- /ko --> <!-- ko if: disabled --> <div data-bind="dxLoadPanel: { visible:true, container: container($element), position: { of: container($element) } }"></div> <!-- /ko --> </div>',
     'dxrd-report-dialog-converter-template': '<div data-bind="dxPopup: { showTitle: true, minWidth: 530, height: popupOptions.height, width: \'auto\', title: popupOptions.title, visible: popupOptions.visible, toolbarItems: popupOptions.buttons, showCloseButton: true, wrapperAttr: { class: \'dxrd-reportdialog dxrd-reportdialog-converter dx-editors dx-widget\' }, container: popupOptions.container($element), position: { of: popupOptions.container($element) }}"> <div class="dxrd-reportdialog-converter-content"> <div class="dxrd-image-exlamation-icons" data-bind="template: \'dxrd-svg-wizard-warning\'"></div> <div class="dxrd-reportdialog-content-text"> <div class="dxrd-reportdialog-content-confirm-message" data-bind="text: popupOptions.confirmMessage"></div> <!-- ko if: popupOptions.infoMessage --> <div class="dxrd-reportdialog-content-info-message" data-bind="text: popupOptions.infoMessage"></div> <!-- /ko --> <!-- ko if: popupOptions.linkText --> <a class="dxrd-reportdialog-toggle-link dxd-hyperlink-color dxd-text-accented" data-bind="text: popupOptions.linkText, attr: {href: popupOptions.linkUrl, target: \'_blank\' }"></a> <!-- /ko --> </div> </div> </div>',
     'dxrd-savereport-dialog-content': '<div class="dxrd-reportdialog-content"> <div class="dx-fieldset"> <div class="dx-field dxd-back-primary"> <div data-bind="dxTextBox: { value: $data.reportName, height: 36, placeholder: reportNamePlaceholder(), valueChangeEvent: \'keyup\' }"></div> </div> </div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-reportdialog-urls" data-bind="dxList: { dataSource: urls, selectedItems: [], editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportName(e.itemData.Value); }, activeStateEnabled: false, noDataText: $data.noDataText, encodeNoDataText: true, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\') }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }"> <div data-bind="text: $data.Value"></div> </div> </div> </div> </div>',
@@ -41957,10 +42060,10 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-lookUpValues': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, undoEngine: $root.undoEngine, level: level, displayName: $root.getLocalization(displayName), info: info }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties() }"></div> </div> </div>',
     'dxrd-parameterContent': '<div data-bind="template: { name: \'dx-propertieseditor\', data: viewmodel }"></div>',
     'dxrd-calculatedFields': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.calculatedFieldsSource().createCalculatedField(\'\'); } }"> </div> </div>',
-    'dxrd-watermarks': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }"> </div> </div>',
+    'dxrd-watermarks': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), allowEditItems: $root.canAddItems, level: level, info: info, _accessibilityProvider: ko.unwrap(_accessibilityProvider), addHandler: function() { return $root.watermarks().createWatermark(); } }"> </div> </div>',
     'dxrd-parameters': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return $root.parameters().add(); }, removeHandler: function(parameter) { return $root.parameters().remove(parameter); }, undoEngine: $root.undoEngine }"> </div> </div>',
     'dxrd-levelCollection': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, addHandler: function() { return $root.dx._static.TableOfContentsLevel.createNew(_model()); } }"> </div> </div>',
-    'dxrd-collectionItemWithAccordion': '<div class="dxrd-accordion-collection-item" data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dxrd-group-header dx-accordion-header dxd-text-primary"> <div data-bind="styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }"> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <div class="dx-group-header-font dxd-text-primary dxrd-display-inline-block" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div> </div> </div> <div class="dx-accordion-content dxd-back-primary"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level + 2 }) }"></div> </div> </div>',
+    'dxrd-collectionItemWithAccordion': '<div class="dxrd-accordion-collection-item" data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dxrd-group-header dx-accordion-header dxd-text-primary"> <div data-bind="styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft() }"> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <div class="dx-group-header-font dxd-text-primary dxrd-display-inline-block" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div> </div> </div> <div class="dx-accordion-content dxd-back-primary"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ level: level + 2 }) }"></div> </div> </div>',
     'dx-numeric-undo': '<div data-bind="dxNumberBox: getOptions({ value:generateValue($root.undoEngine), showSpinButtons:true, disabled:disabled, min:min, max:max }), dxValidator: { validationRules: validationRules || [] }"></div>',
     '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 -->',