npm - devexpress-reporting - Versions diffs - 25.1.1-alpha → 25.1.3 - Mend

devexpress-reporting 25.1.1-alpha → 25.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1474) hide show

package/dx-designer-bindings.generated.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.generated.d.ts)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-bindings.generated.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-bindings.generated.js)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -335,8 +335,13 @@ addToBindingsCache('with: propertyGrid', function ($context, $element) { return
 addToBindingsCache('foreach: getEditors()', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(); } }; });
 addToBindingsCache('dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.ko.observable($context.$data.tableInfoItems), 'displayName': $context.$root.getLocalization('Filter Criteria', 'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle'), 'hideButtons': true }; } }; });
 addToBindingsCache('text: tableName', function ($context, $element) { return { 'text': function () { return $context.$data.tableName; } }; });
-addToBindingsCache('dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.filterString, 'fieldListProvider': $context.$root.dataBindingsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath }; } }; });
+addToBindingsCache('dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, aiExpressionGenerator: $root.aiExpressionGenerator }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.filterString, 'fieldListProvider': $context.$root.dataBindingsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'aiExpressionGenerator': $context.$root.aiExpressionGenerator }; } }; });
 addToBindingsCache('if: $data.filterString() !== null', function ($context, $element) { return { 'if': function () { return $context.$data.filterString() !== null; } }; });
+addToBindingsCache('dxButtonWithTemplate: { onClick: showPreviewWithFakeData, text: fakePreviewButtonText, icon: \'dxrd-svg-operations-ai\', iconClass: \'dx-image-ai\' }, attr: { title: fakePreviewButtonTitle }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.showPreviewWithFakeData, 'text': $context.$data.fakePreviewButtonText, 'icon': 'dxrd-svg-operations-ai', 'iconClass': 'dx-image-ai' }; }, 'attr': function () { return { 'title': $context.$data.fakePreviewButtonTitle }; } }; });
+addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });
+addToBindingsCache('if: model.visible', function ($context, $element) { return { 'if': function () { return $context.$data.model.visible; } }; });
+addToBindingsCache('with: model', function ($context, $element) { return { 'with': function () { return $context.$data.model; } }; });
+addToBindingsCache('if: fakePreviewButtonVisible', function ($context, $element) { return { 'if': function () { return $context.$data.fakePreviewButtonVisible; } }; });
 addToBindingsCache('style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }', function ($context, $element) { return { 'style': function () { return { 'height': $context.$data.height() + 'px', 'width': $context.$data.width() + 'px' }; }, 'attr': function () { return { 'viewBox': '0 0 ' + $context.$data.width() + ' ' + $context.$data.height() }; } }; });
 addToBindingsCache('attr: { x1: coordVal, x2: coordVal }, visible: visible', function ($context, $element) { return { 'attr': function () { return { 'x1': $context.$data.coordVal, 'x2': $context.$data.coordVal }; }, 'visible': function () { return $context.$data.visible; } }; });
 addToBindingsCache('attr: { y1: coordVal, y2: coordVal }, visible: visible', function ($context, $element) { return { 'attr': function () { return { 'y1': $context.$data.coordVal, 'y2': $context.$data.coordVal }; }, 'visible': function () { return $context.$data.visible; } }; });
@@ -345,11 +350,9 @@ addToBindingsCache('foreach: horizontalGridLines', function ($context, $element)
 addToBindingsCache('foreach: majorVerticalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorVerticalGridLines; } }; });
 addToBindingsCache('foreach: majorHorizontalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorHorizontalGridLines; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.controlsStore.dataSource, 'value': $context.$root.editableObject, 'displayExpr': function (value) { var showValue = value || $context.$root.editableObject(); return $context.$root.dx._static.getControlFullName(showValue); }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
-addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });
-addToBindingsCache('with: model', function ($context, $element) { return { 'with': function () { return $context.$data.model; } }; });
 addToBindingsCache('if: $root.controlsStore.visible()', function ($context, $element) { return { 'if': function () { return $context.$root.controlsStore.visible(); } }; });
 addToBindingsCache('template: \'dx-propertieseditor\'', function ($context, $element) { return { 'template': function () { return 'dx-propertieseditor'; } }; });
-addToBindingsCache('visible: !inRenameMode && (isSelected || isHovered)', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); } }; });
+addToBindingsCache('visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); }, 'click': function () { return function (s, e) { e.stopPropagation(); }; } }; });
 addToBindingsCache('searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.text, 'textToSearch': $context.$data.searchModel.textToSearch, 'searchOptions': $context.$data.searchModel.searchOptions }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });
 addToBindingsCache('dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.createRenameEditorOptions(); }, 'dxValidator': function () { return $context.$data.createValidatorOptions(); } }; });
 addToBindingsCache('template: actionsTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.actionsTemplate; } }; });
@@ -374,13 +377,13 @@ addToBindingsCache('text: $root.getLocalization(\'Localization\', \'ASPxReportsS
 addToBindingsCache('css: { \'dx-property-grid-search-uncollapsed \': isSearching() }', function ($context, $element) { return { 'css': function () { return { 'dx-property-grid-search-uncollapsed ': $context.$data.isSearching() }; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Language', 'DevExpress.XtraReports.UI.XtraReport.XRLanguage'); } }; });
 addToBindingsCache('css: { \'dx-field-value-shortened\': getRegisteredService() }', function ($context, $element) { return { 'css': function () { return { 'dx-field-value-shortened': $context.$data.getRegisteredService() }; } }; });
-addToBindingsCache('dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.applyLocalization(); }, 'disabled': $context.$data.isDisabled(), 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Translate', 'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate') }; } }; });
+addToBindingsCache('dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Localize with AI\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.applyLocalization(); }, 'disabled': $context.$data.isDisabled(), 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Localize with AI', 'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate') }; } }; });
 addToBindingsCache('dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.clearLocalization, 'icon': 'dxrd-svg-actions-reset', 'iconClass': 'reset-localization', 'disabled': $context.$data.isDefaultLanguage() }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset') }; } }; });
 addToBindingsCache('text: $data.propertiesHeaderText()', function ($context, $element) { return { 'text': function () { return $context.$data.propertiesHeaderText(); } }; });
 addToBindingsCache('text: $data.defaultLanguageText()', function ($context, $element) { return { 'text': function () { return $context.$data.defaultLanguageText(); } }; });
 addToBindingsCache('text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()', function ($context, $element) { return { 'text': function () { return $context.$data.currentLanguageText(); }, 'visible': function () { return !$context.$data.isDefaultLanguage(); } }; });
 addToBindingsCache('dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.localizationItems, 'selectionMode': 'single', 'height': 'calc(100% - 59px)', 'onSelectionChanged': $context.$data.onSelectionChanged, 'focusStateEnabled': false, 'activeStateEnabled': false, 'pageLoadMode': 'scrollBottom', 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
-addToBindingsCache('dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}', function ($context, $element) { return { 'dxLoadPanel': function () { return { 'visible': $context.$data.showLoadIndicator, 'shading': true, 'position': { 'of': $context.$data.getLoadPanelPosition($element) }, 'showIndicator': true, 'showPane': true, 'shadingColor': 'rgba(0,0,0,0.4)' }; } }; });
+addToBindingsCache('dxAILoadingPanel: getLoadPanelOptions($element)', function ($context, $element) { return { 'dxAILoadingPanel': function () { return $context.$data.getLoadPanelOptions($element); } }; });
 addToBindingsCache('if: !ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return !$context.ko.unwrap($context.$data.multiline); } }; });
 addToBindingsCache('if: ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return $context.ko.unwrap($context.$data.multiline); } }; });
 addToBindingsCache('if: !$data.isDefaultLanguage()', function ($context, $element) { return { 'if': function () { return !$context.$data.isDefaultLanguage(); } }; });
@@ -457,8 +460,7 @@ addToBindingsCache('template: \'dxrd-navigation-panel-template-content\'', funct
 addToBindingsCache('ifnot: allowMDI', function ($context, $element) { return { 'ifnot': function () { return $context.$data.allowMDI; } }; });
 addToBindingsCache('if: tabs().length > 1', function ($context, $element) { return { 'if': function () { return $context.$data.tabs().length > 1; } }; });
 addToBindingsCache('if: icon', function ($context, $element) { return { 'if': function () { return $context.$data.icon; } }; });
-addToBindingsCache('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) }}', function ($context, $element) { return { 'css': function () { return 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss; }, 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss }, 'showTitle': true, 'width': $context.$data.width, 'height': $context.$data.height, 'title': $context.$root.getLocalization($context.$data.title), 'visible': $context.$data.visible, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
-addToBindingsCache('dxScrollView: { showScrollbar: \'onHover\', height: 510 }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'height': 510 }; } }; });
+addToBindingsCache('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: \'85%\', height: \'85%\', maxWidth: maxWidth, maxHeight: maxHeight, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, fullScreen: false, container: container($element), position: { of: container($element) }}', function ($context, $element) { return { 'css': function () { return 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss; }, 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss }, 'showTitle': true, 'width': '85%', 'height': '85%', 'maxWidth': $context.$data.maxWidth, 'maxHeight': $context.$data.maxHeight, 'title': $context.$root.getLocalization($context.$data.title), 'visible': $context.$data.visible, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'fullScreen': false, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
 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: 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 }; } }; });
@@ -552,16 +554,20 @@ addToBindingsCache('dxSelectBox: { dataSource: $data.items, itemTemplate: \'stat
 addToBindingsCache('text: name, styleunit: {marginLeft: 30 * level}', function ($context, $element) { return { 'text': function () { return $context.$data.name; }, 'styleunit': function () { return { 'marginLeft': 30 * $context.$data.level }; } }; });
 addToBindingsCache('visible: $parent.visible', function ($context, $element) { return { 'visible': function () { return $context.$parent.visible; } }; });
 addToBindingsCache('text: $data.getDisplayText()', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText(); } }; });
-addToBindingsCache('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 }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-pressed': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });
+addToBindingsCache('class: \'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary \' + (ko.unwrap($data.imageTemplateName) && \'dxrd-switch-button-with-icon\' || \'\'), 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 }', function ($context, $element) { return { 'class': function () { return 'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary ' + ($context.ko.unwrap($context.$data.imageTemplateName) && 'dxrd-switch-button-with-icon' || ''); }, 'visible': function () { return $context.$data.visible; }, 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-pressed': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });
 addToBindingsCache('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 }', function ($context, $element) { return { 'text': function () { return $context.$data.displayText && $context.$data.displayText() || $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'class': 'dxd-text-primary dxd-back-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || '') }; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {
         $context.$data.clickAction($context.$root.model && $context.$root.model());
     } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });
+addToBindingsCache('template: $data.imageTemplateName, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxrd-switch-icon 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 }', function ($context, $element) { return { 'template': function () { return $context.$data.imageTemplateName; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'class': 'dxrd-switch-icon dxd-back-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || '') }; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {
+        $context.$data.clickAction($context.$root.model && $context.$root.model());
+    } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });
 addToBindingsCache('dxContextMenu: $data.contextMenu', function ($context, $element) { return { 'dxContextMenu': function () { return $context.$data.contextMenu; } }; });
 addToBindingsCache('if: !!$root.surface()', function ($context, $element) { return { 'if': function () { return !!$context.$root.surface(); } }; });
 addToBindingsCache('template: { name: $root.dx._static.editorTemplates.getEditor("combobox").header, data: $root.surface().wrapRtlProperty($data, $root.undoEngine, $element) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$root.dx._static.editorTemplates.getEditor('combobox').header, 'data': $context.$root.surface().wrapRtlProperty($context.$data, $context.$root.undoEngine, $element) }; } }; });
 addToBindingsCache('foreach: $data.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.items; } }; });
 addToBindingsCache('template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-active', 'if': $context.$data.active }; } }; });
 addToBindingsCache('template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-clickable', 'if': !$context.$data.active, 'data': $context.$data.itemData }; } }; });
