devexpress-reporting 23.2.2-beta → 23.2.3

package/dist/css/dx-webdocumentviewer.css

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\css\dx-webdocumentviewer.css)
-* Version:  23.2.2-beta
-* Build date: Nov 13, 2023
+* Version:  23.2.3
+* Build date: Dec 1, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -1629,6 +1629,9 @@
   height: 30px;
   line-height: 30px;
 }
+.dxrd-mobile-gallery {
+  border: 0;
+}
 .dxrd-mobile-gallery.dx-state-disabled {
   opacity: unset;
 }
@@ -2271,7 +2274,7 @@
 }
 .dx-report-viewer.dx-accessibility .dx-editors .dx-field-value.dx-checkbox,
 .dx-report-viewer.dx-accessibility .dx-editors .dx-field-value:not(.dx-widget) > .dx-checkbox{
-  margin-top:0rem;
+  margin-top:0.125rem;
   margin-bottom:0rem;
 }
 .dx-report-viewer.dx-accessibility .dx-editors .dx-fieldset .dx-field{
@@ -2297,7 +2300,7 @@
   margin-top:0.25rem;
 }
 .dx-report-viewer.dx-accessibility .dx-editors .dx-fieldset .dx-field .dx-field-label{
-  padding-top:0.25rem;
+  padding-top:0.375rem;
   font-size:0.6875rem;
 }
 .dx-report-viewer.dx-accessibility .dx-editors .dx-group-header-font{
@@ -2318,11 +2321,8 @@
   left:1rem;
   padding-right:0.625rem;
 }
-.dx-report-viewer.dx-accessibility .dx-editors .dx-editor .dx-field-label.dx-accordion-header .propertygrid-editor-displayName,
-.dx-report-viewer.dx-accessibility .dx-editors .dx-editor .dx-field-label.dx-accordion-header .dx-group-header-font{
-  padding-top:0.125rem;
-}
 .dx-report-viewer.dx-accessibility .dx-editors .dx-editor .dx-field-label.dx-accordion-header .propertygrid-editor-description{
+  bottom:0.125rem;
   width:1.125rem;
   height:1.125rem;
 }
@@ -2396,9 +2396,6 @@
 .dx-report-viewer.dx-accessibility .dx-editors .dx-collectioneditor .dx-collectioneditor-header-text .dx-group-header-font{
   padding-right:0.3125rem;
 }
-.dx-report-viewer.dx-accessibility .dx-editors .dx-collectioneditor .dx-collectioneditor-header-text .propertygrid-editor-collapsed{
-  top:0.8125rem;
-}
 .dx-report-viewer.dx-accessibility .dx-ellipsiseditor.dx-texteditor.dx-ellipsiseditor-warning:not(.dx-invalid) .dx-texteditor-input-container:after{
   margin-top:-0.5625rem;
   width:1.125rem;
@@ -3084,12 +3081,6 @@
 .dx-report-viewer.dx-accessibility .dxrd-textalignment-editor .dxrd-textalignment-editor-content .dxrd-textalignment-margin-top{
   margin-top:-0.3125rem;
 }
-.dx-report-viewer.dx-accessibility .dx-collectioneditor .propertygrid-editor-collapsed{
-  top:0.875rem;
-}
-.dx-report-viewer.dx-accessibility .dx-collectioneditor .dx-field-label.dx-accordion-header.dxd-text-primary.dx-accordion-empty .propertygrid-editor-collapsed{
-  top:0.4375rem;
-}
 .dx-report-viewer.dx-accessibility .dxrd-ellipsis-button .dxrd-ellipsis-image{
   background-size:1rem 1rem;
 }
@@ -3501,6 +3492,34 @@
   top:0.625rem;
   left:0.5rem;
 }
