devexpress-reporting 24.2.1-alpha-24260-0214 → 24.2.2-beta

package/designer/wizard/wizardTypes.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\wizard\wizardTypes.js)
-* Version:  24.2.1-alpha-24260-0214
-* Build date: Sep 16, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-reportdesigner.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-reportdesigner.css)
-* Version:  24.2.1-alpha-24260-0214
-* Build date: Sep 16, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-reporting-skeleton-screen.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-reporting-skeleton-screen.css)
-* Version:  24.2.1-alpha-24260-0214
-* Build date: Sep 16, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/dist/css/dx-webdocumentviewer.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-webdocumentviewer.css)
-* Version:  24.2.1-alpha-24260-0214
-* Build date: Sep 16, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -58,60 +58,27 @@
   float: right;
   padding-left: 18px;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group,
-.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group {
-  display: inline-flex;
-  height: 46px;
-  box-sizing: border-box;
-  align-content: center;
-  flex-wrap: wrap;
-  width: 100%;
-  padding-bottom: 0px;
+.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-header-text,
+.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-header-text {
   padding-left: 13px;
   padding-right: 13px;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results,
-.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results {
-  display: flex;
-  align-items: center;
-  width: 70%;
-}
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation,
-.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation {
-  display: flex;
-  align-items: center;
-  width: 30%;
-  float: right;
-  justify-content: flex-end;
-}
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button,
-.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button {
-  margin-left: 2px;
-  margin-right: 2px;
-  width: 24px;
-  height: 24px;
-  align-items: center;
-  justify-content: center;
-  min-width: auto;
-}
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header,
-.dx-rtl .dxrd-preview-search-tab-header {
-  padding-bottom: 12px;
-}
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container,
-.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container {
-  padding-left: 13px;
-  padding-right: 13px;
-  padding-top: 8px;
-}
-.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-result-text .dxrd-preview-search-result-text-bold,
-.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-result-text .dxrd-preview-search-result-text-bold {
-  font-weight: bold;
-}
 .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
 .dx-rtl .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second {
   margin-right: 12px;
 }
+.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-wrapper .dxrdp-search-loading .dx-loadindicator-icon,
+.dx-rtl .dxrd-preview-search-wrapper .dxrdp-search-loading .dx-loadindicator-icon {
+  margin-right: 8px;
+}
+.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button,
+.dx-rtl .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button {
+  margin-right: 6px;
+}
+.dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-ai-panel .dxrd-preview-ai-buttons-wrapper .dx-loadindicator-content,
+.dx-rtl .dxrd-preview-ai-panel .dxrd-preview-ai-buttons-wrapper .dx-loadindicator-content {
+  padding-right: 8px;
+}
 .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-toolbar .dxrd-image-preview-first,
 .dx-rtl .dxrd-toolbar .dxrd-image-preview-first,
 .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-toolbar .dxrd-image-preview-prev,
@@ -162,8 +129,19 @@
   float: left;
   padding-right: 18px;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group,
-.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group {
+.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
+.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second {
+  margin-left: 12px;
+}
+.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button,
+.dx-ltr .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button {
+  margin-left: 6px;
+}
+.dxrd-preview.dxrd-designer-wrapper {
+  width: 100%;
+  height: 100%;
+}
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group {
   display: inline-flex;
   height: 46px;
   box-sizing: border-box;
@@ -174,22 +152,19 @@
   padding-left: 13px;
   padding-right: 13px;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results,
-.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results {
   display: flex;
   align-items: center;
   width: 70%;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation,
-.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation {
   display: flex;
   align-items: center;
   width: 30%;
   float: right;
   justify-content: flex-end;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button,
-.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button {
   margin-left: 2px;
   margin-right: 2px;
   width: 24px;
@@ -198,28 +173,19 @@
   justify-content: center;
   min-width: auto;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header,
-.dx-ltr .dxrd-preview-search-tab-header {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header {
   padding-bottom: 12px;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container,
-.dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container {
   padding-left: 13px;
   padding-right: 13px;
   padding-top: 8px;
+  display: flex;
+  align-items: baseline;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-result-text .dxrd-preview-search-result-text-bold,
-.dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-result-text .dxrd-preview-search-result-text-bold {
+.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-result-text .dxrd-preview-search-result-text-bold {
   font-weight: bold;
 }
-.dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
-.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second {
-  margin-left: 12px;
-}
-.dxrd-preview.dxrd-designer-wrapper {
-  width: 100%;
-  height: 100%;
-}
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-tab-header-text {
   white-space: nowrap;
   overflow: hidden;
@@ -229,7 +195,6 @@
 }
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button {
   font-size: 11px;
-  margin-left: 6px;
   min-width: 60px;
   height: 26px;
 }
@@ -239,10 +204,6 @@
 .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button .dx-button-content .dx-button-text {
   text-transform: none;
 }
-.dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container {
-  display: flex;
-  align-items: baseline;
-}
 .dxrd-preview.dxrd-designer-wrapper .dxrdp-toolbar-scrollable.dxrd-toolbar-wrapper {
   position: relative;
   min-width: 0;
@@ -987,9 +948,14 @@
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-panel-textarea {
   opacity: 1;
   margin-left: 3px;
+  margin-right: 3px;
   margin-top: 4px;
   border: none;
 }
+.dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-panel-textarea:focus-visible {
+  outline-width: 1px;
+  outline-style: solid;
+}
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-select-box {
   display: flex;
   align-items: center;
@@ -1011,6 +977,9 @@
   justify-content: 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 {
+  align-self: center;
+}
 .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-buttons-wrapper .dxrd-ai-button-container {
   margin-bottom: 2px;
   display: contents;
@@ -3754,6 +3723,54 @@
 .dx-report-viewer.dx-accessibility .dxrd-designer-wrapper ::-webkit-scrollbar{
   width:1rem;
 }
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper .dxd-dimension-notations-text{
+  border-radius:0.1875rem;
+  padding:0.125rem 0.25rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line{
+  bottom:-0.625rem;
+  height:0.125rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line::before{
+  width:0.125rem;
+  height:0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-arrowed-line::after{
+  width:0.125rem;
+  height:0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-horizontal .dxd-dimension-notations-text{
+  top:0.3125rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line{
+  width:0.125rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line::before{
+  height:0.125rem;
+  width:0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line::after{
+  height:0.125rem;
+  width:0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line{
+  right:-0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-text{
+  left:0.3125rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-ltr .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-text{
+  right:0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-arrowed-line{
+  left:-0.625rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical .dxd-dimension-notations-text{
+  right:0.3125rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-designer-wrapper.dx-rtl .dxd-dimension-notations-wrapper.dxd-dimension-vertical.dxd-dimension-notations-inside-elt .dxd-dimension-notations-text{
+  left:0.625rem;
+}
 .dx-report-viewer.dx-accessibility .dxrd-designer-wrapper .dxd-snap-lines-holder .dxd-snap-line{
   border-top:0.0625rem solid red;
   border-left:0.0625rem solid red;
@@ -3964,6 +3981,9 @@
 .dx-report-viewer.dx-accessibility .dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header{
   margin-right:1rem;
 }
+.dx-report-viewer.dx-accessibility .dx-ltr.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header.dxrd-preview-search-tab-header-text{
+  margin-left:0.8125rem;
+}
 .dx-report-viewer.dx-accessibility .dx-rtl.dxrd-designer-wrapper .dxrd-right-panel .dxrd-right-panel-header{
   margin-left:1rem;
 }
@@ -4069,34 +4089,27 @@
 .dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-export-item-image-wrapper{
   padding-left:1.125rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group,
-.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group{
-  height:2.875rem;
-  padding-bottom:0rem;
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-header-text,
+.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-header-text{
   padding-left:0.8125rem;
   padding-right:0.8125rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button,
-.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button{
-  margin-left:0.125rem;
-  margin-right:0.125rem;
-  width:1.5rem;
-  height:1.5rem;
-}
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header,
-.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-tab-header{
-  padding-bottom:0.75rem;
-}
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container,
-.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container{
-  padding-left:0.8125rem;
-  padding-right:0.8125rem;
-  padding-top:0.5rem;
-}
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
 .dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second{
   margin-right:0.75rem;
 }
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-wrapper .dxrdp-search-loading .dx-loadindicator-icon,
+.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-wrapper .dxrdp-search-loading .dx-loadindicator-icon{
+  margin-right:0.5rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button,
+.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button{
+  margin-right:0.375rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-rtl .dxrd-preview-ai-panel .dxrd-preview-ai-buttons-wrapper .dx-loadindicator-content,
+.dx-report-viewer.dx-accessibility .dx-rtl .dxrd-preview-ai-panel .dxrd-preview-ai-buttons-wrapper .dx-loadindicator-content{
+  padding-right:0.5rem;
+}
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-parameter-actions-container{
   letter-spacing:-0.25rem;
 }
@@ -4116,37 +4129,36 @@
 .dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-export-item-image-wrapper{
   padding-right:1.125rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group,
-.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group{
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
+.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second{
+  margin-left:0.75rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button,
+.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button{
+  margin-left:0.375rem;
+}
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group{
   height:2.875rem;
   padding-bottom:0rem;
   padding-left:0.8125rem;
   padding-right:0.8125rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button,
-.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button{
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-result-wrapper .dxrd-preview-search-indicator-group .dxrd-preview-search-results-navigation .dxrd-preview-search-results-navigation-button{
   margin-left:0.125rem;
   margin-right:0.125rem;
   width:1.5rem;
   height:1.5rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header,
-.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-tab-header{
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header{
   padding-bottom:0.75rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container,
-.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container{
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dxrd-preview-search-tab-editor-button-container{
   padding-left:0.8125rem;
   padding-right:0.8125rem;
   padding-top:0.5rem;
 }
-.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper.dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second,
-.dx-report-viewer.dx-accessibility .dx-ltr .dxrd-preview-search-wrapper .dxrd-preview-search-checkbox-second{
-  margin-left:0.75rem;
-}
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-search-tab-header .dx-button-mode-contained.dx-button-normal.dx-button-has-text.dxrd-preview-search-button{
   font-size:0.6875rem;
-  margin-left:0.375rem;
   min-width:3.75rem;
   height:1.625rem;
 }
@@ -4393,8 +4405,12 @@
 }
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-panel-textarea{
   margin-left:0.1875rem;
+  margin-right:0.1875rem;
   margin-top:0.25rem;
 }
+.dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-panel-textarea:focus-visible{
+  outline-width:0.0625rem;
+}
 .dx-report-viewer.dx-accessibility .dxrd-preview.dxrd-designer-wrapper .dxrd-right-panel .dxrd-preview-ai-panel .dxrd-preview-ai-panel-wrapper .dxrd-preview-ai-select-box .dxrd-preview-ai-form-label{
   font-size:0.6875rem;
 }

package/dist/html/templates.html

@@ -10,6 +10,19 @@
     <p></p>
     <!-- /ko -->
 </div></script>
+<script type="text/html" id="dxd-dimension-notations">
+    <div class="dxd-dimension-notations-wrapper dxd-dimension-horizontal"  data-bind="visible: isHAxisVisible, css: { 'dxd-dimension-notations-inside-elt' : isLocatedInsideContainer }">
+        <div class="dxd-dimension-notations-arrowed-line">
+            <span class="dxd-dimension-notations-text" data-bind="text: width"></span>
+        </div>
+    </div>
+    <div class="dxd-dimension-notations-wrapper dxd-dimension-vertical" data-bind="visible: isVAxisVisible, css: { 'dxd-dimension-notations-inside-elt' : isLocatedInsideContainer }">
+        <div class="dxd-dimension-notations-arrowed-line">
+            <span class="dxd-dimension-notations-text" data-bind="text: height"></span>
+        </div>
+    </div>
+</script>
+
 <script type="text/html" id="dxrd-borders">
     <div class="dxrd-bordereditor" data-bind="dxBorderEditor: $data"></div>
 </script><script type="text/html" id="dxrd-colorpicker">
@@ -1269,10 +1282,10 @@
         <!-- ko if: $data.specifics() === "bool"  -->
         <div class="criteria-operator-item-editor" data-bind="focus: isEditable, dxLocalizedSelectBox: getBoolEditorOptions($element, $root)"></div>
         <!-- /ko -->
-        <!-- ko if: $data.specifics() === "date" -->
-        <div class="criteria-operator-item-editor" data-bind="focus: isEditable, dxDateBox: getDateEditorOptions($element, $root)"></div>
+        <!-- ko if: $data.specifics() === "date" || $data.specifics() === "time" || $data.specifics() === "datetime" -->
+        <div class="criteria-operator-item-editor" data-bind="focus: isEditable, dxDateBox: getDateEditorOptions($element, $root, $data.specifics())"></div>
         <!-- /ko -->
-        <!-- ko if: $data.specifics() !== "string" && $data.specifics() !== "bool" && $data.specifics() !== "date" && $data.specifics() !== "guid" -->
+        <!-- ko if: $data.specifics() !== "string" && $data.specifics() !== "bool" && $data.specifics() !== "date" && $data.specifics() !== "guid" && $data.specifics() !== "time" && $data.specifics() !== "datetime" -->
         <div class="criteria-operator-item-editor" data-bind="dxTextBox: getNumberEditorOptions($element), focus: { on: isEditable }"></div>
         <!-- /ko -->
         <!-- /ko -->
@@ -3481,7 +3494,7 @@
     <input type="text" class="dxrd-display-none" />
 </script>
 <script type="text/html" id="dxrp-editing-field-container">
-    <div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, css: { active: active, readonly: field.readOnly }">
+    <div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }">
         <div class="dxrp-editing-field-borders" data-bind="style: borderStyle"></div>
         <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor">
             <!-- ko if: !active || field.readOnly  -->
@@ -3622,8 +3635,7 @@
                     onSubmenuShown: widget.onSubmenuShown,
                     onSubmenuHiding: widget.onSubmenuHiding,
                     onItemRendered: widget.onItemRendered,
-                    tabIndex: '-1',                    
-                    focusStateEnabled: false
+                    tabIndex: '-1',
                 }">
                 <div data-options="dxTemplate: { name: 'item' }" data-bind="attr: { title: text }">
                     <!--ko if: $data.format -->
@@ -3663,7 +3675,7 @@
                 <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div>
             </div>
         </div>
-        <div data-bind="dxPreviewPageRenderer: imageOptions">
+        <div data-bind="dxPreviewPageRenderer: imageOptions, visible: !pageLoading">
             <!-- ko foreach: activeBricks -->
             <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } -->
             <!--/ko-->
@@ -3679,7 +3691,7 @@
                 <!--/ko-->
                 <!--/ko-->
             </div>
-            <!--/ko-->            
+            <!--/ko-->
             <!-- ko if: activeBricks.length > 0 -->
             <div data-bind="style: { 'position': 'absolute', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }">
                 <div class="dxrd-control-ai-smart-tag dxd-icon-accented" data-bind="dxMenu: smartTagAIMenu">
@@ -3687,7 +3699,7 @@
                         <!-- ko if: $data.text -->
                         <div class="dxrd-ai-floating-smart-tag-text" data-bind="text: text"></div>
                         <!-- ko if: $data.items -->
-                        <div class="dx-icon dx-icon-spinright dx-icon-right dxrd-ai-floating-smart-tag-items"></div>
+                        <div class="dx-icon dxrd-ai-floating-smart-tag-items" data-bind="css: { 'dx-icon-spinright': !$root.rtl, 'dx-icon-spinleft': $root.rtl }"></div>
                         <!-- /ko -->
                         <!-- /ko -->
                         <!-- ko if: $data.icon -->
@@ -3731,7 +3743,7 @@
                 show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },
                 hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }
             },
-            visible: popupData.visible }">
+            visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }">
         <!-- ko if: popupData.showContent -->
         <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } -->
         <!--/ko-->
@@ -3860,28 +3872,28 @@
                 <label class="dxrd-preview-ai-form-label" for="dxrv-ai-target-select"
                     data-bind="text: targetContentText"></label>
                 <div class="dxrd-preview-ai-form-input" id="dxrv-ai-target-select"
-                    data-bind="dxSelectBox: targetSelecBoxOptions"></div>
+                    data-bind="dxSelectBox: getSelecBoxOptions(targetSelecBoxOptions, $element)"></div>
             </div>
             <div class="dx-field dxrd-preview-ai-select-box">
                 <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select"
                     data-bind="text: targetLanguageText"></label>
                 <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select"
-                    data-bind="dxSelectBox: languageSelecBoxOptions"></div>
+                    data-bind="dxSelectBox: getSelecBoxOptions(languageSelecBoxOptions, $element)"></div>
             </div>
             <!-- ko if: pageSelecBoxVisible -->
             <div class="dx-field dxrd-preview-ai-select-box">
                 <label class="dxrd-preview-ai-form-label" for="dxrv-ai-page-select"
                     data-bind="text: pageSelectText"></label>
                 <div class="dxrd-preview-ai-form-input" id="dxrv-ai-page-select"
-                    data-bind="dxSelectBox: pageSelecBoxOptions">
+                    data-bind="dxSelectBox: getSelecBoxOptions(pageSelecBoxOptions, $element)">
                 </div>
             </div>
             <!-- /ko -->
             <div class="dx-field">
                 <div class="dxrd-preview-ai-buttons-wrapper">
-                    <div class="dxrd-preview-ai-buttons" data-bind="dxButton: buttons.translateTextButton">
+                    <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton">
                     </div>
-                    <div class="dxrd-preview-ai-buttons" data-bind="dxButton: buttons.summarizeTextButton">
+                    <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton">
                     </div>
                 </div>
             </div>
@@ -3889,14 +3901,18 @@
         <!-- ko if: resultVisible -->
         <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text">
             <span data-bind="text: textProcessingResultHeaderTest" class="dxrd-right-panel-result-text"></span>
-            <div role="button" class="dxrd-right-panel-copy-button">
+            <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }">
                 <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div>
             </div>
         </div>
-        <div id="dxrd-ai-panel-text-area-id" class="dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); },
-              onPaste: function(e) { e.event.preventDefault(); },
-              onKeyDown: function(e) { e.event.preventDefault(); },
-              hoverStateEnabled: false,
+        <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2"
+        data-bind="dxTextArea: { value: aiProcessingResultText, 
+            onInput: function(e) { e.event.preventDefault(); },
+            onPaste: function(e) { e.event.preventDefault(); },
+            onKeyDown: function(e) { if (e.event.key !== 'Tab') e.event.preventDefault(); },
+            hoverStateEnabled: false,
+            inputAttr: { spellcheck: 'false' },
+            tabIndex: -1
               }">
         </div>
         <!-- /ko -->
@@ -4050,7 +4066,6 @@
         </div>
     </div>
     <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div>
-    <div id="clipboard-container" class="dxrd-position-absolute dxrd-top--100px"><textarea disabled data-bind="attr: { 'aria-label': $root.getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard') }" id="clipboard"></textarea></div>
 </script>
 
 <script type="text/html" id="dxrd-export-tool">
@@ -4454,7 +4469,7 @@
 </script>
 
 <script type="text/html" id="dxcd-legends-editor">
-    <div data-bind="dxSelectBox: getOptions({ dataSource: $root.legends, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })"></div>
+    <div data-bind="dxSelectBox: getOptions({ dataSource: $root.legends, displayExpr: 'displayValue', valueExpr: 'value', value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  })"></div>
 </script>
 
 <script type="text/html" id="dxcd-axisX-editor">
@@ -4630,7 +4645,19 @@
     <!-- /ko -->
     <!-- /ko -->
 </script><script type="text/html" id="dxrd-band-selection">
-    <div data-bind="styleunit: { 'height': height, 'width': rect().width, top: absolutePosition.y }, css: { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: 's', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor" class="dxrd-position-absolute">
+    <div data-bind="styleunit: { 'height': height, 'width': rect().width, top: absolutePosition.y },
+        css: { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': selected() },
+        resizable: {
+            starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); },
+            resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); },
+            stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;},
+            handles: 's',
+            disabled: !canResize(),
+            forceResize: resize,
+            zoom: $root.surface().zoom,
+            minimumHeight: minHeight()
+        },
+        trackCursor: underCursor" class="dxrd-position-absolute">
         <!-- ko if: contentSelectionTemplate -->
         <!-- ko template: contentSelectionTemplate-->
         <!-- /ko -->
@@ -4763,7 +4790,20 @@
     <!-- /ko -->
     <!-- /ko -->
 </script><script type="text/html" id="dxrd-vertical-band-selection">
-    <div data-bind="styleunit: { 'height': height, 'width': _width, left: absolutePosition.x }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() },  css: { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': selected() }, trackCursor: underCursor" class="dxrd-position-absolute">
+    <div data-bind="styleunit: { 'height': height, 'width': _width, left: absolutePosition.x },
+        resizable: {
+            starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); },
+            resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); },
+            stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop();  $root.resizeHandler.stopped(); $root.resizeHandler.started = false;},
+            handles: resizeHandles(),
+            disabled: !canResize(),
+            forceResize: resize,
+            zoom: $root.surface().zoom,
+            minimumWidth: minimumWidth(),
+            minimumHeight: minimumHeight()
+        },
+        css: { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': selected() },
+        trackCursor: underCursor" class="dxrd-position-absolute">
         <div class="dxrd-vertical-band-marker" data-bind="css: { 'dxrd-vertical-band-marker-focused': focused }">
             <div class="dxrd-banding-marker-text" data-bind="text: name"></div>
         </div>
@@ -5547,11 +5587,11 @@
     <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { 'left': position.left, 'width': position.width }"></div>
     <!-- /ko -->
     <!-- ko foreach: rows -->
-    <div class="dxrd-table-row-control" data-bind="visible: isSelected(), css: { 'dxrd-selected dxrd-context-menu-container': selected, 'dxrd-focused': focused, 'dxrd-locked': locked }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: 'n,s', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { 'top': position.top, 'height': position.height }">
+    <div class="dxrd-table-row-control" data-bind="visible: isSelected(), css: { 'dxrd-selected dxrd-context-menu-container': selected, 'dxrd-focused': focused, 'dxrd-locked': locked }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: 'n,s', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { 'top': position.top, 'height': position.height }">
         <div class="dxd-border-accented dxrd-control-border-box"></div>
         <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div>
         <!-- ko foreach: cells -->
-        <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { 'dxrd-selected dxrd-context-menu-container': selected, 'dxrd-focused': focused, 'dxrd-intersect': isIntersect, 'dxrd-locked': locked, 'dxrd-table-cell-over-rowSpan': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: 'e,w', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { 'left': position.left, 'width': position.width, 'height': heightWithRowSpan }, style : { 'z-index': offsetZIndex() }">
+        <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { 'dxrd-selected dxrd-context-menu-container': selected, 'dxrd-focused': focused, 'dxrd-intersect': isIntersect, 'dxrd-locked': locked, 'dxrd-table-cell-over-rowSpan': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: 'e,w', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { 'left': position.left, 'width': position.width, 'height': heightWithRowSpan }, style : { 'z-index': offsetZIndex() }">
             <div class="dxd-border-accented dxrd-control-border-box"></div>
             <!-- ko if: $root.inlineTextEdit.visible() && selected() -->
             <!-- ko with: $root.inlineTextEdit-->