+addToBindingsCache('ifnot: $data.imageTemplateName', function ($context, $element) { return { 'ifnot': function () { return $context.$data.imageTemplateName; } }; });
 addToBindingsCache('dxclick: function() { $root.activateExpressionEditor($data); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$root.activateExpressionEditor($context.$data); }; } }; });
 addToBindingsCache('attr: { title: title }, text: title', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.title }; }, 'text': function () { return $context.$data.title; } }; });
 addToBindingsCache('visible: $data.items && $data.items.length', function ($context, $element) { return { 'visible': function () { return $context.$data.items && $context.$data.items.length; } }; });
@@ -634,14 +640,13 @@ addToBindingsCache('css: { \'dxd-state-active\': strikeout(), \'dx-disabled-butt
     } }; } }; });
 addToBindingsCache('template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.generateValue($context.$root.undoEngine) }; } }; });
 addToBindingsCache('dxFieldListPicker: $data', function ($context, $element) { return { 'dxFieldListPicker': function () { return $context.$data; } }; });
-addToBindingsCache('styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
-addToBindingsCache('click: toggleSelected', function ($context, $element) { return { 'click': function () { return $context.$data.toggleSelected; } }; });
+addToBindingsCache('styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'click': function () { return $context.$data.toggleSelected; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
 addToBindingsCache('css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });
 addToBindingsCache('text: text, attr: { title: data.title }', function ($context, $element) { return { 'text': function () { return $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.data.title }; } }; });
 addToBindingsCache('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.generateRules($context.$root.controlsHelper.allControls) || [] }; } }; });
 addToBindingsCache('dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'buttonAction': function () { $context.$parent.showPopup($context.$root.editableObject && $context.$root.editableObject()); }, 'disabled': $context.$data.disabled, 'isValid': $context.$data.modelValueValid, 'warningMessage': $context.$data.modelValueWarning, 'inputAttr': { 'id': $context.$data.editorInputId } }; } }; });
 addToBindingsCache('dxExpressionEditor: getOptions({ options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: $data.editorTemplateName })', function ($context, $element) { return { 'dxExpressionEditor': function () { return $context.$data.getOptions({ 'options': $context.$data.value, 'fieldListProvider': $context.$root.reportItemsProvider, 'displayNameProvider': $context.$root.expressionDisplayNameProvider && $context.$root.expressionDisplayNameProvider(), 'editorTemplateName': $context.$data.editorTemplateName }); } }; });
-addToBindingsCache('dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$data.itemsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$data.displayNameProvider }; } }; });
+addToBindingsCache('dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider, aiExpressionGenerator: $root.aiExpressionGenerator }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$data.itemsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$data.displayNameProvider, 'aiExpressionGenerator': $context.$root.aiExpressionGenerator }; } }; });
 addToBindingsCache('dxRichTextFileEditor: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.rtf,.docx,.txt,.htm,.html\' }', function ($context, $element) { return { 'dxRichTextFileEditor': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled, 'accept': '.rtf,.docx,.txt,.htm,.html' }; } }; });
 addToBindingsCache('dxImageSourceEditor: { value: value, onValueChanged: onValueChanged, accept: \'image/*\', type: \'img\', disabled: disabled, inputAttr: { id: editorInputId}, showClearButton: true }', function ($context, $element) { return { 'dxImageSourceEditor': function () { return { 'value': $context.$data.value, 'onValueChanged': $context.$data.onValueChanged, 'accept': 'image/*', 'type': 'img', 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId }, 'showClearButton': true }; } }; });
 addToBindingsCache('dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\', showClearButton: true }', function ($context, $element) { return { 'dxFileImagePicker': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled, 'accept': '.pdf', 'showClearButton': true }; } }; });
@@ -650,6 +655,7 @@ addToBindingsCache('dxSelectBox: { dataSource: $data.getValues(), searchEnabled:
 addToBindingsCache('text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }', function ($context, $element) { return { 'text': function () { return $context.$data.displayValue; }, 'style': function () { return { 'fontWeight': $context.$root.isLocalized($context.$data.value) ? 'bold' : 'normal' }; }, 'attr': function () { return { 'title': $context.$data.displayValue }; } }; });
 addToBindingsCache('dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), width:  $root.calculateWithZoomFactor(357) }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.getValues(), 'searchEnabled': true, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'width': $context.$root.calculateWithZoomFactor(357) }, 'inputAttr': { 'id': $context.$data.editorInputId }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('text: value === \'Default\' ? \'\' : value, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: value }', function ($context, $element) { return { 'text': function () { return $context.$data.value === 'Default' ? '' : $context.$data.value; }, 'style': function () { return { 'fontWeight': $context.$root.isLocalized($context.$data.value) ? 'bold' : 'normal' }; }, 'attr': function () { return { 'title': $context.$data.value }; } }; });
+addToBindingsCache('dxTagBox: { dataSource: getValues(), value: editorValue, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true, multiline: false, showSelectionControls: true, showDropDownButton: true, selectAllText: selectAllText, maxDisplayedTags: maxDisplayedTags, onMultiTagPreparing: onMultiTagPreparing, }', function ($context, $element) { return { 'dxTagBox': function () { return { 'dataSource': $context.$data.getValues(), 'value': $context.$data.editorValue, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true, 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': true, 'selectAllText': $context.$data.selectAllText, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'onMultiTagPreparing': $context.$data.onMultiTagPreparing }; } }; });
 addToBindingsCache('template: $parent.templateBinding(\'dxrd-svg-checkboxglyphs-\' + $parent.value + \'_\' + $data)', function ($context, $element) { return { 'template': function () { return $context.$parent.templateBinding('dxrd-svg-checkboxglyphs-' + $context.$parent.value + '_' + $context.$data); } }; });
 addToBindingsCache('displayNameExtender: { dataSource: dataSource, dataMember: displayExpr }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'dataSource': $context.$data.dataSource, 'dataMember': $context.$data.displayExpr }; } }; });
 addToBindingsCache('if: value()', function ($context, $element) { return { 'if': function () { return $context.$data.value(); } }; });
@@ -679,6 +685,13 @@ addToBindingsCache('foreach: fieldInfos', function ($context, $element) { return
 addToBindingsCache('dxSelectBox: { dataSource: $parent._crossTabFields, displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$parent._crossTabFields, 'displayExpr': 'displayName', 'value': $context.$data.field, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('dxSelectBox: value', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.value; } }; });
 addToBindingsCache('dxButton: { icon: \'close\', onClick: function () { return $parent._removeInfo($data);  }}', function ($context, $element) { return { 'dxButton': function () { return { 'icon': 'close', 'onClick': function () { return $context.$parent._removeInfo($context.$data); } }; } }; });
+addToBindingsCache('text: _dataStructureSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._dataStructureSectionTitle; } }; });
+addToBindingsCache('treelist: _fieldListModel', function ($context, $element) { return { 'treelist': function () { return $context.$data._fieldListModel; } }; });
+addToBindingsCache('text: _promptSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._promptSectionTitle; } }; });
+addToBindingsCache('dxTextArea: _getPromptTextAreaOptions()', function ($context, $element) { return { 'dxTextArea': function () { return $context.$data._getPromptTextAreaOptions(); } }; });
+addToBindingsCache('text: _suggestionsSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._suggestionsSectionTitle; } }; });
+addToBindingsCache('dxList: _getSuggentionListOptions()', function ($context, $element) { return { 'dxList': function () { return $context.$data._getSuggentionListOptions(); } }; });
+addToBindingsCache('if: _showDataStructure', function ($context, $element) { return { 'if': function () { return $context.$data._showDataStructure; } }; });
 addToBindingsCache('click: function () { $parent._applyScheme($data); }, style: { backgroundColor: color }', function ($context, $element) { return { 'click': function () { return function () { $context.$parent._applyScheme($context.$data); }; }, 'style': function () { return { 'backgroundColor': $context.$data.color }; } }; });
 addToBindingsCache('visible: $data.selected()', function ($context, $element) { return { 'visible': function () { return $context.$data.selected(); } }; });
 addToBindingsCache('css: { \'dxrd-page-color-scheme-tile-content-edit-active\': $data.popoverVisible() }, click: function() { $data.popoverVisible(!$data.popoverVisible()) }', function ($context, $element) { return { 'css': function () { return { 'dxrd-page-color-scheme-tile-content-edit-active': $context.$data.popoverVisible() }; }, 'click': function () { return function () { $context.$data.popoverVisible(!$context.$data.popoverVisible()); }; } }; });
@@ -795,7 +808,7 @@ addToBindingsCache('text: $root.getLocalization(\'Paper\', \'ASPxReportsStringId
 addToBindingsCache('text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Size:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Size:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size') }; } }; });
 addToBindingsCache('dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.paperKind, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.paperKind, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Unit:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Unit:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit') }; } }; });
-addToBindingsCache('dxSelectBox: { items: lookupData.unit, valueExpr: \'value\', displayExpr: \'displayName\', value: unit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.unit, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.unit, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+addToBindingsCache('dxSelectBox: { items: lookupData.reportUnit, valueExpr: \'value\', displayExpr: \'displayName\', value: reportUnit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.reportUnit, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.reportUnit, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Orientation:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Orientation:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation') }; } }; });
 addToBindingsCache('dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'items': [{ 'value': true, 'displayName': 'Landscape', 'localizationId': 'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape' }, { 'value': false, 'displayName': 'Portrait', 'localizationId': 'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait' }], 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.landscape, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
 addToBindingsCache('text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Width:', 'ASPxReportsStringId.ReportDesigner_Wizard_Width'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Width:', 'ASPxReportsStringId.ReportDesigner_Wizard_Width') }; } }; });

package/dx-designer-templates.generated.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.generated.d.ts)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-designer-templates.generated.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-designer-templates.generated.js)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -93,14 +93,15 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-todocontrol': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, trackCursor: underCursor, style: css, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-control-border-box"></div> <div data-bind="css: controlTypeClass, template: controlTypeIconTemplate" class="dxrd-position-absolute dxrd-width-24px dxrd-height-24px dxrd-right-5px dxrd-top-5px"> </div> <span class="dxrd-control-content" data-bind="text: displayName, style: contentCss"></span></div>',
     'dxrd-unknown-control': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main"> <div data-bind="zoom: _context.zoom, template: contenttemplate" class="dxrd-position-absolute"> </div> </div></div>',
     'dxrd-calculatedfield-content': '<div data-bind="with: propertyGrid"> <!-- ko foreach: getEditors() --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --></div>',
-    'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
+    'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, aiExpressionGenerator: $root.aiExpressionGenerator }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
+    'dxrd-aipanelwrapper': '<div class="dxrd-properties-wrapper dxrd-height-100 dxrd-overflow-hidden dxrd-aipanel" data-bind="visible: active && visible" > <!-- ko if: model.visible --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-right-panel-floating-header" data-bind="text: text"></div> <!-- ko with: model --> <!-- ko if: fakePreviewButtonVisible --> <div class="dxrd-right-panel-header-button" data-bind="dxButtonWithTemplate: { onClick: showPreviewWithFakeData, text: fakePreviewButtonText, icon: \'dxrd-svg-operations-ai\', iconClass: \'dx-image-ai\' }, attr: { title: fakePreviewButtonTitle }"> </div> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-properties-grid dxd-border-primary dxrd-top-80px" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }" > </div> <!-- /ko --></div>',
     'dxrd-coordinategrid': '<svg data-bind="style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }"> <g transform="translate(0, 0)"> <!-- ko foreach: verticalGridLines --> <line y1="0" y2="100%" class="minor-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: horizontalGridLines --> <line x1="0" x2="100%" class="minor-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorVerticalGridLines --> <line y1="0" y2="100%" class="major-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorHorizontalGridLines --> <line x1="0" x2="100%" class="major-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g></svg>',
     'dxrd-expressions-tab': '<div class="dxrd-properties-wrapper dxrd-expressions-tab" data-bind="visible: active && visible"> <div class="dxrd-properties-sub-wrapper"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: text"></span> </div> <!-- ko with: model --> <!-- ko if: $root.controlsStore.visible() --> <div class="dx-property-grid-header"> <div class="dx-property-grid-header-content"> <div class="dx-property-grid-selected-component"> <div class="dxrd-properties-focused-item dxrd-margin-0"  data-bind="dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }"> </div> </div> </div> </div> <!-- /ko --> <div class="dxrd-properties-grid dxd-border-primary dxrd-top-80px" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }" > <!-- ko template: \'dx-propertieseditor\' --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
-    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered)"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
+    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
     'dx-treelist-item-text-content-with-rename': '<div class="dx-treelist-text-wrapper"> <!-- ko if: !inRenameMode --> <!-- ko if: searchModel.searchEnabled --> <div class="dx-treelist-text dx-highlighted-search-text" data-bind="searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }"></div> <!-- /ko  --> <!-- ko ifnot: searchModel.searchEnabled --> <div class="dx-treelist-text" data-bind="text: text, attr: { title: text }"></div> <!-- /ko  --> <!-- /ko  --> <!-- ko if: inRenameMode --> <div class="dx-treelist-rename-node" data-bind="dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()"></div> <!-- /ko --> </div>',
-    'dxrd-fieldlistwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <!-- ko with: model --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" data-bind="dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }"> </div> <!-- /ko --> </div> <div data-bind="treeListSearchPanel: {controllers:treeListOptions.treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }"> <div class="dx-editors"> <div id="tree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> <!-- ko if: useContextMenu --> <div data-bind="dxContextMenu: fieldListContextMenu"></div> <!-- /ko --> <!-- /ko --></div>',
+    'dxrd-fieldlistwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <!-- ko with: model --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header dxrd-right-panel-floating-header" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" class="dxrd-right-panel-header-button" data-bind="dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }"> </div> <!-- /ko --> </div> <div data-bind="treeListSearchPanel: {controllers:treeListOptions.treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }"> <div class="dx-editors"> <div id="tree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> <!-- ko if: useContextMenu --> <div data-bind="dxContextMenu: fieldListContextMenu"></div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-localization-editor-item': '<div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label dx-accordion-header dxd-text-primary"> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: $parent.textToSearch }, attr: { \'title\': displayName }"></label> </div> <div class="dx-field-value"> <!-- ko if: !ko.unwrap($data.multiline) --> <div class="dxrd-localization-panel-default" data-bind="dxTextBox: { value: defaultText, readOnly: !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"></div> <div class="dxrd-localization-panel-current" data-bind="dxTextBox: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}"></div> <!-- /ko --> <!-- ko if: ko.unwrap($data.multiline)--> <div class="dxrd-multi-area-container"> <div class="dxrd-localization-panel-default" data-bind="dxTextArea: { value: defaultText, readOnly: !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"> </div> <!-- ko if: !$data.isDefaultLanguage() --> <div class="dxrd-localization-panel-current" data-bind="dxTextArea: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }"> </div> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div>',
-    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: hasRegisteredService() --> <!-- ko with: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.propertiesHeaderText()"></div> </div> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}"></div> </div> </div> <!-- /ko -->',
+    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: hasRegisteredService() --> <!-- ko with: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Localize with AI\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.propertiesHeaderText()"></div> </div> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxAILoadingPanel: getLoadPanelOptions($element)"></div> </div> </div> <!-- /ko -->',
     'dxrd-reportexplorerwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Report Explorer\', \'ReportStringId.UD_Title_ReportExplorer\')"></div> </div> <!-- ko with: model--> <div data-bind="treeListSearchPanel: {controllers:treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <div id="tree" data-bind="treelist: { selectedPath: itemsProvider.selectedPath, itemsProvider: itemsProvider, treeListController: treeListController }" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> </div>',
     'dxrd-ruler': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko if: disable --> <rect data-bind="attr: { x: disable.start, width: disable.width }" height="100%" fill="grey" fill-opacity="0.5"></rect> <!-- /ko --> <!-- ko foreach: gridLines --> <line y1="80%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line y1="70%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <g transform="translate(-3, 0)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: coordVal, y: 12 }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
     'dxrd-rulervertical': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko foreach: gridLines --> <line class="ruler-graduation" data-bind="attr: { x1: $parent.defaultGridLinesCoordinate().x1, x2: $parent.defaultGridLinesCoordinate().x2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line class="ruler-graduation" data-bind="attr: {x1: $parent.defaultGridLinesCoordinate().majorX1, x2: $parent.defaultGridLinesCoordinate().majorX2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <g transform="translate(0, 3)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: $parent.defaultGridLinesCoordinate().x, y: coordVal }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
@@ -112,9 +113,9 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-error-panel': '<div class="dxrd-error-panel dxd-text-primary dxd-back-primary2" data-bind="style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions"> <div class="dxrd-width-100 dxrd-height-100" data-bind="style: { display: $data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-header dxd-border-primary dxd-back-primary2"> <div class="dxrd-error-panel-header-title" data-bind="text: $data.panelTitle"></div> <div class="dxrd-error-panel-header-collapse dx-accordion-item-title"  data-bind="click: function() { $data.toggleCollapsed() }"></div> </div> <div class="dxrd-error-panel-content"> <div class="dxrd-error-grid" data-bind="dxDataGrid: _dataGridOptions"> <div data-options="dxTemplate: { name: \'dx-type-button\'}"> <div class="dxd-back-highlighted" data-bind="css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-errorType-column\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parent.getIconTemplateName($data.value) }, attr: { title: $data.value }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-code-column\' }"> <!-- ko if: $data.data.showLink--> <a class="dx-link" target="_blank" rel="noreferer noopener" data-bind="text: $data.data.code, attr: { href: $data.data.link }"></a> <!-- /ko --> <!-- ko if: !$data.data.showLink--> <div data-bind="text: $data.value"></div> <!-- /ko --> </div> <div data-options="dxTemplate:{ name:\'dxrd-source-column\' }"> <a class="dx-link" href="javascript:void(0)" data-bind="text: value, click: function() { $parent.navigateToItem($data.value); }"></a> </div> <div data-options="dxTemplate: { name: \'detail\' }"> <div class="dxrd-error-panel-description" data-bind="text: data.description"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-source-filter\' }"> <div data-bind="dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter\' }"> <div data-bind="dxButtonGroup: $data.data"> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter-item\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parents[1].getIconTemplateName(icon) } "> </div> <div class="dxrd-errorType-text" data-bind="text: $data.text()"></div> </div> </div> </div> </div> </div></div><div data-bind="style: { display: !$data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-notification" data-bind="click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }"></div></div></div>',
     'dxrd-navigation-panel-template': '<!-- ko ifnot: $root.isLoading() && tabs().length === 1--> <!-- ko if: allowMDI --> <!-- ko if: tabs().length > 0 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: allowMDI --> <!-- ko if: tabs().length > 1 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
     'dxrd-navigation-panel-template-content': '<div class="dxrd-navigation-panel-wrapper" data-bind="style: { width: $root.surfaceSize() ? $root.surfaceSize() - 85 + \'px\' : \'auto\' }"> <div data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: true, scrollByContent: true }"> <div data-options="dxTemplate: { name: \'item\' }"> <!-- ko if: icon --> <div class="dx-icon" data-bind="css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }"></div> <!-- /ko --> <div class="dx-tab-title-wrapper"> <div class="dx-tab-title" data-bind="text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }"></div> </div> </div> </div> </div>',
-    'dxrd-parameters-dialog': '<div data-bind="css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}"> <div class="dxrd-parameters-popup-content"> <!-- ko template: contentTemplate --> <!-- /ko --> </div> </div>',
+    'dxrd-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: \'85%\', height: \'85%\', maxWidth: maxWidth, maxHeight: maxHeight, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, fullScreen: false, 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-parameter-edit': '<div data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <div class="dxrd-parameter-edit-content"> <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"> <!-- 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 -->',
@@ -135,7 +136,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-wizard-report-tree': '<div class="dxrd-wizard-report-tree"> <div class="dxrd-wizard-report-tree-title" data-bind="text: $root.getLocalization(\'Select the report\', \'ASPxReportsStringId.ReportDesigner_MasterDetailWizard_SelectReport\')"></div> <div class="dxrd-wizard-report-tree-selectbox" data-bind="dxSelectBox: { dataSource: $data.items, itemTemplate: \'stateItem\', valueExpr: \'path\', displayExpr: \'name\', value: $data.value, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate:{ name:\'stateItem\' }" class="dxrd-text-align-left"> <div data-bind="text: name, styleunit: {marginLeft: 30 * level}"></div> </div> </div> </div>',
     'dxrd-toolbar-two-way-switch': '<div class="dxrd-toolbar-item dxrd-toolbar-two-way-switch dxd-back-contrast" data-bind="visible: $parent.visible"> <!-- ko foreach: $data.items --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active } --> <!-- /ko --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData } --> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-toolbar-two-way-switch-active': '<div class="dxd-text-primary dxd-back-highlighted dxd-state-active dxd-state-no-hover" data-bind="text: $data.getDisplayText()"></div>',
-    '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-toolbar-two-way-switch-clickable': '<div role="button" data-bind="class: \'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary \' + (ko.unwrap($data.imageTemplateName) && \'dxrd-switch-button-with-icon\' || \'\'), 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 }" > <!-- ko ifnot: $data.imageTemplateName --> <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> <!-- /ko --> <!-- ko if: $data.imageTemplateName --> <div data-bind="template: $data.imageTemplateName, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxrd-switch-icon 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> <!-- /ko --> </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>',
@@ -172,21 +173,23 @@ SvgTemplatesEngine.addTemplates({
     'dx-modificators-highlightable': '<div class="dx-font-content"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: { \'paddingLeft\': padding }"></div> <!-- ko with: value --> <div class="dx-field-value"> <div class="dx-font-styles-content"> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-bold" data-bind="css: { \'dxd-state-active\': bold(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.boldHasExpression }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }"><!-- ko template: \'dxrd-svg-fontstyle-bold\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-italic" data-bind="css: { \'dxd-state-active\': italic(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.italicHasExpression }, click: function() { if(!$parent.disabled()) { italic(!italic()); } }"><!-- ko template: \'dxrd-svg-fontstyle-italic\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-underline" data-bind="css: { \'dxd-state-active\': underline(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.underlineHasExpression }, click: function() { if(!$parent.disabled()) { underline(!underline()); } }"><!-- ko template: \'dxrd-svg-fontstyle-underline\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-strikeout" data-bind="css: { \'dxd-state-active\': strikeout(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.strikeoutHasExpression }, click: function() { if(!$parent.disabled()) { strikeout(!strikeout()); } }"><!-- ko template: \'dxrd-svg-fontstyle-strikeout\'--><!-- /ko --></div> </div> </div> <!-- /ko --> </div> </div>',
     'dx-objectEditorContentUndo': '<!-- ko if: visible --> <div data-bind="template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }"></div> <!-- /ko -->',
     'dxrd-editOptionsEditorName': '<div data-bind="dxFieldListPicker: $data"></div>',
-    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
+    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
     'dxrd-name': '<div data-bind="dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }"></div>',
     'dxrd-reportexpression-ellipsis': '<div class="no-margin-right" data-bind="dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }"></div>',
     'dxrd-reportexpression-complex': '<!-- ko if: visible --> <div> <!-- ko template: { name: \'dxrd-reportexpression\' }--> <!-- /ko --> <!-- ko template: { name: \'dxrd-expressioneditor-popup\', data: $data.wrapper }--> <!-- /ko --> </div> <!-- /ko -->',
     'dxrd-reportexpression': '<!-- ko if: visible --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: getOptions({ options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: $data.editorTemplateName })"></div> <!-- /ko --> <!-- /ko -->',
-    'dxrd-pivotcriteria': '<!-- ko with: $data.wrapModel($root.fieldListProvider) --> <div data-bind="dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider }"></div> <!-- /ko -->',
+    'dxrd-pivotcriteria': '<!-- ko with: $data.wrapModel($root.fieldListProvider) --> <div data-bind="dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider, aiExpressionGenerator: $root.aiExpressionGenerator }"></div> <!-- /ko -->',
     'dxrd-richtext-loadfile': '<div data-bind="dxRichTextFileEditor: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.rtf,.docx,.txt,.htm,.html\' }"></div>',
     'dxrd-image-loadfile': '<div data-bind="dxImageSourceEditor: { value: value, onValueChanged: onValueChanged, accept: \'image/*\', type: \'img\', disabled: disabled, inputAttr: { id: editorInputId}, showClearButton: true }"></div>',
     'dxrd-pdfcontent-loadfile': '<div data-bind="dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\', showClearButton: true }"></div>',
     'dxrd-summaryeditor-header': '<!-- ko template: \'dx-emptyHeader\' --> <!-- /ko --> <div data-bind="dxPopup: { showTitle: true, width: \'550px\', height: \'400px\', wrapperAttr: { class: \'dxrd-summaryeditor-popup\' }, title: $root.getLocalization(\'Summary Editor\'), visible: $data.popup.visible, toolbarItems: $data.popup.buttons, showCloseButton: true, container: $data.popup.container($element), position: { of: $data.popup.container($element) }}"> <!-- ko template: { name: \'dx-propertieseditor\', data: $data.popup.grid } --> <!-- /ko --> </div>',
     'dxrd-datasource-combobox': '<div data-bind="dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element)  }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }"> </div> </div>',
     'dxrd-localization-combobox': '<div data-bind="dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), width:  $root.calculateWithZoomFactor(357) }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true }"> <div class="dx-localization-combobox-content" data-options="dxTemplate: { name: \'item\' }"> <div class="dx-culture dx-culture-code dxd-text-info" data-bind="text: value === \'Default\' ? \'\' : value, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: value }"></div> <div class="dx-culture" data-bind="text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }"></div> </div> </div>',
+    'dxrd-tagbox': '<div data-bind="dxTagBox: { dataSource: getValues(), value: editorValue, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true, multiline: false, showSelectionControls: true, showDropDownButton: true, selectAllText: selectAllText, maxDisplayedTags: maxDisplayedTags, onMultiTagPreparing: onMultiTagPreparing, }"></div>',
     'dxrd-page-choose-report-type': '<div class="dxrd-wizard-type-page" data-bind="css: $data._extendCssClass(\'type-page\')"> <div class="dxrd-wizard-report-gallery" data-bind="dxList: getListOptions()"></div> </div>',
     'dxrd-page-crosstab-dataMembers': '<div class="dxrd-wizard-page dxrd-wizard-crosstab-select-dataMembers-page dxrd-wizard-page-treelist-accordion-style"> <div class="dxrd-wizard-list-container"> <div class="dxrd-wizard-list dx-default-border-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'100%\' }"> <div class="dxrd-wizard-field-infos dxrd-wizard-field-infos-title dxd-border-secondary dxd-back-contrast"> <div class="dxrd-wizard-field-infos-title-image" data-bind="template: _icon"></div> <div class="dxrd-wizard-field-infos-title-content dxd-text-primary" data-bind="text: _title"></div> </div> <div data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _signleFieldMemberFieldListModel" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> </div> </div>',
     'dxrd-page-crosstab-setlayout': '<div class="dxrd-wizard-page dxrd-wizard-crosstab-setlayout-page" data-bind="trackCursor: underCursor, css: {\'dxrd-wizard-crosstab-droppable-page\': isDroppable}"> <div class="dxrd-wizard-list-container"> <div class="dxrd-wizard-list dx-default-border-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'100%\' }"> <div class="dxrd-wizard-field-infos dxrd-wizard-field-infos-title dxd-border-secondary dxd-back-contrast"> <div class="dxrd-wizard-field-infos-title-image" data-bind="template: _icon"></div> <div class="dxrd-wizard-field-infos-title-content dxd-text-primary" data-bind="text: _title"></div> </div> <div class="dxrd-wizard-field-infos dxrd-wizard-field-infos-paragraf dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _fieldName"></div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _valueName"></div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"></div> </div> <div data-bind="foreach: fieldInfos"> <div class="dxrd-wizard-field-infos dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <div data-bind="dxSelectBox: { dataSource: $parent._crossTabFields, displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <div data-bind="dxSelectBox: value"></div> </div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"> <div data-bind="dxButton: { icon: \'close\', onClick: function () { return $parent._removeInfo($data);  }}"></div> </div> </div> </div> </div> </div> </div>',
+    'dxrd-page-ai-report-layout': '<div class="dxrd-wizard-type-page dxrd-page-ai-report-layout"> <!-- ko if: _showDataStructure --> <div class="dxrd-ai-layout-section dxrd-ai-data-structure"> <div class="dxrd-ai-layout-section-title" data-bind="text: _dataStructureSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxrd-wizard-page-treelist-accordion-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _fieldListModel"></div> </div> </div> <!-- /ko --> <div class="dxrd-ai-layout-section dxrd-ai-report-prompt"> <div class="dxrd-ai-layout-section-title" data-bind="text: _promptSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxd-border-secondary" data-bind="dxTextArea: _getPromptTextAreaOptions()"></div> </div> <div class="dxrd-ai-layout-section dxrd-ai-report-prompt-suggestions"> <div class="dxrd-ai-layout-section-title" data-bind="text: _suggestionsSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxd-border-secondary" data-bind="dxList: _getSuggentionListOptions()"></div> </div> </div>',
     'dxrd-page-colorScheme-content': '<div class="dxrd-page-color-scheme"> <!-- ko foreach: _lookupData.scheme --> <div class="dxrd-page-color-scheme-tile" data-bind="click: function () { $parent._applyScheme($data); }, style: { backgroundColor: color }"> <div class="dxrd-page-color-scheme-tile-content"> <div class="dxrd-page-color-scheme-tile-selected dxd-border-accented" data-bind="visible: $data.selected()"></div> <!-- ko ifnot: $data.name === \'Custom\' --> <div class="dxrd-page-color-scheme-tile-content-title" data-bind="text: displayName"></div> <!-- /ko --> <!-- ko if: $data.name === \'Custom\' --> <div class="dxrd-page-color-scheme-tile-content-custom"> <div class="dxrd-page-color-scheme-tile-content-title" data-bind="text: displayName"></div> <div class="dxrd-page-color-scheme-tile-content-edit" data-bind="css: { \'dxrd-page-color-scheme-tile-content-edit-active\': $data.popoverVisible() }, click: function() { $data.popoverVisible(!$data.popoverVisible()) }"> <div class="dxrd-page-color-scheme-tile-content-edit-icon" data-bind="template:\'dxrd-svg-color_gear\'"></div> </div> </div> <div class="dxrd-page-color-scheme-colorpicker" data-bind="dxPopover: { visible: $data.popoverVisible, width: \'auto\', height: \'auto\', wrapperAttr: { class: \'dxrd-page-color-scheme-colorpicker\' }, container: $root.getPopupContainer($element), target: \'.dxrd-page-color-scheme-tile-content-edit-icon\', position: { my: \'left center\', at: \'right center\', collision: \'fit\', of: \'.dxrd-page-color-scheme-tile-content-edit\', boundary: $root.getPopupContainer($element) } }"> <div class="dxrd-page-color-scheme-colorpicker-editor-container dxd-border-secondary"> <div data-bind="dxColorView: { value: editorColor, editAlphaChannel: true }"></div> </div> <div class="dxrd-page-color-scheme-colorpicker-buttons"> <div class="dxrd-page-color-scheme-colorpicker-button" data-bind="dxButton: { text: \'Cancel\', onClick: function() { $data.resetColor() }}"></div> <div class="dxrd-page-color-scheme-colorpicker-button" data-bind="dxButton: { text: \'Ok\', onClick: function() { $data.applyColor() }}"></div> </div> </div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     'dxrd-page-colorScheme': '<div class="dxrd-wizard-page"> <!-- ko template: \'dxrd-page-colorScheme-content\' --> <!-- /ko --> </div>',
     'dxrd-page-columns': '<div class="dxrd-wizard-page dxrd-wizard-columns-page"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: availableFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: availableFields.items, selectedItems: availableFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: availableFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.availableFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action dxrd-margin-top-40px" data-bind="dxButtonWithTemplate: { onClick: select, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }" ></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: selectAll, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright_all\', iconClass: \'dxrd-image-moveright-all\' }"></div> <div class="dxrd-wizard-splitter-action dxrd-margin-top-44px" data-bind="dxButtonWithTemplate: { onClick: unselect, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }" ></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: unselectAll, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft_all\', iconClass: \'dxrd-image-moveleft-all\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: selectedFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: selectedFields.items, selectedItems: selectedFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: selectedFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.selectedFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div></div>',
@@ -204,7 +207,7 @@ SvgTemplatesEngine.addTemplates({
     'dxrd-page-masterdetail-summary': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-summary-options-page"> <div class="dxrd-wizard-masterdetail-summary-options-title"> <!-- ko template: { name: \'dxrd-wizard-report-tree\', data: { items: $data._reportTree, value: $data._currentPath  } }--> <!-- /ko --> </div> <div class="dxrd-wizard-masterdetail-summary-options-content"> <div class="dxrd-wizard-list-title" data-bind="text: _selectFieldToSummaryCaption"></div> <div class="dxrd-wizard-list-container"> <div class="dxrd-wizard-list dx-default-border-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'100%\' }"> <div class="dxrd-wizard-field-infos dxrd-wizard-field-infos-paragraf dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _fieldsCaption"></div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _summaryFunctionCaption"></div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"></div> </div> <div data-bind="foreach: _summaryInfos"> <div class="dxrd-wizard-field-infos dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <div data-bind="dxSelectBox: { dataSource: $parent._displayedFields[$parent._currentPath()], itemTemplate: \'visibleItems\', displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate:{ name:\'visibleItems\' }" class="dxrd-text-align-left"> <!-- ko if: visible--> <div data-bind="text: name"></div> <!--/ko--> </div> </div> </div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <!-- ko template: { name: "dxrd-multivalue", data: $data } --> <!--/ko--> </div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"> <div data-bind="dxButton: { icon: \'close\', onClick: function () { return $parent._removeSummaryInfo($data);  }}"></div> </div> </div> </div> </div> </div> </div> <div class="dxrd-wizard-ignore-null-values" data-bind="dxCheckBox: { value: ignoreNullValues, text: _ignoreNullValuesCaption }"></div></div>',
     'dxrd-page-pageSetup': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <!-- ko template: { name: \'dxrd-page-setup-page-preview\', data: $data }--> <!-- /ko --> <!-- ko template: { name: \'dxrd-page-setup-page-settings\', data: $data }--> <!-- /ko --> </div>',
     'dxrd-page-setup-page-preview': '<div class="dxrd-wizard-preview dxd-back-secondary"> <!-- ko with: $data.previewPageHelper --> <div class="dxrd-width-100 dxrd-height-100 dxrd-position-relative" data-bind="cacheElement: { action: function(element) { $data.cachePagePreviewElement(element); } }"> <div class="dxrd-wizard-preview-page" data-bind="styleunit: { width: $data.previewPageWidth(), height: $data.previewPageHeight() }"> <div class="dxrd-wizard-preview-margin-top" data-bind="styleunit: { top: $data.previewTopMargin() }"></div> <div class="dxrd-wizard-preview-margin-right" data-bind="styleunit: { right: $data.previewRightMargin() }"></div> <div class="dxrd-wizard-preview-margin-bottom" data-bind="styleunit: { bottom: $data.previewBottomMargin() }"></div> <div class="dxrd-wizard-preview-margin-left" data-bind="styleunit: { left: $data.previewLeftMargin() }"></div> </div> </div> <!-- /ko --> </div>',
-    'dxrd-page-setup-groups': '<div class="dxrd-page-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Paper\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Paper\')"></div> <div class="dx-fieldset dxrd-page-setup-long-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <div class="dxrd-page-setup-setting"> <div class="dx-fieldset dxrd-group-fieldset dxrd-page-setup-short-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.unit, valueExpr: \'value\', displayExpr: \'displayName\', value: unit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dx-field dxrd-page-setup-pagemode-compact"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }"></div> <div class="dx-field-value" data-bind="dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: width, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\'), attr: { \'title\': $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: height, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> </div> <div class="dxrd-group-fieldset dxrd-page-setup-pagemode"> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted dxrd-margin-left-0px"  data-bind="css: { \'dxd-state-no-hover dxd-state-active\': !$data.landscape() }, click: function() { $data.landscape(false); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-portrait\'"></div> </div> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted" data-bind="css: { \'dxd-state-no-hover dxd-state-active\': $data.landscape() }, click: function() { $data.landscape(true); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-landscape\'"></div> </div> </div> </div> </div> <div class="dxrd-page-setup-group dxrd-margin-top-16px" > <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Page Margins\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_PageMargins\')"></div> <div class="dxrd-page-setup-setting dxrd-page-setup-setting-page-margins"> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-left"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\'), attr: { \'title\': $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginLeft, format: valueFormat, min: 0, max: width() - marginRight() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\'), attr: { \'title\': $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginTop, format: valueFormat, min: 0, max: height() - marginBottom() }"></div> </div> </div> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-right"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\'), attr: { \'title\': $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginRight, format: valueFormat, min: 0, max: width() - marginLeft() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\'), attr: { \'title\': $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginBottom, format: valueFormat, min: 0, max: height() - marginTop()  }"></div> </div> </div> </div> </div>',
+    'dxrd-page-setup-groups': '<div class="dxrd-page-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Paper\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Paper\')"></div> <div class="dx-fieldset dxrd-page-setup-long-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <div class="dxrd-page-setup-setting"> <div class="dx-fieldset dxrd-group-fieldset dxrd-page-setup-short-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.reportUnit, valueExpr: \'value\', displayExpr: \'displayName\', value: reportUnit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dx-field dxrd-page-setup-pagemode-compact"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }"></div> <div class="dx-field-value" data-bind="dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: width, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\'), attr: { \'title\': $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: height, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> </div> <div class="dxrd-group-fieldset dxrd-page-setup-pagemode"> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted dxrd-margin-left-0px"  data-bind="css: { \'dxd-state-no-hover dxd-state-active\': !$data.landscape() }, click: function() { $data.landscape(false); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-portrait\'"></div> </div> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted" data-bind="css: { \'dxd-state-no-hover dxd-state-active\': $data.landscape() }, click: function() { $data.landscape(true); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-landscape\'"></div> </div> </div> </div> </div> <div class="dxrd-page-setup-group dxrd-margin-top-16px" > <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Page Margins\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_PageMargins\')"></div> <div class="dxrd-page-setup-setting dxrd-page-setup-setting-page-margins"> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-left"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\'), attr: { \'title\': $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginLeft, format: valueFormat, min: 0, max: width() - marginRight() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\'), attr: { \'title\': $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginTop, format: valueFormat, min: 0, max: height() - marginBottom() }"></div> </div> </div> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-right"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\'), attr: { \'title\': $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginRight, format: valueFormat, min: 0, max: width() - marginLeft() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\'), attr: { \'title\': $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginBottom, format: valueFormat, min: 0, max: height() - marginTop()  }"></div> </div> </div> </div> </div>',
     'dxrd-page-setup-page-settings': '<div class="dxrd-page-setup-content"> <!-- ko template: { name: \'dxrd-page-setup-groups\', data: $data }--> <!-- /ko --> </div>',
     'dxrd-page-pageSetupAndColorScheme': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <div class="dxrd-page-setup-content"> <!-- ko template: { name: \'dxrd-page-setup-groups\', data: $data._configureReportPageSettingsPage }--> <!-- /ko --> <!-- ko if: $data._colorSchemePageVisible --> <div class="dxrd-page-setup-group dxrd-page-color-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Color Scheme\', \'ASPxReportsStringId.ReportDesigner_Wizard_ColorScheme\')"></div> <div class="dxrd-page-setup-setting"> <!-- ko template: { name: \'dxrd-page-colorScheme-content\', data: $data._colorSchemePage } --> <!-- /ko --> </div> </div> <!-- /ko --> </div> </div>',
     'dxrd-page-pageSetup-settings': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <!-- ko template: { name: "dxrd-page-setup-page-settings", data: $data }--> <!-- /ko --> </div>',

package/dx-dev-reporting-svg-bindings.generated.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-dev-reporting-svg-bindings.generated.d.ts)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dx-dev-reporting-svg-bindings.generated.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-dev-reporting-svg-bindings.generated.js)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -373,6 +373,8 @@ addToBindingsCache('template: \'dxrd-svg-toolbox-table\'', function ($context, $
 addToBindingsCache('template: \'dxrd-svg-toolbox-tableofcontents\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-tableofcontents'; } }; });
 addToBindingsCache('template: \'dxrd-svg-toolbox-unknown\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-unknown'; } }; });
 addToBindingsCache('template: \'dxrd-svg-toolbox-zipcode\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-zipcode'; } }; });
+addToBindingsCache('template: \'dxrd-svg-wizard-AIEmptyReport\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-AIEmptyReport'; } }; });
+addToBindingsCache('template: \'dxrd-svg-wizard-AIStandardReport\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-AIStandardReport'; } }; });
 addToBindingsCache('template: \'dxrd-svg-wizard-crosstab-columns\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-columns'; } }; });
 addToBindingsCache('template: \'dxrd-svg-wizard-crosstab-data\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-data'; } }; });
 addToBindingsCache('template: \'dxrd-svg-wizard-crosstab-fields\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-fields'; } }; });

package/dx-dev-reporting-svg-templates.generated.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dx-dev-reporting-svg-templates.generated.d.ts)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */