devexpress-reporting 23.1.3 → 23.2.0-build-000-1111

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  23.1.3
-* Build date: Jun 7, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -1080,7 +1080,7 @@ class eventGenerator_EventGenerator {
 var external_DevExpress_Analytics_Internal_dxversions_ = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '23.1.3';
+const version = '23.2.0';
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -5199,6 +5199,7 @@ class _page_PreviewPage extends external_DevExpress_Analytics_Utils_["Disposable
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_pageLoader.js
 
+
 class _pageLoader_PageLoader {
     constructor(_preview) {
         this._preview = _preview;
@@ -5233,7 +5234,7 @@ class _pageLoader_PageLoader {
                 return;
             }
             var promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
-            Promise.all(promises).then(() => {
+            external_jQuery_["when"](...promises).done(() => {
                 !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
         }, 700);
@@ -6127,7 +6128,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
                     this._initialDocumentData = previewInitialize.documentData;
                     this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
                     this.originalParametersInfo(previewInitialize.parametersInfo);
-                    if (previewInitialize.documentId) {
+                    if (previewInitialize.documentId && !this.documentBuilding()) {
                         var documentIdPromise = external_jQuery_["Deferred"]().resolve(previewInitialize.documentId).promise();
                         this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
                             .always(() => { this.documentBuilding(false); });
@@ -6842,7 +6843,7 @@ class exportOptionsModel_ExportOptionsEventHandlers {
     }
     onItemRendered(e) {
         var _a, _b;
-        external_jQuery_(e.itemElement).attr('aria-label', Object(external_DevExpress_Analytics_Utils_["getLocalization"])((_a = e.itemData) === null || _a === void 0 ? void 0 : _a.text, (_b = e.itemData) === null || _b === void 0 ? void 0 : _b.textId));
+        external_jQuery_["fn"].constructor(e.itemElement).attr('aria-label', Object(external_DevExpress_Analytics_Utils_["getLocalization"])((_a = e.itemData) === null || _a === void 0 ? void 0 : _a.text, (_b = e.itemData) === null || _b === void 0 ? void 0 : _b.textId));
     }
 }
 
@@ -9018,7 +9019,6 @@ class _mobilePreviewModel_MobilePreviewModel extends _previewModel_PreviewDispos
 
 
 
-
 class _parametersPopup_ParametersPopupModelBase extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(formModel) {
         super();
@@ -9093,20 +9093,23 @@ class _parametersPopup_DateRangeParemeterPopupModel extends _parametersPopup_Par
             }
         });
         this.model = model;
-        this._dateEditorClassName = 'dxrv-daterange-editor-item';
-        this._dateButtonEditorClassName = 'dxrv-daterange-editor-button';
-        this.getStringDate = (value) => {
-            return Object(external_DevExpress_Analytics_Internal_["formatDate"])(value());
-        };
-        this.focusButton = (e) => {
-            var $element = external_jQuery_["fn"].constructor(e.element);
-            var dateEditor = $element.siblings('.' + this._dateEditorClassName);
-            var parent = $element.closest('.' + this.className);
-            parent.find('.' + this._dateButtonEditorClassName).removeClass('dx-button-default');
-            $element.addClass('dx-button-default');
-            parent.find('.' + this._dateEditorClassName).css('zIndex', 1);
-            dateEditor.css('zIndex', 2);
-        };
+        this.getStringDate = (value) => Object(external_DevExpress_Analytics_Internal_["formatDate"])(value);
+        this.model.calendarHeight = undefined;
+        var defaultButtonSettings = {
+            stylingMode: 'contained',
+            focusStateEnabled: false,
+            activeStateEnabled: false
+        };
+        this.startButton = Object.assign({ text: external_ko_["computed"](() => this.model.startDate() && this.getStringDate(this.model.startDate()) || Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Start Date', 'AnalyticsCoreStringId.Mobile_DateRange_StartDate')), focused: external_ko_["observable"](false), onClick: () => {
+                this.startButton.focused(true),
+                    this.endButton.focused(false);
+            } }, defaultButtonSettings);
+        this.endButton = Object.assign({ text: external_ko_["computed"](() => this.model.endDate() && this.getStringDate(this.model.endDate()) || Object(external_DevExpress_Analytics_Utils_["getLocalization"])('End Date', 'AnalyticsCoreStringId.Mobile_DateRange_EndDate')), focused: external_ko_["observable"](true), onClick: () => {
+                this.endButton.focused(true),
+                    this.startButton.focused(false);
+            } }, defaultButtonSettings);
+        this._disposables.push(this.endButton.text);
+        this._disposables.push(this.startButton.text);
         var submitAction = this.actionButtons.filter(action => action.id == 'dxrv-mobile-submit')[0];
         if (submitAction)
             submitAction.text = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('OK', external_DevExpress_Analytics_Internal_["StringId"].DataAccessBtnOK);
@@ -9116,8 +9119,8 @@ class _parametersPopup_DateRangeParemeterPopupModel extends _parametersPopup_Par
         }));
         this._oldStart = this.model.startDate();
         this._oldEnd = this.model.endDate();
-        this.contentTemplate = 'dxrv-preview-date-range-mobile';
         this.title = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Date Range Parameter', 'AnalyticsCoreStringId.Mobile_DateRange_Title');
+        this.contentTemplate = 'dxrv-preview-date-range-mobile';
         this.className = 'dxrv-preview-date-range-mobile-popup';
     }
 }
