devexpress-reporting 24.1.1-alpha-2485-0223 → 24.1.3

package/dx-designer-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -434,11 +434,8 @@ addToBindingsCache('css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors d
 addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', height: 510 }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'height': 510 }; } }; });
 addToBindingsCache('template: { name: \'dx-propertieseditor\', data: _propertiesGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._propertiesGrid }; } }; });
 addToBindingsCache('template: { name: \'dx-propertieseditor\', data: _settingsGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._settingsGrid }; } }; });
-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') }; } }; });
-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') }; } }; });
-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') }; } }; });
-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') }; } }; });
-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') }; } }; });
+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 }; } }; });
+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 }; } }; });
 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 }; } }; });
 addToBindingsCache('text: contentEmptyAreaPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentEmptyAreaPlaceHolder; } }; });
 addToBindingsCache('text: contentNoPropertiesPlaceHolder', function ($context, $element) { return { 'text': function () { return $context.$data.contentNoPropertiesPlaceHolder; } }; });
@@ -446,10 +443,13 @@ addToBindingsCache('text: $data.value().name', function ($context, $element) { r
 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 }); } }; });
 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 }; } }; });
 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 }) }; } }; });
-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 }; } }; });
+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) }; } }; });
 addToBindingsCache('template: { name: \'dxrd-parameters-dialog\', data: _addParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._addParametersDialog }; } }; });
 addToBindingsCache('template: { name: \'dxrd-parameters-dialog\', data: _editParametersDialog }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-parameters-dialog', 'data': $context.$data._editParametersDialog }; } }; });
 addToBindingsCache('if: _selectedParameterSettings', function ($context, $element) { return { 'if': function () { return $context.$data._selectedParameterSettings; } }; });
+addToBindingsCache('foreach: addButtons', function ($context, $element) { return { 'foreach': function () { return $context.$data.addButtons; } }; });
+addToBindingsCache('if: visible && ko.unwrap($root.canAddItems)', function ($context, $element) { return { 'if': function () { return $context.$data.visible && $context.ko.unwrap($context.$root.canAddItems); } }; });
+addToBindingsCache('foreach: moveButtons', function ($context, $element) { return { 'foreach': function () { return $context.$data.moveButtons; } }; });
 addToBindingsCache('if: $data.contentVisible() && !$data.hasNoEditableProperties()', function ($context, $element) { return { 'if': function () { return $context.$data.contentVisible() && !$context.$data.hasNoEditableProperties(); } }; });
 addToBindingsCache('template: \'dxrd-parameter-edit\'', function ($context, $element) { return { 'template': function () { return 'dxrd-parameter-edit'; } }; });
 addToBindingsCache('if: !$data.contentVisible()', function ($context, $element) { return { 'if': function () { return !$context.$data.contentVisible(); } }; });