+.dx-designer .dx-report-viewer.dx-accessibility .dx-colorbox-color-result-preview{
+  left:0.8125rem;
+}
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-colorbox-color-result-preview{
+  right:0.8125rem;
+}
+.dx-designer .dx-report-viewer.dx-accessibility .dx-texteditor.dx-invalid .dx-texteditor-input-container::after{
+  right:0.25rem;
+}
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-texteditor.dx-invalid .dx-texteditor-input-container::after{
+  left:0.25rem;
+}
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-tag-remove-button,
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container{
+  left:0rem;
+}
+.dx-designer .dx-report-viewer.dx-accessibility .dx-tag-remove-button::after{
+  right:0.3125rem;
+}
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-tag-remove-button::after{
+  left:0.3125rem;
+}
+.dx-designer .dx-report-viewer.dx-accessibility .dx-tag-remove-button::before{
+  right:0.5625rem;
+}
+.dx-rtl .dx-designer .dx-report-viewer.dx-accessibility .dx-tag-remove-button::before{
+  left:0.5625rem;
+}
 .dx-designer .dx-report-viewer.dx-accessibility .dx-popup-wrapper .dx-colorbox-overlay .dx-popup-content{
   padding:1.25rem;
 }

package/dist/html/templates.html

@@ -216,7 +216,7 @@
                 <!-- /ko -->
                 <!-- /ko -->
                 <!-- ko with: popularProperties -->
-                <div class="dxrd-position-relative" data-bind="template: { name: 'dx-propertieseditor', data: { editors: $root.popularVisibleEditors(), rtl: rtl } }"></div>
+                <div class="dxrd-position-relative" data-bind="template: { name: 'dx-propertieseditor', data: $data }"></div>
                 <!-- /ko -->
             </div>
         </div>
@@ -226,7 +226,7 @@
 
 <script type="text/html" id="dxrd-group-actions">
     <div class="dxd-back-primary2 dxrd-property-grid-actions-group">
-        <!-- ko if: $root.ShowControlActions() -->
+        <!-- ko if: groupActionsVisible -->
             <!-- ko foreach: (groupActions || []) -->
             <div class="dxd-border-primary dxrd-properties-grid-actions-group-content" data-bind="visible: items.some(x => !x.visible || ko.unwrap(x.visible))">
                 <div class="dxd-text-primary dxrd-properties-grid-action-name" data-bind="text: group"></div>
@@ -276,7 +276,7 @@
             </div>
             <!-- /ko -->
             <div class="dxrd-properties-grid dxd-border-primary" data-bind="dxScrollView: { showScrollbar: 'onHover', useNative: false, scrollByThumb: true }">
-                <!-- ko template: { name: 'dxrd-group-actions', data: { groupActions: $root.contextGroupActions } } -->
+                <!-- ko template: { name: 'dxrd-group-actions', data: { groupActions: $root.contextGroupActions, groupActionsVisible: $root.groupActionsVisible() } } -->
                 <!-- /ko -->
                 <!-- ko template: { name: 'dxrd-top-grid', data: { contextActions: $root.contextActions, popularProperties: $root.popularProperties, collapsed: ko.observable(false), popularVisible: $root.popularVisible() && isSortingByGroups(), actionsGroupTitle: $root.actionsGroupTitle } } -->
                 <!-- /ko -->
@@ -328,6 +328,8 @@
                 </div>
                 <!-- ko template: 'dx-propertygrid-popupservice' -->
                 <!-- /ko -->
+                <!-- ko template: { name: 'dx-propertygrid-popoverservice', if: popover, data: popover.getViewModel() } -->
+                <!-- /ko -->
             </div>
             <!-- /ko -->
         </div>
@@ -371,6 +373,25 @@
             </div>
         </div>
     </div>
+</script>
+
+<script type="text/html" id="dx-propertygrid-popoverservice">
+    <div data-bind="dxPopover: {
+        container: $root.getPopupContainer($element),
+        target: target,
+        position: 'bottom',
+        showCloseButton: false,
+        onHidden: onHidden,
+        hideEvent: 'mouseleave focusout',
+        hideOnOutsideClick: true,
+        hideOnParentScroll: true,
+        width: '350px',
+        visible: visible
+    }">
+        <div class="propertygrid-editor-description-popover-content">
+            <span data-bind="text: data"></span>
+        </div>
+    </div>
 </script><script type="text/html" id="dx-right-panel-lightweight">
     <!-- ko with: tabPanel.getViewModel() -->
     <div class="dxrd-right-panel dx-shadow dx-shadow-right dxd-border-secondary dxd-property-grid-group-header-back-color dxd-back-primary2" data-bind="styleunit: { width: contentElement.width }, css: class, resizable: getResizableOptions($element, 1, $root.calculateWithZoomFactor(325))">
@@ -399,8 +420,7 @@
             <!-- /ko -->
         </div>
     </div>
-</script>
-<script type="text/html" id="dx-right-panel-switcher">
+</script><script type="text/html" id="dx-right-panel-switcher">
     <div class="dx-right-panel-switcher">
         <div class="dxrd-collectioneditor-action" data-bind="dxButtonWithTemplate: { icon: 'dxrd-svg-operations-edit', iconClass: 'dx-image-edit', disabled: disabled, onClick: toogle, hint: title }"></div>        
     </div>
@@ -516,8 +536,8 @@
                         <!-- /ko -->
                         <!-- ko if: displayName -->
                         <div class="dx-collectioneditor-header-text dxd-text-primary" data-bind="styleunit: { 'paddingLeft': padding }">
-                            <div class="propertygrid-editor-collapsed dx-collapsing-image" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
-                            <div class="dx-group-header-font dxd-text-primary" data-bind="text: displayName, attr: { title: displayName }"></div>
+                            <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
+                            <div class="dx-group-header-font dxd-text-primary dxrd-display-inline-block" data-bind="text: displayName, attr: { title: displayName }"></div>
                         </div>
                         <!-- /ko -->
                     </div>
@@ -620,8 +640,9 @@
                                 <!-- ko ifnot: !!$data.textToSearch -->
                                 <label class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { 'title': displayName, 'for': editorInputId }, css: { 'dx-property-required': isRequired }, style: { fontWeight: ko.unwrap(isPropertyModified) ? 'Bold' : ''}"></label>
                                 <!-- /ko -->
-                                <!-- ko template: { name: 'dx-property-grid-editor-description', data: $data, if: ko.unwrap($data.description)  }--><!-- /ko -->
-
+                                <!-- ko if: $data.description -->
+                                    <div data-bind="service: { name: 'createEditorDescriptionAddOn' }"></div>
+                                <!-- /ko -->
                             <!-- /ko -->
                     </div>
                     <div class="dx-field-value" data-bind="css: { 'dxd-border-accented': $data.isPropertyHighlighted }">
@@ -650,6 +671,10 @@
 </script>
 
 <script type="text/html" id="dx-emptyHeader">
+</script>
+
+<script type="text/html" id="dx-property-grid-editor-description">
+    <div class="propertygrid-editor-description" data-bind="dxButtonWithTemplate: { onClick: onClick, icon: 'dxrd-svg-tabs-description_info' }"></div>
 </script><script type="text/html" id="dx-date">
     <div class="dx-datebox-container">
         <div data-bind="
@@ -681,13 +706,13 @@
             <!-- 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 }, 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 }, 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-bold" data-bind="css: { 'dxd-state-active': bold(), 'dx-disabled-button': $parent.disabled }, click: function() { if(!ko.unwrap($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 }, click: function() { if(!ko.unwrap($parent.disabled)) { italic(!italic()); } }"><!-- ko template: 'dxrd-svg-fontstyle-italic'--><!-- /ko --></div>
                 <!-- ko ifnot: $parents[2].editorOptions && $parents[2].editorOptions.hideUnderline -->
-                    <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 }, 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-underline" data-bind="css: { 'dxd-state-active': underline(), 'dx-disabled-button': $parent.disabled }, click: function() { if(!ko.unwrap($parent.disabled)) { underline(!underline()); } }"><!-- ko template: 'dxrd-svg-fontstyle-underline'--><!-- /ko --></div>
                 <!-- /ko -->
                 <!-- ko ifnot: $parents[2].editorOptions && $parents[2].editorOptions.hideStrikeout -->
-                    <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 }, click: function() { if(!$parent.disabled) { strikeout(!strikeout()); } }"><!-- ko template: 'dxrd-svg-fontstyle-strikeout'--><!-- /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 }, click: function() { if(!ko.unwrap($parent.disabled)) { strikeout(!strikeout()); } }"><!-- ko template: 'dxrd-svg-fontstyle-strikeout'--><!-- /ko --></div>
                 <!-- /ko -->
                 </div>
             </div>
@@ -726,6 +751,7 @@
                 <!-- /ko -->
                 <!-- /ko -->
             </div>
+
         </div>
     </div>
 </script>
@@ -734,24 +760,6 @@
     <!-- ko if: visible -->
     <div data-bind="template: { name: 'dx-propertieseditor', data: viewmodel }"></div>
     <!-- /ko -->
-</script>
-
-<script type="text/html" id="dx-property-grid-editor-description">
-    <div role="button" class="propertygrid-editor-description" data-bind="template: {name: 'dxrd-svg-tabs-description_info' }, attr: { id: $data.contentId + '-description' }">
-    </div>
-    <div class="" data-bind="dxPopover: {
-        target: '#' + $data.contentId + '-description',
-        container: $root.getPopupContainer($element),
-        position: 'bottom',
-        showCloseButton: false,
-        showEvent: 'click',
-        hideEvent: 'mouseleave',
-        width: '350px'
-    }">
-        <div class="propertygrid-editor-description-popover-content">
-            <span data-bind="text: ko.unwrap($data.description)"></span>
-        </div>
-    </div>
 </script><script type="text/html" id="dxrd-federated-manageQueries-editor">
 <!-- ko if: $data -->
 <div>
@@ -2279,8 +2287,8 @@
     <div class="dxrd-accordion-collection-item" data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }">
         <div class="dxrd-group-header dx-accordion-header">
             <div>
-                <div class="propertygrid-editor-collapsed dx-collapsing-image" data-bind="css: { 'dx-image-expanded': !collapsed }, template: 'dxrd-svg-collapsed'"></div>
-                <div class="dx-group-header-font" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div>
+                <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="css: { 'dx-image-expanded': !collapsed }, template: 'dxrd-svg-collapsed'"></div>
+                <div class="dx-group-header-font dxrd-display-inline-block" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div>
             </div>
         </div>
         <div class="dx-accordion-content">
@@ -3599,6 +3607,8 @@
                 <!-- ko template: { name: 'dx-propertieseditor', data: propertyGrid } -->
                 <!-- /ko -->
             </div>
+            <!-- ko template: { name: 'dx-propertygrid-popoverservice', if: propertyGrid.popover, data: propertyGrid.popover } -->
+            <!-- /ko -->
         </div>
     </div>
 </div>
@@ -4063,7 +4073,7 @@
                             <!-- ko if: isComplexEditor -->
                             <div data-bind="enable: templateName === 'dx-emptyHeader'">
                                 <!-- ko ifnot: $data.alwaysShow -->
-                                <div class="propertygrid-editor-collapsed dx-collapsing-image" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
+                                <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
                                 <!-- /ko -->
                                 <!-- ko if: !!$data.textToSearch -->
                                 <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { 'title': displayName }"></div>
@@ -4080,7 +4090,7 @@
                             <!-- ko ifnot: !!$data.textToSearch -->
                             <label class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { 'title': displayName, for: editorInputId }, css: { 'dx-property-required': isRequired }, style: { fontWeight: isPropertyModified ? 'Bold' : ''}"></label>
                             <!-- /ko -->
-                            <!-- /ko -->                            
+                            <!-- /ko -->
                     </div>
                     <div class="dx-field-value" data-bind="css: { 'dxd-border-accented': $data.isPropertyHighlighted }">
                         <div data-bind="service: { name: 'createEditorAddOn' }"></div>
@@ -6701,8 +6711,8 @@
     <div class="dxrd-accordion-collection-item" data-bind="dxdAccordion: { collapsed: collapsed, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }">
         <div class="dxrd-group-header dx-accordion-header dxd-text-primary">
             <div data-bind="styleunit: {'paddingLeft': padding + $root.dx._static.propertiesGridEditorsPaddingLeft }">
-                <div class="propertygrid-editor-collapsed dx-collapsing-image" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
-                <div class="dx-group-header-font dxd-text-primary" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div>
+                <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: 'dxrd-svg-collapsed', css: { 'dx-image-expanded': !collapsed }"></div>
+                <div class="dx-group-header-font dxd-text-primary dxrd-display-inline-block" data-bind="text: $root.getLocalization(value.name), attr: { title: $root.getLocalization(value.name) }"></div>
             </div>
         </div>
         <div class="dx-accordion-content dxd-back-primary">