@@ -10911,11 +10914,12 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: $data.customGlyphStyleCss', function ($context, $element) { return { 'style': function () { return $context.$data.customGlyphStyleCss; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: items, displayExpr: \'displayName\', value: popupModel.textRangeValue, useItemTextAsTitle: true , placeholder: $root.getLocalization(\'Select Period\', \'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod\') }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.items, 'displayExpr': 'displayName', 'value': $context.$data.popupModel.textRangeValue, 'useItemTextAsTitle': true, 'placeholder': $context.$root.getLocalization('Select Period', 'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod') }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'From\',\'AnalyticsCoreStringId.Mobile_DateRange_From\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('From', 'AnalyticsCoreStringId.Mobile_DateRange_From'); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: popupModel._dateButtonEditorClassName, dxButton: { text: startDate && popupModel.getStringDate(startDate) || $root.getLocalization(\'Start Date\',\'AnalyticsCoreStringId.Mobile_DateRange_StartDate\'), stylingMode: \'contained\', onClick: popupModel.focusButton, focusStateEnabled: false, activeStateEnabled: false }', function ($context, $element) { return { 'css': function () { return $context.$data.popupModel._dateButtonEditorClassName; }, 'dxButton': function () { return { 'text': $context.$data.startDate && $context.$data.popupModel.getStringDate($context.$data.startDate) || $context.$root.getLocalization('Start Date', 'AnalyticsCoreStringId.Mobile_DateRange_StartDate'), 'stylingMode': 'contained', 'onClick': $context.$data.popupModel.focusButton, 'focusStateEnabled': false, 'activeStateEnabled': false }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: popupModel._dateEditorClassName', function ($context, $element) { return { 'css': function () { return $context.$data.popupModel._dateEditorClassName; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dx-button-default\': popupModel.startButton.focused }, dxButton: popupModel.startButton', function ($context, $element) { return { 'css': function () { return { 'dx-button-default': $context.$data.popupModel.startButton.focused }; }, 'dxButton': function () { return $context.$data.popupModel.startButton; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Until\',\'AnalyticsCoreStringId.Mobile_DateRange_Until\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Until', 'AnalyticsCoreStringId.Mobile_DateRange_Until'); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: popupModel._dateButtonEditorClassName, dxButton: { text: endDate && popupModel.getStringDate(endDate) || $root.getLocalization(\'End Date\',\'AnalyticsCoreStringId.Mobile_DateRange_EndDate\'), stylingMode: \'contained\', type:\'default\', onClick: popupModel.focusButton, focusStateEnabled: false, activeStateEnabled: false }', function ($context, $element) { return { 'css': function () { return $context.$data.popupModel._dateButtonEditorClassName; }, 'dxButton': function () { return { 'text': $context.$data.endDate && $context.$data.popupModel.getStringDate($context.$data.endDate) || $context.$root.getLocalization('End Date', 'AnalyticsCoreStringId.Mobile_DateRange_EndDate'), 'stylingMode': 'contained', 'type': 'default', 'onClick': $context.$data.popupModel.focusButton, 'focusStateEnabled': false, 'activeStateEnabled': false }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dx-button-default\': popupModel.endButton.focused }, dxButton: popupModel.endButton', function ($context, $element) { return { 'css': function () { return { 'dx-button-default': $context.$data.popupModel.endButton.focused }; }, 'dxButton': function () { return $context.$data.popupModel.endButton; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: popupModel.startButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.startButton.focused; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(startDate, undefined) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data._createTemplateData($context.$data.startDate, undefined) }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: popupModel.endButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.endButton.focused; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(endDate, startDate) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data._createTemplateData($context.$data.endDate, $context.$data.startDate) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: { autoFitBy: $root.reportPreview.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, previewSize: $root.reportPreview.previewSize, brickLoading: brickLoading, skipIfInvisible: true }', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickToBrick; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'autoFit': function () { return { 'autoFitBy': $context.$root.reportPreview.autoFitBy, 'zoom': $context.$data.zoom, 'width': $context.$data.originalWidth, 'height': $context.$data.originalHeight, 'previewSize': $context.$root.reportPreview.previewSize, 'brickLoading': $context.$data.brickLoading, 'skipIfInvisible': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { width: width, height: height, lineHeight: height }, style: { \'background-color\': color }, visible: pageLoading, text: loadingText', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'lineHeight': $context.$data.height }; }, 'style': function () { return { 'background-color': $context.$data.color }; }, 'visible': function () { return $context.$data.pageLoading; }, 'text': function () { return $context.$data.loadingText; } }; });
@@ -10976,7 +10980,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('s
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: activateEditor', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: textStyle(), css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle(); }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: breakOffsetStyle(), html: htmlValue()', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle(); }, 'html': function () { return $context.$data.htmlValue(); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: breakOffsetStyle(), text: field.editValue()', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle(); }, 'text': function () { return $context.$data.field.editValue(); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: textStyle(), css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue()', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle(); }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; }, 'text': function () { return $context.$data.field.editValue(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('value: value, valueUpdate: \'keypress\', style: textStyle(), event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle(); }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: options, childStyle: { style: textStyle(), selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle(), 'selector': '.dx-texteditor-input' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxNumberBox: options, childStyle: { style: textStyle(), selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle(), 'selector': '.dx-texteditor-input' }; } }; });
@@ -11097,7 +11101,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('accessibilityKeyboardHelper: $data.dialogKeyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.dialogKeyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-label\': $root.getLocalization(\'Predefined periods\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPredefinedPeriods\') }, accessibilityKeyboardHelper: $data.dialogKeyboardHelper.predefinedDateRangesKeyboardHelper, dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Predefined periods', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPredefinedPeriods') }; }, 'accessibilityKeyboardHelper': function () { return $context.$data.dialogKeyboardHelper.predefinedDateRangesKeyboardHelper; }, 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'scrollByContent': false, 'bounceEnabled': false, 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-selected\': $parent._isSelected($data) }, css: { \'dxd-state-selected\': $parent._isSelected($data) }, dxAction: { model: $data, action: function() { $parent.applyDate($data.range(), true) }}', function ($context, $element) { return { 'attr': function () { return { 'aria-selected': $context.$parent._isSelected($context.$data) }; }, 'css': function () { return { 'dxd-state-selected': $context.$parent._isSelected($context.$data) }; }, 'dxAction': function () { return { 'model': $context.$data, 'action': function () { $context.$parent.applyDate($context.$data.range(), true); } }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCalendar: { value: value, cellTemplate: \'select_cell\', height: \'100%\', min: min }', function ($context, $element) { return { 'dxCalendar': function () { return { 'value': $context.$data.value, 'cellTemplate': 'select_cell', 'height': '100%', 'min': $context.$data.min }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCalendar: { value: value, cellTemplate: \'select_cell\', height: height, min: min }', function ($context, $element) { return { 'dxCalendar': function () { return { 'value': $context.$data.value, 'cellTemplate': 'select_cell', 'height': $context.$data.height, 'min': $context.$data.min }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxd-back-accented\': $parent.inRange(date) }', function ($context, $element) { return { 'css': function () { return { 'dxd-back-accented': $context.$parent.inRange($context.$data.date) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxrvDateRangeEditor: {value: $data.value() }', function ($context, $element) { return { 'dxrvDateRangeEditor': function () { return { 'value': $context.$data.value() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: popupTemplate, data: popupModel }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupTemplate, 'data': $context.$data.popupModel }; } }; });
@@ -11163,7 +11167,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 
 external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplates({
     'dxrd-checkboxcustomglyph': '<div class="dxrd-checkbox-custom-glyph" data-bind="style: $data.customGlyphStyleCss"></div>',
-    'dxrv-preview-date-range-mobile': '<div class="dxrv-preview-date-range-mobile"> <div class="dx-fieldset"> <div class="dx-field"> <div data-bind="dxSelectBox: { dataSource: items, displayExpr: \'displayName\', value: popupModel.textRangeValue, useItemTextAsTitle: true , placeholder: $root.getLocalization(\'Select Period\', \'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod\') }"></div> </div> <div class="dx-field"> <div class="dx-fieldset-column"> <div class="dx-fieldset-header" data-bind="text: $root.getLocalization(\'From\',\'AnalyticsCoreStringId.Mobile_DateRange_From\')"></div> <div data-bind="css: popupModel._dateButtonEditorClassName, dxButton: { text: startDate && popupModel.getStringDate(startDate) || $root.getLocalization(\'Start Date\',\'AnalyticsCoreStringId.Mobile_DateRange_StartDate\'), stylingMode: \'contained\', onClick: popupModel.focusButton, focusStateEnabled: false, activeStateEnabled: false }"></div> <div data-bind="css: popupModel._dateEditorClassName"> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(startDate, undefined) } --> <!-- /ko --> </div> </div> <div class="dx-fieldset-column dx-fieldset-column-right"> <div class="dx-fieldset-header" data-bind="text: $root.getLocalization(\'Until\',\'AnalyticsCoreStringId.Mobile_DateRange_Until\')"></div> <div class="dxd-back-secondary dx-fieldset-column-separator"></div> <div data-bind="css: popupModel._dateButtonEditorClassName, dxButton: { text: endDate && popupModel.getStringDate(endDate) || $root.getLocalization(\'End Date\',\'AnalyticsCoreStringId.Mobile_DateRange_EndDate\'), stylingMode: \'contained\', type:\'default\', onClick: popupModel.focusButton, focusStateEnabled: false, activeStateEnabled: false }"></div> <div data-bind="css: popupModel._dateEditorClassName"> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(endDate, startDate) } --> <!-- /ko --> </div> </div> </div> </div> </div>',
+    'dxrv-preview-date-range-mobile': '<div class="dxrv-preview-date-range-mobile"> <div class="dx-fieldset"> <div class="dx-field"> <div data-bind="dxSelectBox: { dataSource: items, displayExpr: \'displayName\', value: popupModel.textRangeValue, useItemTextAsTitle: true , placeholder: $root.getLocalization(\'Select Period\', \'AnalyticsCoreStringId.Mobile_DateRange_SelectPeriod\') }"></div> </div> <div class="dx-field"> <div class="dx-fieldset-column"> <div class="dx-fieldset-header" data-bind="text: $root.getLocalization(\'From\',\'AnalyticsCoreStringId.Mobile_DateRange_From\')"></div> <div class="dxrv-daterange-editor-button" data-bind="css: { \'dx-button-default\': popupModel.startButton.focused }, dxButton: popupModel.startButton"></div> </div> <div class="dx-fieldset-column dx-fieldset-column-right"> <div class="dx-fieldset-header" data-bind="text: $root.getLocalization(\'Until\',\'AnalyticsCoreStringId.Mobile_DateRange_Until\')"></div> <div class="dxd-back-secondary dx-fieldset-column-separator"></div> <div class="dxrv-daterange-editor-button" data-bind="css: { \'dx-button-default\': popupModel.endButton.focused }, dxButton: popupModel.endButton"></div> </div> </div> <div class="dx-field"> <div class="dxrv-daterange-editor-item"> <!-- ko if: popupModel.startButton.focused --> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(startDate, undefined) } --> <!-- /ko --> <!-- /ko --> <!-- ko if: popupModel.endButton.focused --> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(endDate, startDate) } --> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div>',
     'dxrd-preview-page-mobile': '<div class="dxrdp-content" data-bind="dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: { autoFitBy: $root.reportPreview.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, previewSize: $root.reportPreview.previewSize, brickLoading: brickLoading, skipIfInvisible: true }"> <div class="dxrdp-loading-wrapper" data-bind="styleunit: { width: width, height: height, lineHeight: height }, style: { \'background-color\': color }, visible: pageLoading, text: loadingText"> </div> <img class="dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc }, style:{ \'background-color\': color }" /> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': active() && $parents[1].blocks().length > 1 }, visible: !$root.slideOptions.readerMode"></div> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading() && $data.editingFields--> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> <!--/ko--> </div>',
     'dxrd-page-brick-mobile': '<div class="dxrd-report-preview-brick" data-bind="style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active }"> </div>',
     'dxrdp-search-mobile': '<!-- ko if: $data.enabled --> <div class="dxrdp-search-wrapper" data-bind="styleunit:{ height: height }, dxrdSearchBar: $data"> <div class="dxrd-mobile-search"> <div class="dxrdp-taptosearch" data-bind="visible: !$data.editorVisible(), dxclick: function(s, e) { $data.focusEditor(e); }"> <div class="dxrdp-taptosearch-text" data-bind="text: $root.getLocalization(\'Tap here to Search\', \'ASPxReportsStringId.WebDocumentViewer_Mobile_TapHereToSearch\')"></div> </div> <div class="dxrdp-search-panel" data-bind="visible: $data.editorVisible()"> <div class="dxrdp-search-editor" data-bind="dxTextBox: { value: searchText, onEnterKey: function() { $data.startSearch(); } }"></div> </div> </div> </div> <!-- /ko -->',
@@ -11176,7 +11180,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrv-preview-parameters-mobile-content': '<div class="dx-fieldset"> <div data-bind="dxPropertyGrid: { target: ko.observable($data) }"></div> </div>',
     'dxrv-range-parameter-mobile': '<div data-bind="dxrvDateRangeEditor: {value: $data.value(), isMobile: true }"></div>',
     'dxrdp-surface-mobile': '<div class="dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface" data-bind="style: { pointerEvents: $data.documentId === null ? \'none\' : \'\', touchEvents: $data.documentId === null ? \'none\' : \'\' }, styleunit: { top: topOffset, height: previewWrapperSize().height, width: previewWrapperSize().width }, slide: $root.slideOptions, mobileZoom: { zoom: mobileZoom, zoomUpdating: zoomUpdating }, dxclick: function(s,e) { if(!$root.brickEventsDisabled()) { $data.showActions(s,e); } }, css: { \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted }"> <!-- ko template: {name: \'dxrd-preview-progress-bar\', data: progressBar }--> <!-- /ko --> <div class="dxrd-mobile-content"> <div class="dxrd-mobile-gallery" data-bind="style: { pointerEvents: $data.zoomUpdating() ? \'none\' : \'\', touchEvents: $data.zoomUpdating() ? \'none\' : \'\' }, dxGalleryReportPreview: { dataSource: $root.gallery.items, gallery: $root.gallery, animationEnabled: $root.gallery.animationEnabled, disabled: $data.zoomUpdating, selectedIndex: $root.gallery.selectedIndex, width:\'100%\', height: \'100%\', showIndicator: false, loop: true, onSelectionChanged: onSlide, swipeEnabled: $root.slideOptions.swipeEnabled }"> <div data-options="dxTemplate: { name: \'item\' }"> <div class="dxrd-scrollView-mobile" data-bind="dxScrollView: $root.reportPreview.getScrollViewOptions()"> <div class="dxrd-gallery-blocks" data-bind="style: $root.gallery.contentSize()"> <!-- ko foreach: $data.blocks() --> <!-- ko if: $data.page --> <div class="dxrd-gallery-block" data-bind="styleunit: position, css: $data.classSet"> <div class="dxrd-gallery-block-content" data-bind="styleunit: { width: Math.max(page.width(), position().width), height: Math.max(page.height(), position().height) }, style: { \'background-color\': page.color }"> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': page.active() && $parents[0].blocks().length > 1, \'dxrdp-page-padding\': $parents[0].blocks().length > 1 }, visible: $root.slideOptions.readerMode"></div> <div class="dxrd-mobile-page" data-bind="styleunit: { width: page.width, height: page.height }, style: { pointerEvents: $root.brickEventsDisabled() ? \'none\' : \'\', touchEvents: $root.brickEventsDisabled() ? \'none\' : \'\' }"> <!-- ko template: { name :\'dxrd-preview-page-mobile\', data: page } --> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div> </div> </div> <input type="text" class="dxrd-display-none" />',
-    '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-borders" data-bind="style: borderStyle()"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active() || field.readOnly()  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle(), css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <!-- ko if: htmlValue()  --> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle(), html: htmlValue()"></div> <!--/ko--> <!-- ko ifnot: htmlValue()  --> <div class="dxrp-editing-field-text-html" data-bind="style: breakOffsetStyle(), text: field.editValue()"></div> <!--/ko--> </div> <!--/ko--> <!-- ko if: active() && !field.readOnly() --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
+    '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-borders" data-bind="style: borderStyle()"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active() || field.readOnly()  --> <!-- ko if: htmlValue()  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle(), css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle(), html: htmlValue()"></div> </div> <!--/ko--> <!-- ko ifnot: htmlValue()  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle(), css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue()"></div> <!--/ko--> <!--/ko--> <!-- ko if: active() && !field.readOnly() --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
     'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle(), event: { blur: hideEditor, keyup: keypressAction }"></textarea>',
     'dxrp-editing-field-mask': '<div class="dxrp-editing-field-mask" data-bind="dxTextBox: options, childStyle: { style: textStyle(), selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-number': '<div class="dxrp-editing-field-mask" data-bind="dxNumberBox: options, childStyle: { style: textStyle(), selector: \'.dx-texteditor-input\'}"></div>',
@@ -11205,7 +11209,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-export-tool': '<div data-bind="dxViewerExport: $data"></div>',
     'dxrv-daterange-editor': '<div class="dxrv-daterange-editor"> <div data-bind="cacheElement: { action: function(element) { $data._$element = element; } }, dxEllipsisEditor: { value: _displayText, readOnly:true, inputAttr: { \'aria-label\': $parent.displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { $data._showPopup(); } }"></div> <!-- ko template: { name: popupTemplate, data: popupModel } --> <!-- /ko --> </div>',
     'dxrv-daterange-editor-popup': '<div role="dialog" aria-modal="true" data-bind="dxPopup: { width: \'max-content\', height: $root.calculateWithZoomFactor(362), wrapperAttr: { class: \'dxrv-daterange-editor-popup-wrapper\' }, position: { my: \'right top\', at: \'right bottom\', of: $data._$element, collision: \'fit fit\', offset: \'1 -1\' }, container: $root.getPopupContainer($element), target: $root.getPopupContainer($element), showTitle: false, showCloseButton: false, hideOnOutsideClick: true, animation: {}, shading: false, visible: _popupVisible }"> <div data-bind="dxScrollView: { showScrollbar: \'always\', direction: \'horizontal\', useNative: false, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrv-daterange-editor-popup-container" data-bind="accessibilityKeyboardHelper: $data.dialogKeyboardHelper"> <div role="listbox" class="dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item" data-bind="attr: { \'aria-label\': $root.getLocalization(\'Predefined periods\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPredefinedPeriods\') }, accessibilityKeyboardHelper: $data.dialogKeyboardHelper.predefinedDateRangesKeyboardHelper, dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko foreach: items --> <div role="option" class="dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-selected\': $parent._isSelected($data) }, css: { \'dxd-state-selected\': $parent._isSelected($data) }, dxAction: { model: $data, action: function() { $parent.applyDate($data.range(), true) }}"> <div class="dx-accessibility-field-background dxd-back-accented"></div> <!-- ko text: displayName --> <!-- /ko --> </div> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(startDate, undefined) } --> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: _createTemplateData(endDate, startDate) } --> <!-- /ko --> </div> </div> </div> </div>',
-    'dxrv-daterange-calendar': '<div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, cellTemplate: \'select_cell\', height: \'100%\', 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 data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
+    'dxrv-daterange-calendar': '<div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, 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 data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
     'dxrv-range-parameter': '<div data-bind="dxrvDateRangeEditor: {value: $data.value() }"></div>',
     'dxrd-propertieseditor': '<div data-bind="css: { \'dx-rtl\' : rtl }"> <div class="dx-editors"> <div class="dx-fieldset dxrd-parameters-fieldset dxd-border-primary"> <!-- ko foreach: getEditors() --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --> </div> </div> </div>',
     'dxrd-parameters-editor-content': '<!-- ko if: visible --> <div class="dxrd-parameters-group" data-bind="template: { name: \'dxrd-propertieseditor\', data: viewmodel }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }"> </div> <!-- /ko -->',
@@ -12149,6 +12153,7 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Util
         this.items = [];
         this.startDate = external_ko_["observable"](new Date(new Date().setHours(0, 0, 0, 0)));
         this.endDate = external_ko_["observable"](new Date(new Date().setHours(0, 0, 0, 0)));
+        this.calendarHeight = '100%';
         this._disposables.push(_options.value.subscribe((newVal) => this.applyDate(newVal)), this._displayText = external_ko_["computed"](() => this._getStringValue([this.startDate(), this.endDate()])), this.startDate.subscribe(() => this.applyValue(this.startDate() > this.endDate())), this.endDate.subscribe(() => this.applyValue()));
         this.applyDate(this._options.value());
         this.items = predefinedDateRanges;
@@ -12176,6 +12181,7 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Util
         return {
             value,
             min,
+            height: this.calendarHeight,
             inRange: (date) => this.inRange(date)
         };
     }