@@ -539,9 +539,9 @@ addToBindingsCache('text: $root.getLocalization(displayValue, localizationId), a
 addToBindingsCache('dxSelectBox: getEditorOptions($root.dataSourceHelper, $root.undoEngine, $root.getPopupContainer($element))', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getEditorOptions($context.$root.dataSourceHelper, $context.$root.undoEngine, $context.$root.getPopupContainer($element)); } }; });
 addToBindingsCache('dxSelectBox: { items: generateValue($root.bands), value: value, displayExpr: \'displayName\', valueExpr: \'value\', displayCustomValue: true, disabled: disabled, placeholder: $root.getLocalization(\'(none)\', \'ChartStringId.WizNoBackImage\'), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.generateValue($context.$root.bands), 'value': $context.$data.value, 'displayExpr': 'displayName', 'valueExpr': 'value', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'placeholder': $context.$root.getLocalization('(none)', 'ChartStringId.WizNoBackImage'), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('visible: visible, styleunit: { \'marginLeft\' : padding }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'styleunit': function () { return { 'marginLeft': $context.$data.padding }; } }; });
-addToBindingsCache('dxCheckBox: { value: value().selected, disabled: editor.disabled }, dxclick: function(_, event) { event.stopPropagation(); }', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.value().selected, 'disabled': $context.$data.editor.disabled }; }, 'dxclick': function () { return function (_, event) { event.stopPropagation(); }; } }; });
-addToBindingsCache('text: value().name, attr: { title: value().name }', function ($context, $element) { return { 'text': function () { return $context.$data.value().name; }, 'attr': function () { return { 'title': $context.$data.value().name }; } }; });
-addToBindingsCache('dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: level + 1, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'editorsInfo': { 'editors': $context.$root.dx._static.formattingRuleSerializationsInfo }, 'level': $context.$data.level + 1, 'parentDisabled': $context.$data.editor.disabled }; } }; });
+addToBindingsCache('dxCheckBox: { value: value.selected, disabled: disabled }, dxclick: function(_, event) { event.stopPropagation(); }', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.value.selected, 'disabled': $context.$data.disabled }; }, 'dxclick': function () { return function (_, event) { event.stopPropagation(); }; } }; });
+addToBindingsCache('text: value.name, attr: { title: value.name }', function ($context, $element) { return { 'text': function () { return $context.$data.value.name; }, 'attr': function () { return { 'title': $context.$data.value.name }; } }; });
+addToBindingsCache('template: { name: \'dx-propertieseditor\', data: getProperties({ editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: level + 1, disabled: disabled }) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.getProperties({ 'editorsInfo': { 'editors': $context.$root.dx._static.formattingRuleSerializationsInfo }, 'level': $context.$data.level + 1, 'disabled': $context.$data.disabled }) }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: wrapValues($root.displayNameProvider), value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }, dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.wrapValues($context.$root.displayNameProvider), 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.model, disabled, $root.getPopupContainer($element))', function ($context, $element) { return { 'dxSelectBox': function () { return new $context.$root.dx._static.StylesEditorHeaderModel($context.$data.value, $context.$root.model, $context.$data.disabled, $context.$root.getPopupContainer($element)); } }; });
 addToBindingsCache('dxStylesEditor: { styleName: value, styles: $root.styles() }', function ($context, $element) { return { 'dxStylesEditor': function () { return { 'styleName': $context.$data.value, 'styles': $context.$root.styles() }; } }; });
@@ -557,10 +557,10 @@ addToBindingsCache('dxButtonWithTemplate: { onClick: value.changeSortOrder, icon
 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 }; } }; });
 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 }; } }; });
 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(''); } }; } }; });
-addToBindingsCache('dxCollectionEditor: { values: value, displayName: $root.getLocalization(displayName), level: level, info: info, 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, 'addHandler': function () { return $context.$root.watermarks().createWatermark(); } }; } }; });
-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 }; } }; });
+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(); } }; } }; });
+addToBindingsCache('dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return $root.parameters().add(); }, removeHandler: function(parameter) { return $root.parameters().remove(parameter); }, allowEditItems: $root.parameterEditingSettings.allowEditParameterCollection, allowReorderItems: $root.parameterEditingSettings.allowReorderParameters, 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); }, 'allowEditItems': $context.$root.parameterEditingSettings.allowEditParameterCollection, 'allowReorderItems': $context.$root.parameterEditingSettings.allowReorderParameters, 'undoEngine': $context.$root.undoEngine }; } }; });
 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()); } }; } }; });
