devexpress-reporting 25.1.2-beta → 25.1.4-build-25190-1932

package/dist/css/dx-webdocumentviewer.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-webdocumentviewer.css)
-* Version:  25.1.2-beta
-* Build date: May 14, 2025
+* Version:  25.1.0
+* Build date: Jul 9, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -552,6 +552,7 @@
   height: 100%;
   overflow: auto;
   text-align: center;
+  padding: 6px;
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview {
   display: inline-block;
@@ -619,7 +620,7 @@
   opacity: 0;
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview-multipage {
-  margin: 10px;
+  margin: 12px;
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview-active {
   border: 1px solid rgba(42, 125, 243, 0.7);
@@ -931,7 +932,7 @@
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-export-warning-popup-button-group {
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
   padding: 15px;
   margin-top: 5px;
 }
@@ -1026,7 +1027,7 @@
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-buttons-wrapper {
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
   height: 28px;
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-buttons-wrapper .dx-loadindicator {
@@ -1066,7 +1067,7 @@
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-warning-popup .dxrd-preview-ai-panel-warning-popup-button-group {
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
   padding: 15px;
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-warning-popup .dxrd-preview-ai-panel-warning-popup-button-group .dxrd-preview-ai-panel-warning-popup-button {
@@ -1115,6 +1116,9 @@
   overflow-y: auto;
   overflow-x: hidden;
 }
+.dx-overlay-wrapper .dx-submenu.dx-scrollable .dx-scrollable-wrapper {
+  height: auto;
+}
 .ui-selectable-helper.dxrd-selection-content {
   position: absolute;
   border: 1px dotted black;
@@ -2167,7 +2171,7 @@
 .dx-designer .dx-designer-viewport .dxrv-daterange-editor-popup-wrapper .dx-popup-normal .dx-popup-content .dxrv-daterange-editor-popup-container {
   margin: 20px;
 }
-.dx-designer .dxrv-daterange-editor .dx-state-readonly.dx-widget {
+.dx-designer .dxrv-daterange-editor .dx-state-readonly.dx-widget:not(.dx-state-disabled) {
   opacity: 1;
   border-style: solid;
 }
@@ -2203,8 +2207,6 @@
 }
 .dx-designer-viewport .dxrv-daterange-editor-item .dx-calendar-cell .dxrv-daterange-cell .dxrv-daterange-cell-text {
   top: 50%;
-  width: 100%;
-  position: absolute;
   transform: translateY(-50%);
   z-index: 1;
 }
@@ -4453,6 +4455,9 @@
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-progress .dxrd-preview-progress-cancel{
   margin-top:0.3125rem;
 }
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder{
+  padding:0.375rem;
+}
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview{
   box-shadow:0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
   border:0.0625rem solid rgba(0, 0, 0, 0.3);
@@ -4483,7 +4488,7 @@
   padding:0.1875rem;
 }
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview-multipage{
-  margin:0.625rem;
+  margin:0.75rem;
 }
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-wrapper .dxrd-preview-surface .dxrd-report-preview-holder .dxrd-report-preview-active{
   border:0.0625rem solid rgba(42, 125, 243, 0.7);

package/dist/html/templates.html

@@ -196,7 +196,7 @@
 </script>
 
 <script type="text/html" id="dxrp-editing-field-text">
-    <textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: 'keypress', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea>
+    <textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: 'keypress', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }"></textarea>
 </script>
 
 <script type="text/html" id="dxrp-editing-field-mask">
@@ -249,14 +249,13 @@
         <!-- /ko -->
         <!-- /ko -->
         <!-- ko if: active && !field.readOnly -->
-        <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: 'keypress', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea>
+        <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: 'keypress', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }"></textarea>
         <!--/ko-->
     </div>
 </script>
 <script type="text/html" id="dxrd-export-tool-content">
     <div class="dxrd-visually-hidden">
-        <form data-bind="attr: { 'action': exportActionUri }, foreach: exportFormData" method="post">
-            <input data-bind="attr: {'name': name, 'value': value}"/>
+        <form method="post">
         </form>
     </div>
     <div data-bind="dxPopup: {
@@ -755,14 +754,17 @@
                 <!-- /ko -->
             </div>
             <!-- /ko -->
-            <div data-bind="css: { 'dxrd-visually-hidden': !!currentPage }" class="dxrd-report-preview-placeholder">
+            <div data-bind="css: { 'dxrd-visually-hidden': !!currentPage || _aiOperationInProgress }" class="dxrd-report-preview-placeholder">
                 <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption"></div>
             </div>
+            <!-- ko if: _aiOperationInProgress -->
+            <div data-bind="dxAILoadingPanel: _getAILoadingPanelOptions($element)"></div>
+            <!-- /ko -->
         </div>
         <div data-bind="dxPopup: {
             width: 450,
             height: 150,
-            visible: exportTranslatedDocPopupVisible,
+            visible: _exportTranslatedDocPopupVisible,
             container: '.dxrd-preview-surface',
             target: '.dxrd-preview-surface',
             position: {
@@ -777,13 +779,13 @@
             showTitle: false,
             onHiding: function(e) { onExportPopupHiding(); } 
         }">
-            <span data-bind="text: exportTranslatedDodumentWarningMsg" class="dxrd-preview-export-warning-popup-text"></span>                                
+            <span data-bind="text: _exportTranslatedDodumentWarningMsg" class="dxrd-preview-export-warning-popup-text"></span>                                
             <div class="dxrd-preview-export-warning-popup-button-group">
                 <div class="dxrd-preview-export-warning-popup-button dx-button-default"
-                    data-bind="dxButton: { text: exportTranslatedDocumentButtonText, onClick: exportTranslatedHandler }">
+                    data-bind="dxButton: { text: _exportTranslatedDocumentButtonText, onClick: _exportTranslatedHandler }">
                 </div>
                 <div class="dxrd-preview-export-warning-popup-button"
-                    data-bind="dxButton: { text: exportOriginalDocumentButtonText, onClick: exportTranslatedCancel }">
+                    data-bind="dxButton: { text: _exportOriginalDocumentButtonText, onClick: _exportTranslatedCancel }">
                 </div>
             </div>
         </div>
@@ -795,7 +797,7 @@
     <div data-bind="dxViewerExport: $data"></div>
 </script><script type="text/html" id="dxrv-daterange-editor">
     <div class="dxrv-daterange-editor">
-        <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { 'aria-label': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div>
+        <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, disabled: disabled, visible: visible, readOnly: true, inputAttr: { 'aria-label': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div>
         <!-- ko template: { name: popupTemplate, data: popupModel } -->
         <!-- /ko -->
     </div>
@@ -832,8 +834,8 @@
 
 <script type="text/html" id="dxrv-daterange-calendar">
     <div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, onValueChanged: onValueChanged, cellTemplate: 'select_cell', height: height, min: min }">
-        <div class="dxrv-daterange-cell" data-options="dxTemplate:{ name:'select_cell' }">
-            <div class="dxrv-daterange-cell-text" data-bind="text: text"></div>
+        <div class="dxrv-daterange-cell dx-calendar-cell" data-options="dxTemplate:{ name:'select_cell' }">
+            <span class="dxrv-daterange-cell-text" data-bind="text: text"></span>
             <div data-bind="css: { 'dxd-back-accented': $parent.inRange(date) }"></div>
         </div>
     </div>
@@ -2589,7 +2591,7 @@
         </div>
     </div>
 </script><script type="text/html" id="dx-treelist-action-container-with-rename">
-    <div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered)">
+    <div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }">
         <!-- ko template: actionsTemplate -->
         <!-- /ko -->
     </div>
@@ -2917,20 +2919,23 @@
     <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,
+            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 class="dxrd-parameters-popup-content">
+        <!-- ko template: contentTemplate -->
+        <!-- /ko -->
     </div>
+</div>
 </script>
 <script type="text/html" id="dxrd-report-parameters-dialogs">
     <!-- ko if: $data -->
@@ -2942,8 +2947,8 @@
 </script>
 
 <script type="text/html" id="dxrd-parameter-edit">
-    <div class="dxrd-parameter-edit-content">
-        <div data-bind="dxScrollView: { showScrollbar: 'onHover', height: 510 }">
+    <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>
@@ -3665,9 +3670,9 @@
 </script>
 
 <script type="text/html" id="dxrd-editingField-editor-treelist-item">
-    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
+    <div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, click: toggleSelected, css: { 'dx-treelist-item-selected dxd-state-selected': isSelected }">
         <div class="dx-treelist-caption">
-            <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected">
+            <div class="dx-treelist-selectedcontent">
                 <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div>
                 <div class="dx-treelist-text-wrapper">
                     <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div>
@@ -4268,7 +4273,7 @@
             <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 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>