-addToBindingsCache('styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft }; } }; });
+addToBindingsCache('styleunit: {\'paddingLeft\': padding + $root.dx._static.propertiesGridEditorsPaddingLeft() }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingLeft': $context.$data.padding + $context.$root.dx._static.propertiesGridEditorsPaddingLeft() }; } }; });
 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 }) }; } }; });
 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 || [] }; } }; });
 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()) {

package/dx-designer-templates.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -115,12 +115,12 @@ SvgTemplatesEngine.addTemplates({
     '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>',
-    '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-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-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>',
@@ -138,7 +138,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-toolbar-two-way-switch-clickable': '<div role="button" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="visible: $data.visible, attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-pressed\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }" > <div data-bind="text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }"></div> </div>',
     'dxrd-context-menu': '<div data-bind="dxContextMenu: $data.contextMenu"></div>',
     'dxrd-expression-action': '<div data-bind="dxclick: function() { $root.activateExpressionEditor($data); }"> <span class="dxd-text-primary dx-menu-item-text" data-bind="attr: { title: title }, text: title"></span> <div class="dx-menu-item-popout-container" data-bind="visible: $data.items && $data.items.length"> <div class="dx-menu-item-popout"></div> </div> </div>',
-    'dxrd-expression-editor-addon': '<div class="dxrd-editormenu-box dxd-property-grid-menu-box-color dxrd-editor-box-image" data-bind="cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss"> <div class="dxrd-editor-box-image-content" data-bind="template: { name: $data.imageTemplateName, if: ko.unwrap($data.imageTemplateName) }"></div> </div>',
+    'dxrd-expression-editor-addon': '<div class="dxrd-editormenu-box dxd-property-grid-menu-box-color dxrd-editor-box-image" data-bind=" cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss" > <div class="dxrd-editor-box-image-content" data-bind="template: { name: $data.imageTemplateName, if: ko.unwrap($data.imageTemplateName) }"></div> </div>',
     'dxrd-activated-expressioneditor': '<!-- ko if: !!$data --> <!-- ko template: \'dxrd-expressioneditor-popup\' --> <!-- /ko --> <!-- /ko -->',
     'dxrd-expressioneditor-popup': '<div data-bind="dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, onResize: function() { $data.resizeAceEditor() }, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }"> <div class="dxrd-expressioneditor-popup-content"> <div class="dxrd-expressioneditor-properties dx-expressioneditor-properties dxd-back-primary2" data-bind="resizable: resizeHelper.resizable($root.resizeHandler, \'e\')"> <div class="dxrd-expressioneditor-properties-content-wrapper dxd-border-secondary " data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko foreach: properties --> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted dxrd-padding-left-17px" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }" > <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, attr: { title: displayName }, css: { \'dxrd-expressioneditor-property-binded\': isBinded() }"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko with: $data.adapter --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }"></div> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dx-expressioneditor-report-items': '<!-- ko template: { name: \'dx-expressioneditor-fields\', data: $data } --> <!-- /ko -->',
@@ -149,7 +149,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-checkbox-style-combobox': '<div data-bind="dxLocalizedSelectBox: { dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }, dxValidator: { validationRules: $data.validationRules || [] }"> <div class="dxrd-checkbox-style-combobox-item" data-options="dxTemplate: { name: \'item\' }"> <div class="dxrd-checkbox-style-combobox-item-icons" data-bind="foreach: [\'Unchecked\',\'Checked\',\'Indeterminate\']"> <!-- ko template: $parent.templateBinding(\'dxrd-svg-checkboxglyphs-\' + $parent.value + \'_\' + $data) --> <!-- /ko --> </div> <span data-bind="text: $root.getLocalization(displayValue, localizationId), attr: { title: $root.getLocalization(displayValue, localizationId) }"></span> </div> </div>',
     'dxrd-datasource': '<div data-bind="dxSelectBox: getEditorOptions($root.dataSourceHelper, $root.undoEngine, $root.getPopupContainer($element))"></div>',
     'dxrd-bands': '<div data-bind="dxSelectBox: { items: generateValue($root.bands), value: value, displayExpr: \'displayName\', valueExpr: \'value\', displayCustomValue: true, disabled: disabled, placeholder: $root.getLocalization(\'(none)\', \'ChartStringId.WizNoBackImage\'), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div>',
-    'dxrd-formattingRuleCollection': '<div class="dxrd-editor dxrd-formatting-rule-collection-editor" data-bind="visible: visible, styleunit: { \'marginLeft\' : padding }"> <div data-bind="dxCollectionEditor: options"> <div data-bind="dxdAccordion: { collapsed: collapsed }"> <div class="dxrd-group-header dx-accordion-header dxd-text-primary"> <div class="dxrd-formatting-rule-checkbox" data-bind="dxCheckBox: { value: value().selected, disabled: editor.disabled }, dxclick: function(_, event) { event.stopPropagation(); }"></div> <div class="dxrd-formatting-rule-collapsed dx-collapsing-image" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed() }"></div> <div class="dxrd-formatting-rule-displayName"> <div class="propertygrid-editor-displayName" data-bind="text: value().name, attr: { title: value().name }"></div> </div> </div> <div class="dx-accordion-content dxd-back-primary"> <div data-bind="dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: level + 1, parentDisabled: editor.disabled }"></div> </div> </div> </div> </div>',
+    'dxrd-formattingRuleCollection': '<div class="dxrd-editor dxrd-formatting-rule-collection-editor" data-bind="visible: visible, styleunit: { \'marginLeft\' : padding }"> <div data-bind="dxCollectionEditor: options"> <div data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dxrd-group-header dx-accordion-header dxd-text-primary"> <div class="dxrd-formatting-rule-checkbox" data-bind="dxCheckBox: { value: value.selected, disabled: disabled }, dxclick: function(_, event) { event.stopPropagation(); }"></div> <div class="dxrd-formatting-rule-collapsed dx-collapsing-image" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <div class="dxrd-formatting-rule-displayName"> <div class="propertygrid-editor-displayName" data-bind="text: value.name, attr: { title: value.name }"></div> </div> </div> <div class="dx-accordion-content dxd-back-primary"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties({ editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: level + 1, disabled: disabled }) }"></div> </div> </div> </div> </div>',
     'dxrd-fields-combobox': '<div data-bind="dxSelectBox: { dataSource: wrapValues($root.displayNameProvider), value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }, dxValidator: { validationRules: $data.validationRules || [] }"></div>',
     'dxrd-style': '<div data-bind="dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.model, disabled, $root.getPopupContainer($element))"></div>',
     'dxrd-styleContent': '<!-- ko if: value--> <div data-bind="dxStylesEditor: { styleName: value, styles: $root.styles() }"></div> <!--/ko -->',
@@ -164,10 +164,10 @@ SvgTemplatesEngine.addTemplates({
     '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, 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-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); }, allowEditItems: $root.parameterEditingSettings.allowEditParameterCollection, allowReorderItems: $root.parameterEditingSettings.allowReorderParameters, 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 -->',

package/dx-reportdesigner-imports.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner-imports.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner-imports.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner-imports.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reportdesigner.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-bindings.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-svg-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-bindings.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -254,6 +254,7 @@ addToBindingsCache('template: \'dxrd-svg-reportexplorer-tablecell\'', function (
 addToBindingsCache('template: \'dxrd-svg-reportexplorer-tablerow\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-tablerow'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-area\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-area3d\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area3d'; } }; });
+addToBindingsCache('template: \'dxrd-svg-series-boxplot\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-boxplot'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-bubbles\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-bubbles'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-candle_stick\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-candle_stick'; } }; });
 addToBindingsCache('template: \'dxrd-svg-series-doughnut\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-doughnut'; } }; });

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-templates.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-svg-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-svg-templates.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -255,6 +255,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-svg-reportexplorer-tablerow': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M16 8H2v8h20V8h-6zm-8 6H4v-4h4v4zm6 0h-4v-4h4v4zm6 0h-4v-4h4v4z"/><path class="dxd-icon-fill dxd-opacity-80" d="M4 8V4h4v4h2V4h4v4h2V4h4v4h2V2H2v6zM20 16v4h-4v-4h-2v4h-4v-4H8v4H4v-4H2v6h20v-6z"/></svg>',
     'dxrd-svg-series-area': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M2 20v-4l8-8 4 4 8-8v16z"/></svg>',
     'dxrd-svg-series-area3d': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M8 12v2h4v2H8v2h4v2H8v2h6V12zM20 12h-4v10h4l2-2v-6l-2-2zm0 8h-2v-6h2v6z"/><path class="dxd-icon-fill" d="M12 8L8 4l-8 8v4h6v-6h14V0z"/></svg>',
+    'dxrd-svg-series-boxplot': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#606060" fill-rule="evenodd" d="M15 0h6v2h-2v4h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v3h2v2h-6v-2h2v-3h-2a2 2 0 01-2-2V8a2 2 0 012-2h2V2h-2V0zm6 8h-6v6h6V8zM3 6h6v2H7v3h2a2 2 0 012 2v4a2 2 0 01-2 2H7v3h2v2H3v-2h2v-3H3a2 2 0 01-2-2v-4a2 2 0 012-2h2V8H3V6zm0 7h6v4H3v-4z" clip-rule="evenodd"/><path fill="#606060" d="M7 3H5v2h2V3zM5 0h2v2H5V0zm14 22h-2v2h2v-2z"/></svg>',
     'dxrd-svg-series-bubbles': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><circle class="dxd-icon-fill" cx="8" cy="4" r="2"/><circle class="dxd-icon-fill" cx="16" cy="10" r="4"/><circle class="dxd-icon-fill" cx="7" cy="19" r="3"/></svg>',
     'dxrd-svg-series-candle_stick': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M18 4V2h-2v2h-2v16h2v2h2v-2h2V4h-2zm0 14h-2V6h2v12zM8 2H6v2H4v16h2v2h2v-2h2V4H8z"/></svg>',
     'dxrd-svg-series-doughnut': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M5.1 10C5.5 7 7 5.5 10 5.1V0C5 .5.5 5 0 10h5.1zM12 5.1c3 .5 5 2.9 5 5.9 0 1.3-.4 2.5-1.1 3.5l3.6 3.6c1.5-2 2.5-4.4 2.5-7.1C22 5.3 18 .5 12 0v5.1zM14.5 15.9c-1 .7-2.2 1.1-3.5 1.1-3 0-5.4-2-5.9-5H0c.5 6 5.2 10 11 10 2.7 0 5.1-1 7-2.6l-3.5-3.5z"/></svg>',

package/dx-reporting-version.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-version.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-reporting-version.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress HTML/JS Reporting (dx-reporting-version.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-export const version = '24.1.0';
+export const version = '24.1.3';

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-bindings.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-rich-edit-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-bindings.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-templates.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-rich-edit-templates.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-rich-edit-templates.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-richedit.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-richedit.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-richedit.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-richedit.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-viewer-bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-viewer-bindings.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-viewer-bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-viewer-bindings.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -105,7 +105,7 @@ addToBindingsCache('if: printingTexts.postfix', function ($context, $element) {
 addToBindingsCache('text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Export Options', 'DevExpress.XtraReports.UI.XtraReport.ExportOptions'); } }; });
 addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 addToBindingsCache('dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
-addToBindingsCache('dxMenu: { wrapperAttr: { 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\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\' }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled, 'items': $context.$data.widget.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.click, 'onSubmenuShowing': $context.$data.widget.onSubmenuShowing($context.$data.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.widget.onSubmenuShown, 'onSubmenuHiding': $context.$data.widget.onSubmenuHiding, 'onItemRendered': $context.$data.widget.onItemRendered, 'tabIndex': '-1' }; } }; });
+addToBindingsCache('dxMenu: { 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\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', focusStateEnabled: false }', function ($context, $element) { return { 'dxMenu': function () { return { 'elementAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled, 'items': $context.$data.widget.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.click, 'onSubmenuShowing': $context.$data.widget.onSubmenuShowing($context.$data.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.widget.onSubmenuShown, 'onSubmenuHiding': $context.$data.widget.onSubmenuHiding, 'onItemRendered': $context.$data.widget.onItemRendered, 'tabIndex': '-1', 'focusStateEnabled': false }; } }; });
 addToBindingsCache('attr: { title: text }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.text }; } }; });
 addToBindingsCache('css: imageClassName, template: imageTemplateName', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return $context.$data.imageTemplateName; } }; });
 addToBindingsCache('template: { name: \'dx-propertieseditor\', data: propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });
@@ -163,7 +163,7 @@ addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false
 addToBindingsCache('visible: model.showButtons', function ($context, $element) { return { 'visible': function () { return $context.$data.model.showButtons; } }; });
 addToBindingsCache('dxLoadIndicator: { visible: model.parametersLoading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.model.parametersLoading }; } }; });
 addToBindingsCache('dxButton: $data', function ($context, $element) { return { 'dxButton': function () { return $context.$data; } }; });
-addToBindingsCache('dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true, onKeyUp: widget.onKeyUp, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'opened': $context.$data.widget.opened, 'displayExpr': $context.$data.widget.displayExpr, 'useItemTextAsTitle': true, 'onKeyUp': $context.$data.widget.onKeyUp, 'itemTemplate': $context.$data.widget.itemTemplate, 'searchMode': $context.$data.widget.searchMode, 'searchEnabled': $context.$data.widget.searchEnabled, 'searchTimeout': $context.$data.widget.searchTimeout, 'disabled': $context.$data.widget.disabled, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'wrapperAttr': $context.$data.widget.wrapperAttr }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
+addToBindingsCache('dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, useItemTextAsTitle: true, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'displayExpr': $context.$data.widget.displayExpr, 'useItemTextAsTitle': true, 'itemTemplate': $context.$data.widget.itemTemplate, 'searchMode': $context.$data.widget.searchMode, 'searchEnabled': $context.$data.widget.searchEnabled, 'searchTimeout': $context.$data.widget.searchTimeout, 'disabled': $context.$data.widget.disabled, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'wrapperAttr': $context.$data.widget.wrapperAttr }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap'); } }; });
 addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
 addToBindingsCache('treelist: treeListOptions', function ($context, $element) { return { 'treelist': function () { return $context.$data.treeListOptions; } }; });
@@ -212,7 +212,10 @@ addToBindingsCache('dxrvDateRangeEditor: {value: value }', function ($context, $
 addToBindingsCache('template: { name: popupTemplate, data: popupModel }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupTemplate, 'data': $context.$data.popupModel }; } }; });
 addToBindingsCache('foreach: predefinedRanges.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.predefinedRanges.items; } }; });
 addToBindingsCache('dxTemplate:{ name:\'select_cell\' }', function () { return { dxTemplate: { name: 'select_cell' } }; });
-addToBindingsCache('template: { name: \'dxrd-propertieseditor\', data: viewmodel }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data.viewmodel }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });
+addToBindingsCache('css: { \'dx-rtl\' : viewmodel.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-rtl': $context.$data.viewmodel.rtl }; } }; });
+addToBindingsCache('style: { \'display\': showHorizontally ? \'flex\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.showHorizontally ? 'flex' : 'block' }; } }; });
+addToBindingsCache('template: { name: \'dxrd-propertieseditor\', data: $data }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });
+addToBindingsCache('foreach: viewmodel.editors', function ($context, $element) { return { 'foreach': function () { return $context.$data.viewmodel.editors; } }; });
 addToBindingsCache('dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId }, 'disabled': $context.$data.disabled, 'selectAllText': $context.$data.selectAllText, 'placeholder': $context.$data.placeholder, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'boundary': $context.$data.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 addToBindingsCache('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }', 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) }; } }; });
 addToBindingsCache('dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.alwaysShow, 'setCollapsed': $context.$data.setCollapsed, 'getCollapsed': $context.$data.getCollapsed, 'setCollapsedChangedEvent': $context.$data.setCollapsedChangedEvent }; } }; });
@@ -221,8 +224,7 @@ addToBindingsCache('attr: { role: \'treeitem\', \'id\': isComplexEditor && heade
 addToBindingsCache('styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader', 'dxd-back-secondary': $context.$data.isGroupLabel, 'dx-accordion-hide-collapsing-image': $context.$data.alwaysShow }; } }; });
 addToBindingsCache('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
 addToBindingsCache('text: displayName, attr: { \'title\': displayName }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
-addToBindingsCache('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-field-label-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified ? 'Bold' : '' }; } }; });
-addToBindingsCache('text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified ? 'Bold' : '' }; } }; });
+addToBindingsCache('text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: ko.unwrap(isPropertyModified) ? \'Bold\' : \'\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.ko.unwrap($context.$data.isPropertyModified) ? 'Bold' : '' }; } }; });
 addToBindingsCache('ifnot: $data.hideEditorHeader', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideEditorHeader; } }; });
 addToBindingsCache('ifnot: $data.alwaysShow', function ($context, $element) { return { 'ifnot': function () { return $context.$data.alwaysShow; } }; });
 addToBindingsCache('zoom: painter.scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.painter.scale; } }; });

package/dx-viewer-templates.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-viewer-templates.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */