devexpress-reporting 23.1.2-build-2379-1247 → 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.2-build-2379-1247
-* Build date: Mar 20, 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
 */
@@ -88,7 +88,7 @@
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 21);
+/******/ 	return __webpack_require__(__webpack_require__.s = 22);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -215,10 +215,16 @@ module.exports = DevExpress.config;
 /* 20 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.ui.dxScrollView;
+module.exports = DevExpress.data.CustomStore;
 
 /***/ }),
 /* 21 */
+/***/ (function(module, exports) {
+
+module.exports = DevExpress.ui.dxScrollView;
+
+/***/ }),
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -338,6 +344,7 @@ __webpack_require__.d(reporting_export_metadata_namespaceObject, "xlsxExportOpti
 var reporting_internal_namespaceObject = {};
 __webpack_require__.r(reporting_internal_namespaceObject);
 __webpack_require__.d(reporting_internal_namespaceObject, "Locker", function() { return Locker; });
+__webpack_require__.d(reporting_internal_namespaceObject, "getChartChildComponents", function() { return getChartChildComponents; });
 __webpack_require__.d(reporting_internal_namespaceObject, "cultureInfo", function() { return cultureInfo; });
 __webpack_require__.d(reporting_internal_namespaceObject, "generateGuid", function() { return generateGuid; });
 __webpack_require__.d(reporting_internal_namespaceObject, "createFullscreenComputed", function() { return createFullscreenComputed; });
@@ -408,7 +415,7 @@ __webpack_require__.d(reporting_viewer_export_namespaceObject, "CsvExportOptions
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "DocxExportOptionsPreview", function() { return docxExportOptionsPreview_DocxExportOptionsPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "DocxExportOptionsMergedPreview", function() { return docxExportOptionsPreview_DocxExportOptionsMergedPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "ExportOptionsModel", function() { return exportOptionsModel_ExportOptionsModel; });
-__webpack_require__.d(reporting_viewer_export_namespaceObject, "ExportOptionsEventHandlers", function() { return ExportOptionsEventHandlers; });
+__webpack_require__.d(reporting_viewer_export_namespaceObject, "ExportOptionsEventHandlers", function() { return exportOptionsModel_ExportOptionsEventHandlers; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "ExportOptionsPreview", function() { return exportOptionsPreview_ExportOptionsPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "ExportOptionsMergedPreview", function() { return exportOptionsPreview_ExportOptionsMergedPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "HtmlExportOptionsPreview", function() { return htmlExportOptionsPreview_HtmlExportOptionsPreview; });
@@ -439,6 +446,7 @@ __webpack_require__.d(reporting_viewer_export_namespaceObject, "XlsExportOptions
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "XlsExportOptionsMergedPreview", function() { return xlsExportOptionsPreview_XlsExportOptionsMergedPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "XlsxExportOptionsPreview", function() { return xlsxExportOptionsPreview_XlsxExportOptionsPreview; });
 __webpack_require__.d(reporting_viewer_export_namespaceObject, "XlsxExportOptionsMergedPreview", function() { return xlsxExportOptionsPreview_XlsxExportOptionsMergedPreview; });
+__webpack_require__.d(reporting_viewer_export_namespaceObject, "PdfExportOptionsPreview", function() { return pdfExportOptionsPreview_PdfExportOptionsPreview; });
 
 // NAMESPACE OBJECT: ./node_modules/devexpress-reporting/scopes/reporting-viewer-export-metadata.js
 var reporting_viewer_export_metadata_namespaceObject = {};
@@ -560,7 +568,7 @@ __webpack_require__.d(reporting_viewer_settings_namespaceObject, "ReportServerDo
 __webpack_require__.d(reporting_viewer_settings_namespaceObject, "PollingDelay", function() { return PollingDelay; });
 __webpack_require__.d(reporting_viewer_settings_namespaceObject, "TimeOut", function() { return TimeOut; });
 __webpack_require__.d(reporting_viewer_settings_namespaceObject, "PreloadedPagesOffset", function() { return PreloadedPagesOffset; });
-__webpack_require__.d(reporting_viewer_settings_namespaceObject, "MultipageScrollingTrottle", function() { return MultipageScrollingTrottle; });
+__webpack_require__.d(reporting_viewer_settings_namespaceObject, "MultipageScrollingThrottle", function() { return MultipageScrollingThrottle; });
 
 // NAMESPACE OBJECT: ./node_modules/devexpress-reporting/scopes/reporting-viewer-utils.js
 var reporting_viewer_utils_namespaceObject = {};
@@ -573,6 +581,7 @@ __webpack_require__.d(reporting_viewer_widgets_namespaceObject, "viewerEditorTem
 __webpack_require__.d(reporting_viewer_widgets_namespaceObject, "predefinedDateRanges", function() { return predefinedDateRanges; });
 __webpack_require__.d(reporting_viewer_widgets_namespaceObject, "DateRangeEditor", function() { return dateRangeEditor_DateRangeEditor; });
 __webpack_require__.d(reporting_viewer_widgets_namespaceObject, "PictureEditMode", function() { return PictureEditMode; });
+__webpack_require__.d(reporting_viewer_widgets_namespaceObject, "SignatureEditor", function() { return signatureEditor_SignatureEditor; });
 
 // NAMESPACE OBJECT: ./node_modules/devexpress-reporting/scopes/reporting-viewer-widgets-internal.js
 var reporting_viewer_widgets_internal_namespaceObject = {};
@@ -1071,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.1';
+const version = '23.2.0';
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -1981,14 +1990,17 @@ var pdfExportPasswordSecurityOptionsSerializationInfo = [
 
 
 
-var pdfACompatibilityValues = { None: 'None', PdfA1b: 'PdfA1b', PdfA2b: 'PdfA2b', PdfA3b: 'PdfA3b' };
+var pdfACompatibilityValues = { None: 'None', PdfA1a: 'PdfA1a', PdfA1b: 'PdfA1b', PdfA2a: 'PdfA2a', PdfA2b: 'PdfA2b', PdfA3a: 'PdfA3a', PdfA3b: 'PdfA3b' };
 var pdfACompatibility = {
     propertyName: 'pdfACompatibility', modelName: '@PdfACompatibility', displayName: 'PDF A Compatibility', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.PdfACompatibility', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: pdfACompatibilityValues.None, from: external_DevExpress_Analytics_Utils_["fromEnum"],
     valuesArray: [
         { value: pdfACompatibilityValues.None, displayValue: pdfACompatibilityValues.None, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.None' },
-        { value: pdfACompatibilityValues.PdfA1b, displayValue: pdfACompatibilityValues.PdfA1b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA1b' },
-        { value: pdfACompatibilityValues.PdfA2b, displayValue: pdfACompatibilityValues.PdfA2b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA2b' },
-        { value: pdfACompatibilityValues.PdfA3b, displayValue: pdfACompatibilityValues.PdfA3b, localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA3b' }
+        { value: pdfACompatibilityValues.PdfA1a, displayValue: 'PDF/A-1a', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA1a' },
+        { value: pdfACompatibilityValues.PdfA1b, displayValue: 'PDF/A-1b', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA1b' },
+        { value: pdfACompatibilityValues.PdfA2a, displayValue: 'PDF/A-2a', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA2a' },
+        { value: pdfACompatibilityValues.PdfA2b, displayValue: 'PDF/A-2b', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA2b' },
+        { value: pdfACompatibilityValues.PdfA3a, displayValue: 'PDF/A-3a', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA3a' },
+        { value: pdfACompatibilityValues.PdfA3b, displayValue: 'PDF/A-3b', localizationId: 'DevExpress.XtraPrinting.PdfACompatibility.PdfA3b' }
     ]
 };
 var pdfUACompatibilityValues = { None: 'None', PdfUA1: 'PdfUA1' };
@@ -2029,7 +2041,7 @@ var pdfExportOptionsSerializationInfo = [
 class pdfExportOptions_PdfExportOptions {
     constructor(model, serializer) {
         serializer = serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]();
-        serializer.deserialize(this, model);
+        serializer.deserialize(this, model || {});
     }
     static from(model, serializer) {
         return new pdfExportOptions_PdfExportOptions(model || {}, serializer);
@@ -2041,7 +2053,7 @@ class pdfExportOptions_PdfExportOptions {
         var _pdfACompatibility = this.pdfACompatibility ? this.pdfACompatibility() : pdfACompatibility.defaultVal;
         var _pdfUACompatibility = this.pdfUACompatibility ? this.pdfUACompatibility() : pdfUACompatibility.defaultVal;
         if (propertyName === 'exportEditingFieldsToAcroForms')
-            return _pdfACompatibility === pdfACompatibilityValues.PdfA1b;
+            return _pdfACompatibility === pdfACompatibilityValues.PdfA1b || _pdfACompatibility === pdfACompatibilityValues.PdfA1a;
         else if (propertyName === 'neverEmbeddedFonts')
             return _pdfACompatibility != pdfACompatibilityValues.None || _pdfUACompatibility != pdfUACompatibilityValues.None;
         else if (propertyName === 'pdfPasswordSecurityOptions' || propertyName === 'showPrintDialogOnOpen')
@@ -2295,12 +2307,8 @@ var exportOptionsSerializationInfo = [
 
 
 class exportOptions_ExportOptions {
-    constructor(model, serializer) {
-        serializer = serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]();
-        serializer.deserialize(this, model);
-    }
     static from(model, serializer) {
-        return new exportOptions_ExportOptions(model || {}, serializer);
+        return new exportOptions_ExportOptions().deserialize(model || {}, serializer);
     }
     static toJson(value, serializer, refs) {
         return serializer.serialize(value, exportOptionsSerializationInfo, refs);
@@ -2308,6 +2316,11 @@ class exportOptions_ExportOptions {
     getInfo() {
         return exportOptionsSerializationInfo;
     }
+    deserialize(model, serializer) {
+        serializer = serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]();
+        serializer.deserialize(this, model);
+        return this;
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-export.js
@@ -2390,6 +2403,36 @@ class Locker {
     }
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/utils/_chartUtils.js
+
+function getChartChildComponents(chartComponent, path, displayPath = '') {
+    var result = [];
+    if (chartComponent === null || chartComponent === void 0 ? void 0 : chartComponent.getChildComponents) {
+        var childComponents = chartComponent.getChildComponents();
+        childComponents.forEach(childComponent => {
+            if (!childComponent.component)
+                return;
+            var currentPath = path ? `${path}.${childComponent.path}` : childComponent.path;
+            var currentDisplayPath = displayPath ? `${displayPath}.${childComponent.path}` : childComponent.path;
+            result.push(..._getChartSubComponents(childComponent.component, currentPath, currentDisplayPath));
+        });
+    }
+    return result;
+}
+function _getChartSubComponents(component, path, displayPath) {
+    var result = [];
+    if (Array.isArray(component)) {
+        component.forEach((element, index) => {
+            result.push(..._getChartSubComponents(element, `${path}.${index}`, `${displayPath}.${external_ko_["unwrap"](element.name)}`));
+        });
+    }
+    else {
+        result.push({ component: component, path: path, displayPath: displayPath });
+        result.push(...getChartChildComponents(component, path, displayPath));
+    }
+    return result;
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-internal.js
 
 
@@ -2398,6 +2441,8 @@ class Locker {
 
 
 
+
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-metadata.js
 
 
@@ -2696,7 +2741,7 @@ var ReportServerDownloadUri = Object(external_DevExpress_Analytics_Internal_["cr
 var PollingDelay = Object(external_DevExpress_Analytics_Internal_["createGlobalModuleVariableFunc"])(300);
 var TimeOut = Object(external_DevExpress_Analytics_Internal_["createGlobalModuleVariableFunc"])(105000);
 var PreloadedPagesOffset = Object(external_DevExpress_Analytics_Internal_["createGlobalModuleVariableFunc"])(15);
-var MultipageScrollingTrottle = Object(external_DevExpress_Analytics_Internal_["createGlobalModuleVariableFunc"])(150);
+var MultipageScrollingThrottle = Object(external_DevExpress_Analytics_Internal_["createGlobalModuleVariableFunc"])(150);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/editing/models/textEditingField.js
 
@@ -3414,7 +3459,6 @@ class popupImageEditingField_PopupImageEditingFieldViewModel extends imageEditin
             paintData: this.painterData,
             contentTemplate: 'dxrp-editing-field-image-editor',
             isVisible: (element) => this.isPopupActive(element),
-            getContainer: () => this.popupTarget,
             getPositionTarget: (element) => this._getPopupContainer(element),
             shading: this.shadingEnabled,
             showContent: _showContent,
@@ -3592,9 +3636,6 @@ class editingField_EditingField extends external_DevExpress_Analytics_Utils_["Di
 
 
 class csvExportOptionsPreview_CsvExportOptionsPreview extends csvExportOptions_CsvExportOptions {
-    static from(model, serializer) {
-        return new csvExportOptionsPreview_CsvExportOptionsPreview(model || {}, serializer);
-    }
     isPropertyVisible(name) {
         return name !== useCustomSeparator.propertyName;
     }
@@ -3886,6 +3927,90 @@ class docxExportOptionsPreview_DocxExportOptionsMergedPreview extends docxExport
     }
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/_groupEditor.js
+
+class _groupEditor_ParametersGroupEditor extends external_DevExpress_Analytics_Widgets_["PropertyGridEditor"] {
+    constructor(info, level, parentDisabled, textToSearch) {
+        super(info, level, parentDisabled, textToSearch);
+        this.isGroupLabel = true;
+    }
+    _setPadding(position, value) {
+        var padding = super._setPadding(position, value);
+        padding['padding-' + position] = 10;
+        padding['padding-bottom'] = 6;
+        return padding;
+    }
+    createObjectProperties() {
+        var editorOptions = this.editorOptions;
+        this.collapsed(!editorOptions.expanded && editorOptions.titleVisible);
+        this.hideEditorHeader = !editorOptions.titleVisible;
+        this.alwaysShow(!editorOptions.showExpandButton);
+        this.hideBorder = editorOptions.borderVisible === false;
+        this.showHorizontally = editorOptions.orientation === 'Horizontal';
+        this.level = -1;
+        this.editorCreated(true);
+        return super.createObjectProperties();
+    }
+}
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/signatureEditor.js
+
+class signatureEditor_SignatureEditor extends external_DevExpress_Analytics_Widgets_["Editor"] {
+    getAvailableSignature(root) {
+        var reportPreviewModel = root.reportPreviewModel;
+        if (!reportPreviewModel) {
+            reportPreviewModel = root;
+        }
+        return reportPreviewModel.reportPreview.signatures;
+    }
+}
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/editorTemplates.js
+
+
+
+
+var viewerEditorTemplates = {
+    multiValue: {
+        header: 'dxrd-multivalue', extendedOptions: {
+            onMultiTagPreparing: (args) => {
+                var selectedItemsLength = args.selectedItems.length, totalCount = args.model.items.length;
+                if (selectedItemsLength === totalCount) {
+                    var stringFormat = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
+                    args.text = Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(stringFormat, selectedItemsLength);
+                }
+            }
+        }
+    },
+    groupEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-property-editor', content: 'dxrd-parameters-editor-content', editorType: _groupEditor_ParametersGroupEditor },
+    rangeEditor: { header: 'dxrv-range-parameter' },
+    multiValueEditable: { custom: 'dxrd-multivalue-editable' },
+    selectBox: { header: 'dx-selectbox' },
+    separatorEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-separator' },
+    signatures: { header: 'dxrdv-signature', editorType: signatureEditor_SignatureEditor },
+};
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/exportOptions/pdfExportOptionsPreview.js
+
+
+
+class pdfExportOptionsPreview_PdfExportOptionsPreview extends pdfExportOptions_PdfExportOptions {
+    constructor(model, serializer, _signatures) {
+        super(model, serializer);
+        this._signatures = _signatures;
+        this.signature = external_ko_["observable"]();
+    }
+    getInfo() {
+        return [
+            { propertyName: 'signature', defaultVal: null, editor: viewerEditorTemplates.signatures, displayName: 'Signature', localizationId: 'PreviewStringId.EditingFieldEditors_Signature' },
+            ...super.getInfo()
+        ];
+    }
+    isPropertyVisible(name) {
+        return name !== 'signature' || this._signatures().length;
+    }
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/exportOptions/exportOptionsPreview.js
 
 
@@ -3899,42 +4024,44 @@ class docxExportOptionsPreview_DocxExportOptionsMergedPreview extends docxExport
 
 
 
+
 class exportOptionsPreview_ExportOptionsPreview extends exportOptions_ExportOptions {
+    constructor(_signatures) {
+        super();
+        this._signatures = _signatures;
+    }
     _generateFromFunction(exportType) {
         return (model, serializer) => {
             return new exportType(model || {}, serializer);
         };
     }
-    _generateInfo() {
+    hasSensitiveData() {
+        return (this.xls && this.xls.hasSensitiveData())
+            || (this.xlsx && this.xlsx.hasSensitiveData())
+            || (this.pdf && this.pdf.hasSensitiveData());
+    }
+    getInfo() {
         return [
-            { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', from: csvExportOptionsPreview_CsvExportOptionsPreview.from, toJsonObject: csvExportOptionsPreview_CsvExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+            { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', from: this._generateFromFunction(csvExportOptionsPreview_CsvExportOptionsPreview), toJsonObject: csvExportOptionsPreview_CsvExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: this._generateFromFunction(htmlExportOptionsPreview_HtmlExportOptionsPreview), toJsonObject: htmlExportOptionsPreview_HtmlExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: this._generateFromFunction(imageExportOptionsPreview_ImageExportOptionsPreview), toJsonObject: imageExportOptionsPreview_ImageExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: this._generateFromFunction(mhtExportOptionsPreview_MhtExportOptionsPreview), toJsonObject: mhtExportOptionsPreview_MhtExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-            { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: pdfExportOptions_PdfExportOptions.from, toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+            { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: (model, serializer) => new pdfExportOptionsPreview_PdfExportOptionsPreview(model, serializer, this._signatures), toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: this._generateFromFunction(rtfExportOptionsPreview_RtfExportOptionsPreview), toJsonObject: rtfExportOptionsPreview_RtfExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-            { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', from: textExportOptions_TextExportOptions.from, toJsonObject: textExportOptions_TextExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+            { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', from: this._generateFromFunction(textExportOptions_TextExportOptions), toJsonObject: textExportOptions_TextExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: this._generateFromFunction(xlsExportOptionsPreview_XlsExportOptionsPreview), toJsonObject: xlsExportOptionsPreview_XlsExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: this._generateFromFunction(xlsxExportOptionsPreview_XlsxExportOptionsPreview), toJsonObject: xlsxExportOptionsPreview_XlsxExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', from: this._generateFromFunction(docxExportOptionsPreview_DocxExportOptionsPreview), toJsonObject: docxExportOptionsPreview_DocxExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') }
         ];
     }
-    hasSensitiveData() {
-        return (this.xls && this.xls.hasSensitiveData())
-            || (this.xlsx && this.xlsx.hasSensitiveData())
-            || (this.pdf && this.pdf.hasSensitiveData());
-    }
-    getInfo() {
-        return this._generateInfo();
-    }
 }
 class exportOptionsPreview_ExportOptionsMergedPreview extends exportOptionsPreview_ExportOptionsPreview {
-    _generateInfo() {
+    getInfo() {
         return [
             { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: this._generateFromFunction(htmlExportOptionsPreview_HtmlExportOptionsMergedPreview), toJsonObject: htmlExportOptionsPreview_HtmlExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: this._generateFromFunction(imageExportOptionsPreview_ImageExportOptionsMergedPreview), toJsonObject: imageExportOptionsPreview_ImageExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: this._generateFromFunction(mhtExportOptionsPreview_MhtExportOptionsMergedPreview), toJsonObject: mhtExportOptionsPreview_MhtExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-            { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: pdfExportOptions_PdfExportOptions.from, toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+            { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: (model, serializer) => new pdfExportOptionsPreview_PdfExportOptionsPreview(model, serializer, this._signatures), toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: this._generateFromFunction(rtfExportOptionsPreview_RtfExportOptionsMergedPreview), toJsonObject: rtfExportOptionsPreview_RtfExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: this._generateFromFunction(xlsExportOptionsPreview_XlsExportOptionsMergedPreview), toJsonObject: xlsExportOptionsPreview_XlsExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
             { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: this._generateFromFunction(xlsxExportOptionsPreview_XlsxExportOptionsMergedPreview), toJsonObject: xlsxExportOptionsPreview_XlsxExportOptionsPreview.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
@@ -4002,6 +4129,28 @@ class _previewRequestWrapper_PreviewRequestWrapper {
             searchUp: this._searchModel.searchUp()
         })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
     }
+    startSearch(text, ignore) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'startSearch', encodeURIComponent(JSON.stringify({
+            text: text,
+            documentId: this._reportPreview.documentId,
+            matchCase: this._searchModel.matchCase(),
+            wholeWord: this._searchModel.matchWholeWord(),
+        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+    }
+    getSearchStatus(searchOperationId, startIndex = 0, resultLimitPerRequest = 1000, ignore) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'getSearchStatus', encodeURIComponent(JSON.stringify({
+            searchOperationId: searchOperationId,
+            documentId: this._reportPreview.documentId,
+            startIndex: startIndex,
+            resultLimitPerRequest: resultLimitPerRequest
+        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+    }
+    stopSearch(searchOperationId, ignore) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'stopSearch', encodeURIComponent(JSON.stringify({
+            searchOperationId: searchOperationId,
+            documentId: this._reportPreview.documentId,
+        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+    }
     stopBuild(id) {
         Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'stopBuild', encodeURIComponent(id), undefined, () => true);
     }
@@ -4073,6 +4222,16 @@ class _previewRequestWrapper_PreviewRequestWrapper {
     getStartExportOperation(arg, shouldIgnoreError) {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'startExport', arg, _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')), shouldIgnoreError);
     }
+    getExportResult(requestData, shouldIgnoreError, method = 'POST') {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])({
+            uri: requestData.RequestUrl,
+            action: requestData.FormData.actionKey,
+            arg: requestData.FormData.arg,
+            processErrorCallback: _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')),
+            ignoreError: shouldIgnoreError,
+            method
+        });
+    }
     cancelExportRequest(operationId, shouldIgnoreError) {
         var arg = encodeURIComponent(JSON.stringify({
             id: operationId
@@ -4162,13 +4321,13 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
         this.reportDisplayName = external_ko_["observable"](null);
         this.popupVisible = external_ko_["observable"](false);
         this.popupWidth = external_ko_["observable"](510);
-        this.popupHeight = external_ko_["observable"](260);
+        this.popupHeight = external_ko_["observable"]('auto');
         this.exportingFrameName = 'dxrd-exporting-frame' + generateGuid();
         this.popupButtons = [
             {
                 toolbar: 'bottom', location: 'after', widget: 'dxButton',
                 options: {
-                    text: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Ok', external_DevExpress_Analytics_Internal_["StringId"].DataAccessBtnOK), type: 'default', stylingMode: 'contained',
+                    text: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('OK', external_DevExpress_Analytics_Internal_["StringId"].DataAccessBtnOK), type: 'default', stylingMode: 'contained',
                     onClick: () => this.popupVisible(false)
                 }
             }
@@ -4291,12 +4450,15 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
             this.postingForm.submit();
         }
     }
-    _doExportSync(_exportWindow, printable, useSameTab) {
+    _doExportSync(_exportWindow, printable, useSameTab, operationId, abortController) {
         this.onExportCustomEvent && this.onExportCustomEvent(this._exportResultRequestData);
         var _requestData = this._exportResultRequestData;
-        useSameTab && printable && this._initPrintingWindow();
         var formTarget = useSameTab ? this.exportingFrameName : '_blank';
         if (!printable || !this._isNewBrowser()) {
+            if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])() && this._useSameTabExport) {
+                this._exportUsingFetch(_requestData, operationId, abortController);
+                return;
+            }
             this._useSameTabExport ? this._formSubmit(_requestData, formTarget) : this._replaceLocation(_exportWindow, _requestData);
         }
         else {
@@ -4304,8 +4466,102 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
                 _exportWindow = (useSameTab && this.exportingFrame) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
             }
             var method = this._useSameTabExport ? 'POST' : 'GET';
-            this._printUsingBlob(_exportWindow, _requestData, method);
+            this._printUsingBlob(_exportWindow, _requestData, method, useSameTab, operationId, abortController);
+        }
+    }
+    _exportUsingFetch(_requestData, operationId, abortController) {
+        const handleFile = (fileMetadata, _url) => {
+            if (fileMetadata.url) {
+                const link = document.createElement('a');
+                link.href = fileMetadata.url;
+                link.rel = 'noreferrer noopener';
+                link.download = fileMetadata.contentFilename;
+                document.body.appendChild(link);
+                link.click();
+                link.remove();
+                _url.revokeObjectURL(fileMetadata.url);
+            }
+        };
+        const _method = 'POST';
+        this._getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController);
+    }
+    _getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController) {
+        const _url = this._getUrlObject();
+        const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
+        const exportResult = this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method);
+        this.preview.progressBar.text(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Downloading the document...', 'WebDocumentViewer_DownloadingDocument'));
+        let progress = external_ko_["observable"](0);
+        this._disposables.push(progress.subscribe(value => {
+            this._useSameTabExport && this.updateExportStatus(100 + value, operationId);
+        }));
+        exportResult.done(response => {
+            if (response.ok) {
+                return this._handleBlobUsingFetch(response, _url, progress, abortController)
+                    .then(fileMetadata => {
+                    handleFile(fileMetadata, _url);
+                });
+            }
+        }).catch(response => {
+            this.preview.progressBar.complete(operationId);
+            const message = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
+            _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this.preview, message, true)('', this, '');
+        });
+    }
+    _handleBlobUsingFetch(response, _url, progress, abortController) {
+        const contentLength = +response.headers.get('Content-Length');
+        const contentDisposition = response.headers.get('Content-Disposition');
+        const contentFilename = this._getFileName(contentDisposition);
+        const contentType = response.headers.get('Content-Type');
+        const reader = response.body.getReader();
+        abortController && (abortController.signal.onabort = () => {
+            reader.cancel();
+        });
+        const readChunk = (controller) => {
+            reader.read().then(({ done, value }) => {
+                if (done) {
+                    controller.close();
+                    return;
+                }
+                receivedLenght += value.byteLength;
+                progress(Math.round(receivedLenght * 100 / contentLength));
+                controller.enqueue(value);
+                readChunk(controller);
+            });
+        };
+        let receivedLenght = 0;
+        return Promise.resolve(new ReadableStream({
+            start(controller) {
+                readChunk(controller);
+            }
+        }))
+            .then(stream => {
+            return new Response(stream, {
+                headers: {
+                    'Content-Type': contentType
+                }
+            });
+        })
+            .then(response => response.blob())
+            .then(blob => {
+            return {
+                contentType,
+                contentLength,
+                contentFilename,
+                url: !abortController.signal.aborted ? _url.createObjectURL(blob) : null
+            };
+        });
+    }
+    _getFileName(contentDisposition) {
+        const utf8FileNameRegex = /filename\*=UTF-8''(.*?)$/i;
+        const fileNameRegex = /^attachment; filename=\"?(.*[^\"?$])/;
+        let fileName = 'downloaded file';
+        if (utf8FileNameRegex.test(contentDisposition)) {
+            fileName = utf8FileNameRegex.exec(contentDisposition)[1];
+        }
+        else if (fileNameRegex.test(contentDisposition)) {
+            fileName = fileNameRegex.exec(contentDisposition)[1];
         }
+        return decodeURIComponent(fileName);
     }
     _initExportWindow() {
         var message = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Do not close this tab to get the resulting file.', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportCloseWarning');
@@ -4332,9 +4588,9 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
         div.style.fontSize = '32px';
         this._window.document.body.appendChild(div);
     }
-    _startExportAsync(args, useSameTabLocal, deferred, inlineResult, printable = false) {
+    _startExportAsync(args, useSameTabLocal, deferred, inlineResult, printable = false, abortController) {
         if (useSameTabLocal) {
-            this._setPrintingLinkCallback(() => this._startExportAsync(args, false, deferred, inlineResult, printable));
+            this._setPrintingLinkCallback(() => this._startExportAsync(args, false, deferred, inlineResult, printable, abortController));
         }
         else {
             if (!this._useSameTabExport) {
@@ -4352,11 +4608,14 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
         var startExportOperationId = generateGuid();
         var shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);
         this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {
-            this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
+            if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])() && this.preview.progressBar.progress() >= 50)
+                abortController.abort();
+            else
+                this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
         }, exportOperationIdDeferred.promise());
         this.preview.requestWrapper.getStartExportOperation(args, shouldIgnoreError())
             .done((response) => {
-            this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable);
+            this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable, abortController);
         })
             .fail((error) => {
             this.preview.previewHandlersHelper.errorStartExportHandler(deferred, startExportOperationId);
@@ -4366,12 +4625,13 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
     }
     export(args, actionUri, inlineResult, printable = false) {
         this._terminateWorker();
+        const abortController = new AbortController();
         var deferred = external_jQuery_["Deferred"]();
         var requestData = this._exportResultRequestData;
         requestData.RequestUrl = actionUri;
         if (this.preview._editingFields().length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel() && this.preview.exportOptionsModel().hasSensitiveData())) {
             setTimeout(() => {
-                this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable);
+                this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable, abortController);
             });
         }
         else {
@@ -4379,13 +4639,13 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
             if (this._useSameTabExport) {
                 requestData.FormData['arg'] = args();
                 requestData.FormData['actionKey'] = 'exportTo';
-                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false));
+                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false, null, abortController));
             }
             else {
                 requestData.QueryParameters['arg'] = args();
                 requestData.QueryParameters['actionKey'] = 'exportTo';
             }
-            this._doExportSync(null, printable, this._useSameTabExport);
+            this._doExportSync(null, printable, this._useSameTabExport, null, abortController);
         }
         return deferred.promise();
     }
@@ -4406,7 +4666,12 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
             }
         }
     }
-    _printUsingBlob(_exportWindow, _requestData, _method) {
+    _printUsingBlob(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler) {
+        _method === 'GET' && (_requestData.RequestUrl = this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters));
+        if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])()) {
+            this._printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler);
+            return;
+        }
         var _this = this;
         var xhr = new XMLHttpRequest();
         xhr.onreadystatechange = function () {
@@ -4425,14 +4690,25 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
                 }
             }
         };
-        var _exportUrl = (_method === 'GET') ? this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters) : _requestData.RequestUrl;
-        xhr.open(_method, _exportUrl);
+        xhr.open(_method, _requestData.RequestUrl);
         xhr.responseType = 'blob';
         var formData = new FormData();
         for (var key in _requestData.FormData) {
             formData.append(key, _requestData.FormData[key]);
         }
         xhr.send(formData);
+        useSameTab && this._initPrintingWindow();
+    }
+    _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortController) {
+        const handleFile = (fileMetadata, _url) => {
+            if (fileMetadata.url && _exportWindow) {
+                _exportWindow.location.replace(fileMetadata.url);
+                setTimeout(() => { _url.revokeObjectURL(fileMetadata.url); }, 1);
+                this._callPrint(_exportWindow);
+                useSameTab && this._initPrintingWindow();
+            }
+        };
+        this._getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController);
     }
     _addQueryParamsToUri(_exportUri, _queryParameters) {
         var keys = Object.keys(_queryParameters || {});
@@ -4456,10 +4732,14 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
         this.removeProperties();
     }
     updateExportStatus(progress, operationId) {
+        if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])() && this._useSameTabExport) {
+            progress = Math.floor(progress / 2);
+        }
         this.preview.progressBar && this.preview.progressBar.progress(progress);
         if (this._window) {
             var div = this._window.document.getElementById('loading');
-            div && (div.innerText = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%');
+            let exportText = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%';
+            div && (div.innerText = exportText);
             this._window.document.title = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Exporting...', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportTabTitle') + progress + '%';
         }
         if (progress >= 100) {
@@ -4480,7 +4760,7 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
         }, 250));
         return deferred.promise();
     }
-    getExportResult(operationId, inlineDisposition, useSameTab, token, printable = false, uri = '') {
+    getExportResult(operationId, inlineDisposition, useSameTab, token, printable = false, uri = '', abortController) {
         var requestData = this._exportResultRequestData;
         if (uri) {
             requestData.RequestUrl = uri;
@@ -4503,7 +4783,7 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Utils_[
             }
         }
         this._window && (this._window.onunload = null);
-        this._doExportSync(this._window, printable, useSameTab);
+        this._doExportSync(this._window, printable, useSameTab, operationId, abortController);
         this._window = null;
     }
 }
@@ -4514,6 +4794,7 @@ external_ko_["bindingHandlers"]['dxViewerExport'] = {
         external_jQuery_["fn"].constructor(element).append(templateHtml);
         var exportFrame = document.createElement('iframe');
         exportFrame.name = exportHandler.exportingFrameName;
+        exportFrame.setAttribute('role', 'none');
         element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);
         exportHandler.exportingFrame = exportFrame;
         exportHandler.postingForm = element.querySelector('form');
@@ -4918,40 +5199,69 @@ 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;
         this._defaultResolution = 0.25;
+        this._requestCyclesLimit = 5;
+        this._currentPrefetchCycle = 0;
+        this._disabled = true;
     }
     get pages() {
         return this._preview.pages && this._preview.pages() || [];
     }
-    prefetchPages(startIndex, endIndex, currentPageIndex) {
-        var loadInLowResolution = currentPageIndex === undefined;
-        var zoom = loadInLowResolution ? this._defaultResolution : this._preview._zoom();
-        if (startIndex > this.pages.length - 1)
-            return;
-        var pagesToUpdate = this.pages.slice(startIndex, endIndex).filter(page => page.pageIndex !== currentPageIndex && (!loadInLowResolution || !page.imageSrc()));
-        pagesToUpdate.forEach(page => this._preview.updatePage(page, zoom));
-        this.loadTimeout = setTimeout(() => {
-            var _a;
-            startIndex = (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > endIndex && !page.imageSrc())) === null || _a === void 0 ? void 0 : _a.pageIndex;
+    _getNextStartingIndex(currentIndex) {
+        var _a;
+        return (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > currentIndex && !page.imageSrc())) === null || _a === void 0 ? void 0 : _a.pageIndex;
+    }
+    _getPagesToUpdate(startIndex, endIndex, currentPageIndex) {
+        return this.pages.slice(startIndex, endIndex).filter(page => {
+            if (currentPageIndex !== undefined) {
+                return page.pageIndex !== currentPageIndex;
+            }
+            return !page.imageSrc();
+        });
+    }
+    _performPrefetch(pagesToUpdate, resolution) {
+        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution));
+    }
+    _scheduleNextPrefetch(currentIndex, pendingPages) {
+        this._loadTimeout = setTimeout(() => {
+            var startIndex = this._getNextStartingIndex(currentIndex);
             if (!startIndex) {
                 this.reset();
                 return;
             }
-            var promises = pagesToUpdate.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
-            Promise.all(promises).then(() => {
-                this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
+            var promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
+            external_jQuery_["when"](...promises).done(() => {
+                !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
         }, 700);
     }
+    prefetchPages(startIndex, endIndex, currentPageIndex) {
+        this._disabled = false;
+        var zoom = this._preview._zoom();
+        if (currentPageIndex === undefined) {
+            zoom = this._defaultResolution;
+            this._currentPrefetchCycle++;
+        }
+        if (startIndex > this.pages.length - 1 || this._currentPrefetchCycle >= this._requestCyclesLimit) {
+            this.reset();
+            return;
+        }
+        var pendingPages = this._getPagesToUpdate(startIndex, endIndex, currentPageIndex);
+        this._performPrefetch(pendingPages, zoom);
+        this._scheduleNextPrefetch(endIndex, pendingPages);
+    }
     reset() {
-        this.loadTimeout && clearTimeout(this.loadTimeout);
-        this.loadTimeout = null;
+        this._loadTimeout && clearTimeout(this._loadTimeout);
+        this._loadTimeout = null;
+        this._disabled = true;
+        this._currentPrefetchCycle = 0;
     }
     isActive() {
-        return !!this.loadTimeout;
+        return !!this._loadTimeout;
     }
 }
 
@@ -4962,7 +5272,7 @@ class _previewHandlersHelper_PreviewHandlersHelper {
     constructor(preview) {
         this._preview = preview;
     }
-    doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTab = false, printable = false) {
+    doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTab = false, printable = false, abortController) {
         try {
             if (!response) {
                 exportOperationIdDeferred.reject();
@@ -4973,6 +5283,9 @@ class _previewHandlersHelper_PreviewHandlersHelper {
             exportOperationIdDeferred.resolve(exportOperationId);
             var progress = 0;
             var doGetExportStatus = (operationId) => {
+                var _a;
+                if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))
+                    return;
                 var promise = this._preview.exportHandler.getExportStatus(operationId);
                 promise.done((result) => {
                     if (result && result.requestAgain) {
@@ -4984,10 +5297,11 @@ class _previewHandlersHelper_PreviewHandlersHelper {
                         PollingDelay() ? setTimeout(doStatusRequest, PollingDelay()) : doStatusRequest();
                     }
                     else {
-                        this._preview.progressBar.complete(operationId);
+                        if (!Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])())
+                            this._preview.progressBar.complete(operationId);
                         if (!result.requestAgain && result.completed && !this._preview._cancelExportRequests[operationId]) {
                             this._preview.exportHandler.updateExportStatus(result.progress, operationId);
-                            this._preview.exportHandler.getExportResult(operationId, inlineResult, useSameTab, result.token, printable, result.uri);
+                            this._preview.exportHandler.getExportResult(operationId, inlineResult, useSameTab, result.token, printable, result.uri, abortController);
                         }
                     }
                 });
@@ -5233,6 +5547,7 @@ class _progressViewModel_ProgressViewModel extends external_DevExpress_Analytics
                     this._cancelExportRequests[this._startOperationId] = true;
             }
             finally {
+                this.complete(operationId);
             }
         };
         return this._lastOperationDeferred.promise();
@@ -5340,6 +5655,7 @@ class _sortingProcessor_SortingProcessor {
 
 
 
+
 class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element) {
         super();
@@ -5432,11 +5748,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         this.pages = external_ko_["observableArray"]([]).extend({ rateLimit: { timeout: 20, method: 'notifyWhenChangesStop' } });
         this.isAutoFit = external_ko_["observable"](true);
         this.autoFitBy = external_ko_["observable"](ZoomAutoBy.WholePage);
-        this.exportDisabled = external_ko_["pureComputed"](() => {
-            var inProgress = this.progressBar.inProgress();
-            var documentBuilding = this.documentBuilding();
-            return this.pageIndex() === -1 || inProgress || documentBuilding;
-        });
+        this.exportDisabled = external_ko_["pureComputed"](() => this.progressBar.inProgress() || !this.exportOptionsModel());
         this._zoom = external_ko_["observable"](1);
         this.zoom = external_ko_["pureComputed"]({
             read: () => {
@@ -5512,6 +5824,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
             }
             return newCaption;
         }).extend({ rateLimit: { timeout: 1000 } });
+        this.signatures = external_ko_["observableArray"]([]);
         this.exportOptionsTabVisible = external_ko_["observable"](true);
         HandlerUri(handlerUri || HandlerUri());
         this.pageLoader = new _pageLoader_PageLoader(this);
@@ -5553,6 +5866,10 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
                     }));
                 }
             }
+            else {
+                this.progressBar.text(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Creating the document...', 'PreviewStringId.Msg_CreatingDocument'));
+                this.progressBar.cancelText(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));
+            }
         }));
         this._disposables.push(this._currentDocumentId.subscribe((newVal) => {
             this._unifier(newVal ? generateGuid() : '');
@@ -5639,8 +5956,12 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         }
     }
     _initialize() {
+        var _a, _b, _c;
         this._drillDownState = [];
         this._sortingState = [];
+        this._initialDocumentData = null;
+        if (this.requestWrapper && ((_a = this.requestWrapper['_searchModel']) === null || _a === void 0 ? void 0 : _a.loading()) && ((_b = this.requestWrapper['_searchModel']) === null || _b === void 0 ? void 0 : _b.useAsyncSearch()))
+            (_c = this.requestWrapper['_searchModel']) === null || _c === void 0 ? void 0 : _c.stopSearchProcess();
         this.closeDocument();
         this._editingFields([]);
         this._editingValuesSubscriptions.forEach(item => item.dispose());
@@ -5649,6 +5970,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         this.pageIndex(-1);
         this.pageLoading(true);
         this.errorMessage('');
+        this.exportOptionsModel(null);
         this.progressBar.complete(null);
         this._getBuildStatusDeferreds.forEach(a => a.reject());
         this._getBuildStatusDeferreds = [];
@@ -5660,7 +5982,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         return new _page_PreviewPage(this, pageIndex, processClick, loading);
     }
     _getIgnorePredicate(documentId) {
-        return () => this._closeDocumentRequests[documentId];
+        return () => this._closeDocumentRequests && this._closeDocumentRequests[documentId];
     }
     _cleanTabInfo() {
         this.exportOptionsModel(null);
@@ -5803,14 +6125,10 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
                             this._pageWidth(pageSettings.width);
                         this._pageBackColor((pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '');
                     }
-                    var deserializedExportOptions = this._deserializeExportOptions(previewInitialize.exportOptions, !this.reportId && (!previewInitialize.documentData || !previewInitialize.documentData.canPerformContinuousExport));
-                    var customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };
-                    this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);
-                    this.exportOptionsTabVisible(customizeExportOptionsArgs.panelVisible);
-                    this.exportOptionsModel(deserializedExportOptions);
+                    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); });
@@ -5835,7 +6153,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
     }
     _deserializeExportOptions(exportOptionsString, isMerged) {
         var jsonModel = exportOptionsString && JSON.parse(exportOptionsString);
-        return isMerged ? new exportOptionsPreview_ExportOptionsMergedPreview(jsonModel) : new exportOptionsPreview_ExportOptionsPreview(jsonModel);
+        return (isMerged ? new exportOptionsPreview_ExportOptionsMergedPreview(this.signatures) : new exportOptionsPreview_ExportOptionsPreview(this.signatures)).deserialize(jsonModel);
     }
     deactivate() {
         this._initialize();
@@ -5885,8 +6203,6 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         }
         this._startBuildOperationId = generateGuid();
         this._currentDocumentId(null);
-        this.progressBar.text(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Creating the document...', 'PreviewStringId.Msg_CreatingDocument'));
-        this.progressBar.cancelText(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));
         this.progressBar.startProgress(this._startBuildOperationId, () => { this.stopBuild(); }, documentIdPromise)
             .always(() => { this.documentBuilding(false); });
         this.documentBuilding(true);
@@ -5988,21 +6304,59 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
         var documentDataDeferred = external_jQuery_["Deferred"]();
         this._deferreds.push(documentDataDeferred);
         documentDataDeferred.done((response) => {
+            var _a, _b;
             if (!response) {
                 return;
             }
+            this.signatures((response.signatures || []).map(x => {
+                var fields = [];
+                var image = null;
+                if (x.issuer)
+                    fields.push({
+                        label: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Issuer:', 'PreviewStringId.ExportOption_PdfSignature_Issuer'),
+                        value: x.issuer
+                    });
+                if (x.contactInfo)
+                    fields.push({
+                        label: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Contact Info', 'PreviewStringId.ExportOption_PdfSignatureOptions_ContactInfo') + ':',
+                        value: x.contactInfo
+                    });
+                if (x.location)
+                    fields.push({
+                        label: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Location', 'PreviewStringId.ExportOption_PdfSignatureOptions_Location') + ':',
+                        value: x.location
+                    });
+                if (x.reason)
+                    fields.push({
+                        label: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Reason', 'PreviewStringId.ExportOption_PdfSignatureOptions_Reason') + ':',
+                        value: x.reason
+                    });
+                if (x.validFrom && x.validTo)
+                    fields.push({
+                        value: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Valid from {0:d} to {1:d}', 'PreviewStringId.ExportOption_PdfSignature_ValidRange'), x.validFrom, x.validTo)
+                    });
+                if (x.image)
+                    image = imageSource_ImageSource.parse(x.image).getDataUrl();
+                return {
+                    displayName: fields.map(x => x.value).join('; '),
+                    image,
+                    key: x.key,
+                    fields
+                };
+            }));
             this.previewHandlersHelper.processPages(response.pageCount, () => false);
             this._onGetDocumentDetails && this._onGetDocumentDetails(response);
             this.exportHandler.reportDisplayName(response.displayName);
             this._drillDownState = response.drillDownKeys || [];
             this._sortingState = response.sortingState || [];
-            if (response.canPerformContinuousExport === false && this.reportId) {
-                var deserializedExportOptions = this._deserializeExportOptions(response.exportOptions || {}, true);
-                var customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };
-                this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);
-                this.exportOptionsTabVisible(customizeExportOptionsArgs.panelVisible);
-                this.exportOptionsModel(deserializedExportOptions);
-            }
+            var isMerged = this.reportId
+                ? response.canPerformContinuousExport === false
+                : (_b = !((_a = this._initialDocumentData) === null || _a === void 0 ? void 0 : _a.canPerformContinuousExport)) !== null && _b !== void 0 ? _b : true;
+            var deserializedExportOptions = this._deserializeExportOptions(response.exportOptions, isMerged);
+            var customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };
+            this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);
+            this.exportOptionsTabVisible(customizeExportOptionsArgs.panelVisible);
+            this.exportOptionsModel(deserializedExportOptions);
             this.documentMap(response.documentMap);
             this._editingValuesSubscriptions.forEach(item => item.dispose());
             this._editingValuesSubscriptions = [];
@@ -6026,11 +6380,17 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
     exportDocumentTo(format, inlineResult) {
         if (!this._currentDocumentId())
             return;
+        this.pageLoader.reset();
+        var signature = null;
+        if (format === 'pdf') {
+            signature = this.exportOptionsModel().pdf.signature();
+        }
         var serializedExportOptions = this.exportOptionsModel() ? JSON.stringify(new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(this.exportOptionsModel())) : null;
         var args = () => encodeURIComponent(JSON.stringify({
             documentId: this._currentDocumentId(),
             exportOptions: serializedExportOptions,
             format: format,
+            signature,
             inlineResult: inlineResult,
             editingFieldValues: this._editingFields && this._editingFields().map(item => {
                 var editValue = item.editValue();
@@ -6044,21 +6404,27 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Utils_["
     printDocument(pageIndex) {
         if (!this._currentDocumentId())
             return;
-        var exportOptions = new exportOptionsPreview_ExportOptionsPreview({});
-        exportOptions.pdf['showPrintDialogOnOpen'] = true;
+        this.pageLoader.reset();
+        var signature = this.exportOptionsModel().pdf.signature();
+        var previousShowPrintDialogOnOpen = this.exportOptionsModel().pdf['showPrintDialogOnOpen']();
+        const previousPageRange = this.exportOptionsModel().pdf['pageRange']();
+        this.exportOptionsModel().pdf['showPrintDialogOnOpen'](true);
         pageIndex = parseInt(pageIndex);
         if ((!!pageIndex && pageIndex > 0 || pageIndex === 0) && (this.pages().length > pageIndex)) {
-            (exportOptions.pdf['pageRange'] = pageIndex + 1);
+            this.exportOptionsModel().pdf['pageRange'](pageIndex + 1);
         }
-        var serializedExportOptions = JSON.stringify(new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(exportOptions));
+        var serializedExportOptions = JSON.stringify(new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(this.exportOptionsModel()));
         var args = () => encodeURIComponent(JSON.stringify({
             documentId: this._currentDocumentId(),
             exportOptions: serializedExportOptions,
             format: 'printpdf',
+            signature,
             inlineResult: true,
             editingFieldValues: this._editingFields && this._editingFields().map(item => item.editValue())
         }));
         this.exportHandler.export(args, HandlerUri(), true, true);
+        this.exportOptionsModel().pdf['showPrintDialogOnOpen'](previousShowPrintDialogOnOpen);
+        this.exportOptionsModel().pdf['pageRange'](previousPageRange);
     }
     stopBuild(documentId) {
         var id = documentId || this._currentDocumentId();
@@ -6378,6 +6744,7 @@ class _documentMapModel_DocumentMapModel extends external_DevExpress_Analytics_U
 
 
 
+
 class exportOptionsModel_ExportOptionsModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(reportPreview, enableKeyboardSupport) {
         super();
@@ -6407,7 +6774,7 @@ class exportOptionsModel_ExportOptionsModel extends external_DevExpress_Analytic
             },
             templateName: 'dxrd-preview-export-to',
             imageTemplateName: 'dxrd-svg-preview-export-export-to',
-            eventHandlers: new ExportOptionsEventHandlers()
+            eventHandlers: new exportOptionsModel_ExportOptionsEventHandlers()
         };
         var exportItems = external_ko_["pureComputed"](() => {
             var result = this._getExportFormatItems();
@@ -6452,7 +6819,7 @@ class exportOptionsModel_ExportOptionsModel extends external_DevExpress_Analytic
         this.removeProperties();
     }
 }
-class ExportOptionsEventHandlers {
+class exportOptionsModel_ExportOptionsEventHandlers {
     onSubmenuShowing(popupContainer, element) {
         return (e) => {
             e.submenu._overlay.option('container', popupContainer);
@@ -6474,6 +6841,10 @@ class ExportOptionsEventHandlers {
             e.component.focus();
         }
     }
+    onItemRendered(e) {
+        var _a, _b;
+        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));
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/mobile/internal/_mobilePage.js
@@ -6699,7 +7070,8 @@ class _searchResultNavigator_SearchResultNavigator extends external_DevExpress_A
             this.currentResult(null);
         }));
         this._disposables.push(searchModel.searchResult.subscribe(() => {
-            _setCurrentResult(true);
+            if (!this.currentResult())
+                _setCurrentResult(true);
         }));
         this.next = (up) => {
             if (!searchModel.searchResult()) {
@@ -6732,6 +7104,10 @@ class _searchResultNavigator_SearchResultNavigator extends external_DevExpress_A
     }
 }
 
+// EXTERNAL MODULE: external "DevExpress.data.CustomStore"
+var external_DevExpress_data_CustomStore_ = __webpack_require__(20);
+var external_DevExpress_data_CustomStore_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_data_CustomStore_);
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/search/_searchViewModel.js
 
 
@@ -6741,8 +7117,11 @@ class _searchResultNavigator_SearchResultNavigator extends external_DevExpress_A
 
 
 
+
+
 class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
-    constructor(reportPreview, enableKeyboardSupport) {
+    constructor(reportPreview, searchSettings, enableKeyboardSupport) {
+        var _a, _b;
         super();
         this._searchIgnoreObs = external_ko_["observable"](false);
         this.itemClickAction = (e) => {
@@ -6756,8 +7135,21 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
         this.searchText = external_ko_["observable"]();
         this.searchResult = external_ko_["observable"]();
         this.loading = external_ko_["observable"](false);
+        this.searchCompleted = external_ko_["observable"](false);
         this._renderedSearchResult = external_ko_["observable"]([]);
+        this.searchResultDataSource = external_ko_["observable"](new external_DevExpress_data_DataSource_default.a([]));
+        this.useAsyncSearch = external_ko_["observable"](true);
+        this.searchRequestDeferred = external_jQuery_["Deferred"]();
+        this.startSearchDeferred = external_jQuery_["Deferred"]();
+        this.fetchLimit = 1000;
+        this.pageSize = 20;
+        this.searchResultHeaderId = `dxrd-${Object(external_DevExpress_Analytics_Internal_["guid"])()}`;
         this.resetSearchResult();
+        this.useAsyncSearch((_a = searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.useAsyncSearch) !== null && _a !== void 0 ? _a : true);
+        var searchEnabled = (_b = searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.searchEnabled) !== null && _b !== void 0 ? _b : true;
+        if (!searchEnabled && SearchAvailable()) {
+            SearchAvailable(false);
+        }
         this._resultNavigator = _searchViewModel_SearchViewModel.createResultNavigator(this, reportPreview);
         this.clean = () => { this.searchText(''); };
         this._disposables.push(reportPreview._currentDocumentId.subscribe((newVal) => {
@@ -6769,15 +7161,21 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
         this.findUp = () => { this.searchUp(true); this.findNext(); };
         this.findDown = () => { this.searchUp(false); this.findNext(); };
         this.goToResult = (result) => { this._resultNavigator.goToResult(result.id); };
-        var newSearch = (text, matchCase, matchWholeWord) => {
+        this._disposables.push(this.searchResultCount = external_ko_["computed"](() => {
+            var _a, _b;
+            return this.searchResult ? ((_b = (_a = this.searchResult()) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) : 0;
+        }));
+        this._disposables.push(this.searchResultPageCount = external_ko_["computed"](() => {
+            var _a;
+            if ((_a = this.searchResult()) === null || _a === void 0 ? void 0 : _a.length) {
+                return new Set((this.searchResult().map(result => result.pageIndex))).size;
+            }
+            return 0;
+        }, this.stopSearchDisabled = external_ko_["computed"](() => this.loading() && !this.useAsyncSearch())));
+        this.newSearch = (text, matchCase, matchWholeWord) => {
             this._searchTimeout && clearTimeout(this._searchTimeout);
             this._searchTimeout = setTimeout(() => {
                 this._resultNavigator.currentResult(null);
-                if (!text) {
-                    reportPreview.pages() && reportPreview.pages()[reportPreview.pageIndex()] && reportPreview.pages()[reportPreview.pageIndex()].selectBrick('');
-                    this.searchResult([]);
-                    return;
-                }
                 var mCase = this.matchCase();
                 text = mCase ? this.searchText() : this.searchText().toLocaleLowerCase();
                 var cache = this.matchWholeWord()
@@ -6788,30 +7186,74 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
                     this.searchResult(cache[text]);
                     return;
                 }
-                this.loading(true);
                 this._searchIgnoreObs(true);
                 this._searchIgnoreObs = external_ko_["observable"](false);
-                var self = this;
                 ((ignore) => {
-                    reportPreview.requestWrapper.findTextRequest(text, ignore).done(function (result) {
-                        if (!ignore())
-                            self.findTextRequestDone(result, cache[text]);
-                    }).fail(function (error) {
-                        if (!ignore()) {
-                            self.searchResult([]);
-                            self.loading(false);
-                        }
-                    });
+                    if (this.useAsyncSearch())
+                        this.performSearchAsync(text, reportPreview, ignore);
+                    else
+                        this.performSearch(text, reportPreview, cache, ignore);
                 })(this._searchIgnoreObs);
             }, 100);
         };
         this.findNext = () => {
+            if (this.loading() && !this.useAsyncSearch()) {
+                return;
+            }
+            this._resultNavigator.next(this.searchUp());
+        };
+        this.stopSearchProcess = () => {
+            this.resetDeffereds();
+            if (this.searchOperationId && this.searchOperationId.length) {
+                reportPreview.requestWrapper.stopSearch(this.searchOperationId, external_ko_["observable"](false));
+            }
+            this.loading(false);
+            this.searchCompleted(false);
+        };
+        this.startSearchProcess = () => {
+            this.resetDeffereds();
+            this.searchCompleted(false);
+            this.searchResult([]);
+            this.resetSearchResultDataSource();
+            if (this.searchText()) {
+                this.loading(true);
+                this.newSearch(this.searchText(), this.matchCase(), this.matchWholeWord());
+            }
+            else {
+                reportPreview.pages() && reportPreview.pages()[reportPreview.pageIndex()] && reportPreview.pages()[reportPreview.pageIndex()].selectBrick('');
+            }
+        };
+        this.searchButtonClick = () => {
             if (this.loading()) {
+                this.stopSearchProcess();
+            }
+            else {
+                this.startSearchProcess();
+            }
+        };
+        var updateSearch = (timeout) => {
+            if (!this.useAsyncSearch()) {
+                setTimeout(() => {
+                    this.startSearchProcess();
+                }, timeout);
                 return;
             }
-            this._resultNavigator.next(this.searchUp()) || newSearch(this.searchText(), this.matchCase(), this.matchWholeWord());
+            if (this.loading())
+                this.stopSearchProcess();
+            setTimeout(() => {
+                if (!this.loading())
+                    this.startSearchProcess();
+            }, timeout);
         };
-        this._disposables.push(this.searchText.subscribe(newVal => { newSearch(newVal, this.matchCase(), this.matchWholeWord()); }), this.matchCase.subscribe(newVal => { newSearch(this.searchText(), newVal, this.matchWholeWord()); }), this.matchWholeWord.subscribe(newVal => { newSearch(this.searchText(), this.matchCase(), newVal); }));
+        this._disposables.push(this.searchText.subscribe(() => {
+            updateSearch(200);
+        }));
+        this._disposables.push(this.matchCase.subscribe(() => {
+            updateSearch(100);
+        }));
+        this._disposables.push(this.matchWholeWord.subscribe(() => {
+            updateSearch(100);
+        }));
         var disabled = external_ko_["pureComputed"](() => {
             var documentId = reportPreview['_currentDocumentId']();
             var pageIndex = reportPreview.pageIndex();
@@ -6850,19 +7292,11 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
         this._disposables.push(this.searchResult.subscribe((newVal) => {
             if (newVal) {
                 this._renderedSearchResult(newVal.map((item) => { return { data: item }; }));
+                if (this.searchResultDataSource().items().length < this.pageSize)
+                    this.searchResultDataSource().reload();
             }
         }));
         this._disposables.push(this.tabInfo);
-        var dataSource = null;
-        this._disposables.push(this.searchResultDataSource = external_ko_["pureComputed"](() => {
-            dataSource && dataSource.dispose();
-            dataSource = new external_DevExpress_data_DataSource_default.a({
-                store: this._renderedSearchResult(),
-                paginate: this._renderedSearchResult().length > 20,
-                pageSize: 20
-            });
-            return dataSource;
-        }));
     }
     resetSearchResult() {
         this._cachedRequests = {};
@@ -6871,6 +7305,7 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
         this._cachedWholeWordWithCaseRequests = {};
         this.searchResult([]);
         this.searchText('');
+        this.resetSearchResultDataSource();
     }
     findTextRequestDone(result, cache) {
         this.loading(false);
@@ -6881,6 +7316,105 @@ class _searchViewModel_SearchViewModel extends external_DevExpress_Analytics_Uti
         cache = (result.success ? result.matches : []) || [];
         this.searchResult(cache);
     }
+    appentSearchResult(result) {
+        if (result && result.matches && result.matches.length) {
+            this.searchResult([...this.searchResult(), ...result.matches]);
+        }
+    }
+    performSearchAsync(text, reportPreview, ignore = external_ko_["observable"](true)) {
+        this.searchRequestDeferred.reject();
+        var getResult = (searchOperationId, startIndex, fetchLimit, ignore) => {
+            this.searchRequestDeferred = external_jQuery_["Deferred"]();
+            reportPreview.requestWrapper.getSearchStatus(searchOperationId, startIndex, fetchLimit, ignore)
+                .done(result => this.searchRequestDeferred.resolve(result))
+                .fail(fail => this.failRequestHandler(fail, ignore()));
+            this.searchRequestDeferred.done(result => {
+                if (result.faultMessage) {
+                    this.loading(false);
+                    return;
+                }
+                this.appentSearchResult(result);
+                if (result.completed) {
+                    this.loading(false);
+                    this.searchCompleted(true);
+                    return;
+                }
+                if (result.requestAgain) {
+                    setTimeout(() => {
+                        getResult(searchOperationId, this.searchResult().length, fetchLimit, ignore);
+                    }, 100);
+                }
+            });
+        };
+        this.resetDeffereds();
+        reportPreview.requestWrapper.startSearch(text, ignore)
+            .done(result => this.startSearchDeferred.resolve(result))
+            .fail(fail => this.failRequestHandler(fail, ignore()));
+        this.startSearchDeferred.done(result => {
+            if (result.success) {
+                if (result.faultMessage) {
+                    this.failRequestHandler(result.faultMessage, ignore());
+                    return;
+                }
+                if (result.completed) {
+                    this.appentSearchResult(result);
+                    this.loading(false);
+                    this.searchCompleted(true);
+                    return;
+                }
+                this.searchOperationId = result.searchOperationId;
+                getResult(this.searchOperationId, 0, this.fetchLimit, ignore);
+            }
+            else {
+                this.failRequestHandler(result.faultMessage, ignore());
+            }
+        });
+    }
+    performSearch(text, reportPreview, cache, ignore = external_ko_["observable"](true)) {
+        this.resetDeffereds();
+        reportPreview.requestWrapper.findTextRequest(text, ignore)
+            .done(result => this.searchRequestDeferred.resolve(result))
+            .fail(fail => this.failRequestHandler(fail, ignore()));
+        this.searchRequestDeferred.done((result) => {
+            if (!ignore())
+                this.findTextRequestDone(result, cache[text]);
+            this.searchCompleted(true);
+        });
+    }
+    resetSearchResultDataSource() {
+        if (this.searchResultDataSource && this.searchResultDataSource()) {
+            this.searchResultDataSource().reload();
+            this.searchResultDataSource().dispose();
+        }
+        this.searchResultDataSource(new external_DevExpress_data_DataSource_default.a({
+            store: new external_DevExpress_data_CustomStore_default.a({
+                load: (loadOptions) => {
+                    var resultData = [];
+                    if (loadOptions.take) {
+                        resultData = this._renderedSearchResult().splice(loadOptions.skip, loadOptions.take);
+                    }
+                    else
+                        resultData = this._renderedSearchResult();
+                    var totalCount = this.fetchLimit > this.searchResult().length ? this.fetchLimit : this.searchResult().length;
+                    return external_jQuery_["Deferred"]().resolve(resultData, { totalCount: totalCount });
+                }
+            }),
+            paginate: true,
+            pageSize: this.pageSize
+        }));
+    }
+    resetDeffereds() {
+        this.startSearchDeferred.reject();
+        this.startSearchDeferred = external_jQuery_["Deferred"]();
+        this.searchRequestDeferred.reject();
+        this.searchRequestDeferred = external_jQuery_["Deferred"]();
+    }
+    failRequestHandler(fail, ignore) {
+        if (!ignore) {
+            this.searchResult([]);
+            this.loading(false);
+        }
+    }
     dispose() {
         this._searchTimeout && clearTimeout(this._searchTimeout);
         super.dispose();
@@ -7412,55 +7946,6 @@ external_ko_["bindingHandlers"]['dxrdMobilePaginator'] = {
     }
 };
 
-// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/_groupEditor.js
-
-class _groupEditor_ParametersGroupEditor extends external_DevExpress_Analytics_Widgets_["PropertyGridEditor"] {
-    constructor(info, level, parentDisabled, textToSearch) {
-        super(info, level, parentDisabled, textToSearch);
-        this.isGroupLabel = true;
-    }
-    _setPadding(position, value) {
-        var padding = super._setPadding(position, value);
-        padding['padding-' + position] = 10;
-        padding['padding-bottom'] = 6;
-        return padding;
-    }
-    createObjectProperties() {
-        var editorOptions = this.editorOptions;
-        this.collapsed(!editorOptions.expanded && editorOptions.titleVisible);
-        this.hideEditorHeader = !editorOptions.titleVisible;
-        this.hideCollapsingImage = !editorOptions.showExpandButton;
-        this.hideBorder = editorOptions.borderVisible === false;
-        this.showHorizontally = editorOptions.orientation === 'Horizontal';
-        this.level = -1;
-        this.editorCreated(true);
-        return super.createObjectProperties();
-    }
-}
-
-// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/editorTemplates.js
-
-
-
-var viewerEditorTemplates = {
-    multiValue: {
-        header: 'dxrd-multivalue', extendedOptions: {
-            onMultiTagPreparing: (args) => {
-                var selectedItemsLength = args.selectedItems.length, totalCount = args.model.items.length;
-                if (selectedItemsLength === totalCount) {
-                    var stringFormat = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
-                    args.text = Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(stringFormat, selectedItemsLength);
-                }
-            }
-        }
-    },
-    groupEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-property-editor', content: 'dxrd-parameters-editor-content', editorType: _groupEditor_ParametersGroupEditor },
-    rangeEditor: { header: 'dxrv-range-parameter' },
-    multiValueEditable: { custom: 'dxrd-multivalue-editable' },
-    selectBox: { header: 'dx-selectbox' },
-    separatorEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-separator' }
-};
-
 // EXTERNAL MODULE: external "DevExpress.data.ArrayStore"
 var external_DevExpress_data_ArrayStore_ = __webpack_require__(12);
 var external_DevExpress_data_ArrayStore_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_data_ArrayStore_);
@@ -8061,6 +8546,7 @@ class parameterPanelItemBase_ParameterPanelItemBase extends external_DevExpress_
 
 
 
+
 class previewParametersViewModel_PreviewParametersViewModel extends parameterPanelItemBase_ParameterPanelItemBase {
     constructor(reportPreview, parameterHelper, enableKeyboardSupport) {
         super(parameterHelper);
@@ -8081,7 +8567,7 @@ class previewParametersViewModel_PreviewParametersViewModel extends parameterPan
                         matchedParameter.visible(parametersInfoCollection.Value.visible);
                         matchedParameter.enabled(parametersInfoCollection.Value.enabled);
                         if (parametersViewModel._parameters.indexOf(changedParameter) < parametersViewModel._parameters.indexOf(matchedParameter) && parametersInfoCollection.Value.lookUpValues != null) {
-                            parametersViewModel._setLookUpValues(matchedParameter, parametersInfoCollection.Value.lookUpValues, matchedParameter.visible() && !matchedParameter.allowNull);
+                            parametersViewModel._setLookUpValues(matchedParameter, parametersInfoCollection.Value.lookUpValues);
                         }
                     });
                 }
@@ -8118,6 +8604,7 @@ class previewParametersViewModel_PreviewParametersViewModel extends parameterPan
         this.needToUpdateParameter = external_ko_["observable"](false);
         this.processInvisibleParameters = false;
         this.parametersLoading = external_ko_["observable"](false);
+        this.prevParametersStateRequest = external_jQuery_["Deferred"]();
         this._reportPreview = reportPreview;
         this.validateAndSubmit = (params) => {
             var result = params && params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();
@@ -8170,13 +8657,13 @@ class previewParametersViewModel_PreviewParametersViewModel extends parameterPan
         this.needToUpdateParameter(needToUpdateParameter);
         if (this._shouldProcessParameter(parameter)) {
             this._disposables.push((parameter.isMultiValueWithLookUp ? parameter._value : parameter.value).subscribe((newValue) => {
-                if (!this.parametersLoading() && this.needToUpdateParameter()) {
+                if (this.needToUpdateParameter()) {
                     this.updateParameters(parameter);
                 }
             }));
         }
     }
-    _setLookUpValues(parameter, lookUpValues, assignFirstLookUpValue) {
+    _setLookUpValues(parameter, lookUpValues) {
         if (!lookUpValues) {
             parameter.lookUpValues([]);
             return;
@@ -8187,7 +8674,7 @@ class previewParametersViewModel_PreviewParametersViewModel extends parameterPan
             parameter.initialize(_parameterValuesContainedInLookUps.length > 0 ? _parameterValuesContainedInLookUps : [], this.parameterHelper);
         }
         else {
-            parameter.initialize(_parameterValuesContainedInLookUps[0] && _parameterValuesContainedInLookUps[0].Value || (assignFirstLookUpValue && lookUpValues.length > 0 ? lookUpValues[0].Value : null), this.parameterHelper);
+            parameter.initialize(_parameterValuesContainedInLookUps[0] && _parameterValuesContainedInLookUps[0].Value || (lookUpValues.length > 0 ? lookUpValues[0].Value : null), this.parameterHelper);
         }
     }
     _getParameterValuesContainedInLookups(parameterLookUpValues, parameter) {
@@ -8317,11 +8804,16 @@ class previewParametersViewModel_PreviewParametersViewModel extends parameterPan
             changedParameterPath: changedParameter.path,
             timeZoneOffset: 0 - new Date().getTimezoneOffset()
         };
+        this.prevParametersStateRequest.reject();
+        var deferred = external_jQuery_["Deferred"]();
         setTimeout(() => {
             this.parametersLoading(true);
             this._getParametersStateRequest(argsObject)
-                .done(this._getDoneGetParametersStateHandler(changedParameter))
-                .fail(this._getFailGetParametersStateHandler());
+                .done((result) => deferred.resolve(result))
+                .fail(() => deferred.resolve());
+            deferred.done(this._getDoneGetParametersStateHandler(changedParameter));
+            deferred.fail(this._getFailGetParametersStateHandler());
+            this.prevParametersStateRequest = deferred;
         }, 10);
     }
 }
@@ -8527,7 +9019,6 @@ class _mobilePreviewModel_MobilePreviewModel extends _previewModel_PreviewDispos
 
 
 
-
 class _parametersPopup_ParametersPopupModelBase extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(formModel) {
         super();
@@ -8602,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);
@@ -8625,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';
     }
 }
@@ -9297,7 +9791,7 @@ function createDesktopPreview(bindingSettings) {
     var callbacks = bindingSettings.callbacks;
     var bindingModel = bindingSettings.model;
     var bindingElement = bindingSettings.element;
-    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), reportPreview = new reportPreview_ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element), searchModel = new _searchViewModel_SearchViewModel(reportPreview, enableKeyboardSupport);
+    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), reportPreview = new reportPreview_ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element), searchModel = new _searchViewModel_SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
     var documentMapModel = new _documentMapModel_DocumentMapModel(reportPreview);
     var parametersModel = new previewParametersViewModel_PreviewParametersViewModel(reportPreview, new previewParameterHelper_PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     var exportModel = new exportOptionsModel_ExportOptionsModel(reportPreview, enableKeyboardSupport);
@@ -9311,7 +9805,7 @@ function createDesktopPreview(bindingSettings) {
             searchModel.tabInfo,
             documentMapModel.tabInfo
         ],
-        width: 400,
+        width: 396,
         autoSelectTab: true,
         rtl: bindingModel.rtl
     });
@@ -9404,11 +9898,20 @@ function _createPreview(bindingSettings) {
         EditablePreviewEnabled(false);
         ReportServerDownloadUri(external_DevExpress_Analytics_Internal_["RequestHelper"].generateUri(bindingModel.remoteSettings.serverUri, ReportServerExportUri));
         if (bindingModel.remoteSettings.authToken) {
-            external_DevExpress_Analytics_Utils_["ajaxSetup"].ajaxSettings = {
-                headers: {
-                    'Authorization': 'Bearer ' + bindingModel.remoteSettings.authToken
-                }
+            const headers = {
+                'Authorization': `Bearer ${bindingModel.remoteSettings.authToken}`
             };
+            const requestManagerSetup = {
+                ajaxSetup: external_DevExpress_Analytics_Utils_["ajaxSetup"],
+                fetchSetup: external_DevExpress_Analytics_Utils_["fetchSetup"]
+            };
+            const requestManagerInstance = external_DevExpress_Analytics_Utils_["requestManager"].getInstance(requestManagerSetup);
+            if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])()) {
+                requestManagerInstance['fetchSettings'].headers = Object.assign(Object.assign({}, requestManagerInstance['fetchSettings'].headers), headers);
+            }
+            else {
+                requestManagerInstance['ajaxSettings'].headers = Object.assign(Object.assign({}, requestManagerInstance['ajaxSettings'].headers), headers);
+            }
         }
     }
     var designerModel;
@@ -9437,7 +9940,9 @@ function createPreview(bindingSettings) {
     var localizationCallbacks = [];
     bindingSettings.callbacks && bindingSettings.callbacks.customizeLocalization && bindingSettings.callbacks.customizeLocalization(localizationCallbacks);
     return Object(external_DevExpress_Analytics_Internal_["resolveFromPromises"])(localizationCallbacks, () => {
-        return _createPreview(bindingSettings);
+        return Object(external_DevExpress_Analytics_Internal_["troubleshootingPageWrapper"])(() => {
+            return _createPreview(bindingSettings);
+        }, bindingSettings.model.developmentMode, bindingSettings.element);
     });
 }
 function createPreviewModel(viewerModel, element, callbacks, applyBindings) {
@@ -9494,15 +9999,21 @@ class jsReportViewerBinding_JSReportViewerBinding extends external_DevExpress_An
             return availablePreviewEvents;
         }
     }
-    _applyBindings(model, _$element) {
-        this._disposables.push(model);
-        _$element.children().remove();
-        var child = _$element.append(this._templateHtml).children()[0];
-        if (!child)
-            return;
-        external_ko_["cleanNode"](child);
-        external_ko_["applyBindings"](model, child);
-        this._fireEvent('Init');
+    _applyBindings(model, _$element, shouldInitPreviewModel) {
+        Object(external_DevExpress_Analytics_Internal_["troubleshootingPageWrapper"])(() => {
+            if (shouldInitPreviewModel) {
+                this._callbacks && this._callbacks.beforeRender && this._callbacks.beforeRender(model);
+                initPreviewModel(model, this._options);
+            }
+            this._disposables.push(model);
+            _$element.children().remove();
+            var child = _$element.append(this._templateHtml).children()[0];
+            if (!child)
+                return;
+            external_ko_["cleanNode"](child);
+            external_ko_["applyBindings"](model, child);
+            this._fireEvent('Init');
+        }, this.developmentMode, _$element);
     }
     _createModel(element) {
         this._callbacks = this._initializeCallbacks();
@@ -9531,9 +10042,7 @@ class jsReportViewerBinding_JSReportViewerBinding extends external_DevExpress_An
                     }
                 }
                 this._createDisposeFunction(element);
-                this._callbacks && this._callbacks.beforeRender && this._callbacks.beforeRender(previewModel);
-                initPreviewModel(previewModel, this._options);
-                this._applyBindings(this.sender.previewModel, _$element);
+                this._applyBindings(this.sender.previewModel, _$element, true);
             }));
         };
         if (requestOptions) {
@@ -9885,6 +10394,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-print_preview\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-print_preview'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-report_designer\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-report_designer'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-search\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-search'; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-signature_img_placeholder\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-signature_img_placeholder'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-single_page\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-single_page'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-sort_asc\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-sort_asc'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-sort_desc\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-sort_desc'; } }; });
@@ -10259,6 +10769,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-svg-preview-print_preview': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M18 4l-4-4v4zM21.7 22.3l-4.5-4.5c.5-.8.8-1.8.8-2.8 0-2.8-2.2-5-5-5s-5 2.2-5 5 2.2 5 5 5c1 0 2-.3 2.8-.8l4.5 4.5c.4.4 1 .4 1.4 0s.4-1 0-1.4zM13.1 18c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.4 3-3 3z"/><path class="dxd-icon-fill" d="M13 8c2 0 3.7.8 5 2.1V6h-6V0H0v20h8.1C6.8 18.7 6 17 6 15c0-3.9 3.1-7 7-7z"/></svg>',
     'dxrd-svg-preview-report_designer': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M18 6l-4-4v4h4zM14 18h2l8-8-2-2-8 8z"/><path class="dxd-icon-fill" d="M12 20v-4l6-6V8h-6V2H0v20h18v-4l-2 2h-4zm-6-4c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"/><path class="dxd-icon-fill" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2H6v-2z"/></svg>',
     'dxrd-svg-preview-search': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M21.7 20.3l-5.4-5.4c1.1-1.4 1.7-3.1 1.7-4.9 0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.8 0 3.5-.6 4.9-1.7l5.4 5.4c.4.4 1 .4 1.4 0s.4-1 0-1.4zM4 10c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6z"/></svg>',
+    'dxrd-svg-preview-signature_img_placeholder': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 95" fill="none"><path fill="#F66" fill-opacity=".7" fill-rule="evenodd" d="M98 47.5C98 59.926 87.926 70 75.5 70S53 59.926 53 47.5 63.074 25 75.5 25 98 35.074 98 47.5zm-6.818 0c0 8.66-7.021 15.682-15.682 15.682-3.02 0-5.842-.854-8.236-2.334l21.584-21.584a15.608 15.608 0 012.334 8.236zm-28.803 8.59L84.09 34.38a15.608 15.608 0 00-8.591-2.56c-8.66 0-15.682 7.02-15.682 15.681 0 3.172.942 6.123 2.56 8.59z" clip-rule="evenodd"/><path stroke="#fff" stroke-width="2" d="M1 1h148v93H1z"/></svg>',
     'dxrd-svg-preview-single_page': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M18 6V2c0-.6-.4-1-1-1H2c-.5 0-1 .5-1 1v20c0 .5.5 1 1 1h20c.5 0 1-.5 1-1V7c0-.6-.4-1-1-1h-4zm3 15H3V3h13v4c0 .5.5 1 1 1h4v13z"/></svg>',
     'dxrd-svg-preview-sort_asc': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 11 11" xml:space="preserve"><path class="dxd-icon-fill" d="M0 7l5-5 5 5z"/></svg>',
     'dxrd-svg-preview-sort_desc': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 11 11" xml:space="preserve"><path class="dxd-icon-fill" d="M10 3L5 8 0 3z"/></svg>',
@@ -10403,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; } }; });
@@ -10468,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' }; } }; });
@@ -10502,8 +11014,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPropertyGrid: { target: model }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.model }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-label\': $root.getLocalization(text, $data.textId), \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization($context.$data.text, $context.$data.textId), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: $data.disabled(), items: items, cssClass: \'dxrdp-export-to-menu\', onItemClick: clickAction, onSubmenuShowing: $data.eventHandlers.onSubmenuShowing($root.getPopupContainer($element), $element), onSubmenuShown: $data.eventHandlers.onSubmenuShown, onSubmenuHiding: $data.eventHandlers.onSubmenuHiding, tabIndex: \'-1\' }, attr: { title: $root.getLocalization(text, $data.textId) }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled(), 'items': $context.$data.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.clickAction, 'onSubmenuShowing': $context.$data.eventHandlers.onSubmenuShowing($context.$root.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.eventHandlers.onSubmenuShown, 'onSubmenuHiding': $context.$data.eventHandlers.onSubmenuHiding, 'tabIndex': '-1' }; }, 'attr': function () { return { 'title': $context.$root.getLocalization($context.$data.text, $context.$data.textId) }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: $data.disabled(), items: items, cssClass: \'dxrdp-export-to-menu\', onItemClick: clickAction, onSubmenuShowing: $data.eventHandlers.onSubmenuShowing($root.getPopupContainer($element), $element), onSubmenuShown: $data.eventHandlers.onSubmenuShown, onSubmenuHiding: $data.eventHandlers.onSubmenuHiding, onItemRendered: $data.eventHandlers.onItemRendered, tabIndex: \'-1\' }', function ($context, $element) { return { 'dxMenu': function () { return { 'wrapperAttr': { 'class': 'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted' }, 'disabled': $context.$data.disabled(), 'items': $context.$data.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.clickAction, 'onSubmenuShowing': $context.$data.eventHandlers.onSubmenuShowing($context.$root.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.eventHandlers.onSubmenuShown, 'onSubmenuHiding': $context.$data.eventHandlers.onSubmenuHiding, 'onItemRendered': $context.$data.eventHandlers.onItemRendered, 'tabIndex': '-1' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: ko.unwrap($data.imageClassName), template: ko.unwrap($data.imageTemplateName)', function ($context, $element) { return { 'css': function () { return $context.ko.unwrap($context.$data.imageClassName); }, 'template': function () { return $context.ko.unwrap($context.$data.imageTemplateName); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: model', function ($context, $element) { return { 'if': function () { return $context.$data.model; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }', function ($context, $element) { return { 'dxclick': function () { return function (_, event) { $context.$data.onClick(event); event.stopPropagation(); }; }, 'style': function () { return { 'top': $context.$data.topP, 'left': $context.$data.leftP, 'right': $context.$data.rightP, 'height': $context.$data.heightP, 'width': $context.$data.widthP }; }, 'css': function () { return { 'dxrd-report-preview-brick-selected': $context.$data.active, 'dxrd-report-preview-brick-selectable': !($context.$data.bricks) }; } }; });
@@ -10519,25 +11030,32 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('f
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: "dxrd-page-brick-clickable", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-clickable', 'data': $context.$data }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: activateEditor, css: parentPopupClass', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; }, 'css': function () { return $context.$data.parentPopupClass; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPainter: $data.getPainter()', function ($context, $element) { return { 'dxPainter': function () { return $context.$data.getPainter(); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { width: contentData.containerStyle().width, height: contentData.containerStyle().height, position: { boundary: getContainer(), of: getPositionTarget($element), collision: \'flipfit flipfit\' }, container: getContainer(), showTitle: false, target: getContainer(), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: onContentReady, onHiding: onHiding, onShown: onShown, shading: shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: isVisible($element) }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.contentData.containerStyle().width, 'height': $context.$data.contentData.containerStyle().height, 'position': { 'boundary': $context.$data.getContainer(), 'of': $context.$data.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$data.getContainer(), 'showTitle': false, 'target': $context.$data.getContainer(), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.onContentReady, 'onHiding': $context.$data.onHiding, 'onShown': $context.$data.onShown, 'shading': $context.$data.shading, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, 'animation': { 'show': { 'type': 'slide', 'duration': 0, 'to': { 'opacity': 1 }, 'from': { 'opacity': 0 } }, 'hide': { 'type': 'fade', 'duration': 100, 'to': { 'opacity': 0 }, 'from': { 'opacity': 1 } } }, 'visible': $context.$data.isVisible($element) }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { width: contentData.containerStyle().width, height: contentData.containerStyle().height, position: { boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \'flipfit flipfit\' }, container: $root.getPopupContainer($element), showTitle: false, target: $root.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: onContentReady, onHiding: onHiding, onShown: onShown, shading: shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: isVisible($element) }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.contentData.containerStyle().width, 'height': $context.$data.contentData.containerStyle().height, 'position': { 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$root.getPopupContainer($element), 'showTitle': false, 'target': $context.$root.getPopupContainer($element), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.onContentReady, 'onHiding': $context.$data.onHiding, 'onShown': $context.$data.onShown, 'shading': $context.$data.shading, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, 'animation': { 'show': { 'type': 'slide', 'duration': 0, 'to': { 'opacity': 1 }, 'from': { 'opacity': 0 } }, 'hide': { 'type': 'fade', 'duration': 100, 'to': { 'opacity': 0 }, 'from': { 'opacity': 1 } } }, 'visible': $context.$data.isVisible($element) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dx-picture-editing-popup\', data: $data.getPopupData() }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-picture-editing-popup', 'data': $context.$data.getPopupData() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: showContent', function ($context, $element) { return { 'if': function () { return $context.$data.showContent; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: contentTemplate, data: contentData, afterRender: $data.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.contentData, 'afterRender': $context.$data.renderedHandler }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-label\': $root.getLocalization(\'Zoom\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\'), \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox'), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { items: zoomItems, value: $data.zoom, displayExpr: displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: $root.getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Zoom\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\') }}', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.zoomItems, 'value': $context.$data.zoom, 'displayExpr': $context.$data.displayExpr, 'displayCustomValue': true, 'acceptCustomValue': true, 'onCustomItemCreating': $context.$data.onCustomItemCreating, 'useItemTextAsTitle': true, 'width': 140, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'my': 'left top', 'at': 'left bottom', 'of': $element }, 'wrapperAttr': { 'class': 'dx-zoom-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': { 'aria-label': $context.$root.getLocalization('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox') } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'direction': 'horizontal', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('keyDownActions: actionLists, accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'keyDownActions': function () { return $context.$data.actionLists; }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: active() && visible(), accessibilityKeyboardHelper: $data.keyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.active() && $context.$data.visible(); }, 'accessibilityKeyboardHelper': function () { return $context.$data.keyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header'); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSearchEditor: { searchModel: $data, inputAttr: { \'type\': \'search\', \'title\': $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\') }}', function ($context, $element) { return { 'dxSearchEditor': function () { return { 'searchModel': $context.$data, 'inputAttr': { 'type': 'search', 'title': $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_Header') } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButton: { disabled: $data.stopSearchDisabled(), text: $data.loading() ? $root.getLocalization(\'Stop\', \'ASPxReportsStringId.SearchDialog_StopButton\'): $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_SearchButton\'), onClick: $data.searchButtonClick  }', function ($context, $element) { return { 'dxButton': function () { return { 'disabled': $context.$data.stopSearchDisabled(), 'text': $context.$data.loading() ? $context.$root.getLocalization('Stop', 'ASPxReportsStringId.SearchDialog_StopButton') : $context.$root.getLocalization('Search', 'ASPxReportsStringId.SearchDialog_SearchButton'), 'onClick': $context.$data.searchButtonClick }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCheckBox: { value: matchCase, text: $root.getLocalization(\'Match case\', \'ASPxReportsStringId.SearchDialog_Case\')}', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.matchCase, 'text': $context.$root.getLocalization('Match case', 'ASPxReportsStringId.SearchDialog_Case') }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCheckBox: { value: matchWholeWord, text: $root.getLocalization(\'Match whole word only\', \'ASPxReportsStringId.SearchDialog_WholeWord\')}', function ($context, $element) { return { 'dxCheckBox': function () { return { 'value': $context.$data.matchWholeWord, 'text': $context.$root.getLocalization('Match whole word only', 'ASPxReportsStringId.SearchDialog_WholeWord') }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Search result\', \'ASPxReportsStringId.WebDocumentViewer_SearchResultText\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Search result', 'ASPxReportsStringId.WebDocumentViewer_SearchResultText'); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { id: $data.searchResultHeaderId, \'aria-busy\': $data.loading() ? \'true\' : \'false\' }', function ($context, $element) { return { 'attr': function () { return { 'id': $context.$data.searchResultHeaderId, 'aria-busy': $context.$data.loading() ? 'true' : 'false' }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.searchResultCount', function ($context, $element) { return { 'text': function () { return $context.$data.searchResultCount; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'results in\', \'ASPxReportsStringId.SearchDialog_Results_In\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('results in', 'ASPxReportsStringId.SearchDialog_Results_In'); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.searchResultPageCount', function ($context, $element) { return { 'text': function () { return $context.$data.searchResultPageCount; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'pages\', \'ASPxReportsStringId.SearchDialog_Results_Pages\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('pages', 'ASPxReportsStringId.SearchDialog_Results_Pages'); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxLoadIndicator: { visible: $data.loading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.loading }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText:  loading() ? \'\' : noResultText(), encodeNoDataText: true, visible: !loading() }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.searchResultDataSource, 'pageLoadMode': 'scrollBottom', 'focusStateEnabled': false, 'hoverStateEnabled': false, 'onItemRendered': $context.$data.onItemRendered, 'noDataText': $context.$data.loading() ? '' : $context.$data.noResultText(), 'encodeNoDataText': true, 'visible': !$context.$data.loading() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { icon: \'dxrd-svg-operations-arrowup\', onClick: $data.findUp  }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'icon': 'dxrd-svg-operations-arrowup', 'onClick': $context.$data.findUp }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { icon: \'dxrd-svg-operations-arrowdown\', onClick: $data.findDown  }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'icon': 'dxrd-svg-operations-arrowdown', 'onClick': $context.$data.findDown }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true,  height: \'80%\' }, attr: { \'aria-labelledby\': $data.searchResultHeaderId }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.searchResultDataSource, 'pageLoadMode': 'scrollBottom', 'focusStateEnabled': false, 'hoverStateEnabled': false, 'onItemRendered': $context.$data.onItemRendered, 'noDataText': '', 'encodeNoDataText': true, 'height': '80%' }; }, 'attr': function () { return { 'aria-labelledby': $context.$data.searchResultHeaderId }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxAction: { model: $data, action: $parent.itemClickAction }, attr: {\'aria-label\': $data.data.text + \', \' + $root.dx._static.formatSearchResult($data.data) + \', \' + ($parent.searchResult().indexOf($data.data) + 1) + \' of \' + $parent.searchResult().length }', function ($context, $element) { return { 'dxAction': function () { return { 'model': $context.$data, 'action': $context.$parent.itemClickAction }; }, 'attr': function () { return { 'aria-label': $context.$data.data.text + ', ' + $context.$root.dx._static.formatSearchResult($context.$data.data) + ', ' + ($context.$parent.searchResult().indexOf($context.$data.data) + 1) + ' of ' + $context.$parent.searchResult().length }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.data.text', function ($context, $element) { return { 'text': function () { return $context.$data.data.text; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.dx._static.formatSearchResult($data.data)', function ($context, $element) { return { 'text': function () { return $context.$root.dx._static.formatSearchResult($context.$data.data); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: noResultText()', function ($context, $element) { return { 'text': function () { return $context.$data.noResultText(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: visible, css: $data.cssClasses, accessibilityKeyboardHelper: $data.progressBarAccessibility', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'css': function () { return $context.$data.cssClasses; }, 'accessibilityKeyboardHelper': function () { return $context.$data.progressBarAccessibility; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style : { width: progress()  + \'%\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$data.progress() + '%' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: cancelText, visible: $data.cancelVisible, dxAction: { model: $data, action: function() { $data.stop && stop(); }}', function ($context, $element) { return { 'text': function () { return $context.$data.cancelText; }, 'visible': function () { return $context.$data.cancelVisible; }, 'dxAction': function () { return { 'model': $context.$data, 'action': function () { $context.$data.stop && $context.$data.stop(); } }; } }; });
@@ -10547,12 +11065,12 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxLoadIndicator: { visible: model.parametersLoading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.model.parametersLoading }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButton: { text: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\'), onClick: function() { model.restore(); } }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$root.getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'), 'onClick': function () { $context.$data.model.restore(); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButton: { text: $root.getLocalization(\'Submit\', \'ASPxReportsStringId.ParametersPanel_Submit\'), onClick: function(params) { model.validateAndSubmit(params); } }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$root.getLocalization('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'), 'onClick': function (params) { $context.$data.model.validateAndSubmit(params); } }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') , \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox'), 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.$data.disabled() ? 'true' : 'false' }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: pageItems, value: selectedItem, opened: opened, displayExpr: displayExpr, useItemTextAsTitle: true, onFocusOut: focusOut, onKeyUp: keyUp, itemTemplate: itemTemplate, searchMode: searchMode, searchEnabled: searchEnabled, searchTimeout: searchTimeout, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), wrapperAttr: { class: \'dx-page-selectbox-popup-wrapper\' }, }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.pageItems, 'value': $context.$data.selectedItem, 'opened': $context.$data.opened, 'displayExpr': $context.$data.displayExpr, 'useItemTextAsTitle': true, 'onFocusOut': $context.$data.focusOut, 'onKeyUp': $context.$data.keyUp, 'itemTemplate': $context.$data.itemTemplate, 'searchMode': $context.$data.searchMode, 'searchEnabled': $context.$data.searchEnabled, 'searchTimeout': $context.$data.searchTimeout, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'wrapperAttr': { 'class': 'dx-page-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': { 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox') } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: pageItems, value: selectedItem, opened: opened, displayExpr: displayExpr, useItemTextAsTitle: true, onFocusOut: focusOut, onKeyUp: keyUp, itemTemplate: itemTemplate, searchMode: searchMode, searchEnabled: searchEnabled, searchTimeout: searchTimeout, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), wrapperAttr: { class: \'dx-page-selectbox-popup-wrapper\', \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\')  }, }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.pageItems, 'value': $context.$data.selectedItem, 'opened': $context.$data.opened, 'displayExpr': $context.$data.displayExpr, 'useItemTextAsTitle': true, 'onFocusOut': $context.$data.focusOut, 'onKeyUp': $context.$data.keyUp, 'itemTemplate': $context.$data.itemTemplate, 'searchMode': $context.$data.searchMode, 'searchEnabled': $context.$data.searchEnabled, 'searchTimeout': $context.$data.searchTimeout, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'wrapperAttr': { 'class': 'dx-page-selectbox-popup-wrapper', 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox') } }, 'tabIndex': '-1', 'inputAttr': { 'aria-label': $context.$root.getLocalization('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox') } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap'); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, accessibilityKeyboardHelper: $parent.keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'accessibilityKeyboardHelper': function () { return $context.$parent.keyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('treelist: documentMapOptions', function ($context, $element) { return { 'treelist': function () { return $context.$data.documentMapOptions; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: searchText().length', function ($context, $element) { return { 'if': function () { return $context.$data.searchText().length; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (searchResultCount() > 0 || loading())', function ($context, $element) { return { 'if': function () { return ($context.$data.searchResultCount() > 0 || $context.$data.loading()); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (searchCompleted() && searchResultCount() == 0)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchCompleted() && $context.$data.searchResultCount() == 0); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (model && !model.isEmpty())', function ($context, $element) { return { 'if': function () { return ($context.$data.model && !$context.$data.model.isEmpty()); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (!model || model.isEmpty())', function ($context, $element) { return { 'if': function () { return (!$context.$data.model || $context.$data.model.isEmpty()); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dx-propertieseditor\', data: $data.propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });
@@ -10577,35 +11095,36 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('i
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: {data: pages, afterRender: function() { $parent.model.delayedInit() } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.pages, 'afterRender': function () { $context.$parent.model.delayedInit(); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('lazy: { if: pageLoading() || (!pageLoading() && displayImageSrc()) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading() || (!$context.$data.pageLoading() && $context.$data.displayImageSrc()) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-preview-page\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-page'; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('cacheElement: { action: function(element) { $data._$element = element; } }, dxEllipsisEditor: { value: _displayText, readOnly:true, inputAttr: { \'aria-label\': $parent.displayName }, openOnFieldClick: true, buttonAction: function() { $data._showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': function (element) { $context.$data._$element = element; } }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data._displayText, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$parent.displayName }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data._showPopup(); } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('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(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': function (element) { $context.$data._$element = element; } }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data._displayText, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$parent.displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data._showPopup(); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('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 }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 'max-content', 'height': $context.$root.calculateWithZoomFactor(362), 'wrapperAttr': { 'class': 'dxrv-daterange-editor-popup-wrapper' }, 'position': { 'my': 'right top', 'at': 'right bottom', 'of': $context.$data._$element, 'collision': 'fit fit', 'offset': '1 -1' }, 'container': $context.$root.getPopupContainer($element), 'target': $context.$root.getPopupContainer($element), 'showTitle': false, 'showCloseButton': false, 'hideOnOutsideClick': true, 'animation': {}, 'shading': false, 'visible': $context.$data._popupVisible }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'always\', direction: \'horizontal\', useNative: false, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'always', 'direction': 'horizontal', 'useNative': false, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 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"])('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 { '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-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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTemplate:{ name:\'select_cell\' }', function () { return { dxTemplate: { name: 'select_cell' } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-propertieseditor\', data: viewmodel }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data.viewmodel }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTagBox: $parent.getOptions({ dataSource: $data.dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: $data.searchExpr || [\'displayValue\'], value: $data.value, displayExpr: $data.displayExpr || \'displayValue\', valueExpr: $data.valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!$data.showDropDownButton, selectAllMode: \'allPages\', selectedItems: $data.selectedItems, inputAttr: { \'aria-label\': $parent.displayName }, disabled: $parent.disabled, selectAllText: $root.getLocalization(\'Select All\', \'AnalyticsCoreStringId.SelectAll\'), placeholder: $root.dx._static.selectPlaceholder(), maxDisplayedTags: $data.maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: $root.getPopupContainer($element), position: { boundary: $root.getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: $parent.validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$parent.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$parent.displayName }, 'disabled': $context.$parent.disabled, 'selectAllText': $context.$root.getLocalization('Select All', 'AnalyticsCoreStringId.SelectAll'), 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'boundary': $context.$root.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$parent.validationRules || [] }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTagBox: $parent.getOptions({ dataSource: $data.dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: $data.searchExpr || [\'displayValue\'], value: $data.value, displayExpr: $data.displayExpr || \'displayValue\', valueExpr: $data.valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!$data.showDropDownButton, selectAllMode: \'allPages\', selectedItems: $data.selectedItems, inputAttr: { \'aria-label\': $parent.displayName, id: $parent.editorInputId }, disabled: $parent.disabled, selectAllText: $root.getLocalization(\'Select All\', \'AnalyticsCoreStringId.SelectAll\'), placeholder: $root.dx._static.selectPlaceholder(), maxDisplayedTags: $data.maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: $root.getPopupContainer($element), position: { boundary: $root.getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: $parent.validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$parent.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$parent.displayName, 'id': $context.$parent.editorInputId }, 'disabled': $context.$parent.disabled, 'selectAllText': $context.$root.getLocalization('Select All', 'AnalyticsCoreStringId.SelectAll'), 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'boundary': $context.$root.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$parent.validationRules || [] }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'info': $context.$data.info, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPropertyGrid: { target: value, level: editor.level + 1 }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'level': $context.$data.editor.level + 1 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: value', function ($context, $element) { return { 'if': function () { return $context.$data.value; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxdAccordion: { collapsed: $data.collapsed, alwaysShow: $data.hideCollapsingImage }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.hideCollapsingImage }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxdAccordion: { collapsed: $data.collapsed, alwaysShow: $data.alwaysShow }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.alwaysShow }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxrd-empty-header\': $data.hideEditorHeader }', function ($context, $element) { return { 'css': function () { return { 'dxrd-empty-header': $context.$data.hideEditorHeader }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { role: isComplexEditor && \'tab\', \'id\': isComplexEditor && getIdByDisplayName(\'dxrd-accordion-trigger\'), \'aria-controls\': isComplexEditor && getIdByDisplayName(\'dxrd-accordion-pannel\'), \'aria-expanded\': isComplexEditor && (!collapsed() ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': $data.editorOptions && $data.editorOptions.hasVerticalLabel }', function ($context, $element) { return { 'attr': function () { return { 'role': $context.$data.isComplexEditor && 'tab', 'id': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-trigger'), 'aria-controls': $context.$data.isComplexEditor && $context.$data.getIdByDisplayName('dxrd-accordion-pannel'), 'aria-expanded': $context.$data.isComplexEditor && (!$context.$data.collapsed() ? 'true' : 'false') }; }, 'css': function () { return { 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented': $context.$data.isComplexEditor, 'dxrd-vertical-label': $context.$data.editorOptions && $context.$data.editorOptions.hasVerticalLabel }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': $data.isGroupLabel, \'dx-accordion-hide-collapsing-image\': $data.hideCollapsingImage }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader', 'dxd-back-secondary': $context.$data.isGroupLabel, 'dx-accordion-hide-collapsing-image': $context.$data.hideCollapsingImage }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { role: \'treeitem\', \'id\': isComplexEditor && headerId, \'aria-owns\': isComplexEditor && contentId, \'aria-expanded\': isComplexEditor && (alwaysShow() || !collapsed() ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': $data.editorOptions && $data.editorOptions.hasVerticalLabel }', function ($context, $element) { return { 'attr': function () { return { 'role': 'treeitem', 'id': $context.$data.isComplexEditor && $context.$data.headerId, 'aria-owns': $context.$data.isComplexEditor && $context.$data.contentId, 'aria-expanded': $context.$data.isComplexEditor && ($context.$data.alwaysShow() || !$context.$data.collapsed() ? 'true' : 'false') }; }, 'css': function () { return { 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented': $context.$data.isComplexEditor, 'dxrd-vertical-label': $context.$data.editorOptions && $context.$data.editorOptions.hasVerticalLabel }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': $data.isGroupLabel, \'dx-accordion-hide-collapsing-image\': $data.alwaysShow() }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader', 'dxd-back-secondary': $context.$data.isGroupLabel, 'dx-accordion-hide-collapsing-image': $context.$data.alwaysShow() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified() ? \'Bold\' : \'\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified() ? 'Bold' : '' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: $data.hideEditorHeader', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideEditorHeader; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: $data.hideCollapsingImage', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideCollapsingImage; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: $data.alwaysShow()', function ($context, $element) { return { 'ifnot': function () { return $context.$data.alwaysShow(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: painter.scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.painter.scale; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: \'.dxrd-preview-surface\', of: $data.$element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled() ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : \'.dx-designer\', target: \'.dx-designer\', showTitle: false, onContentReady: function(e) { e.component && e.component.registerKeyHandler(\'tab\', function(_) { $data.active(false); }); }, showCloseButton: false, animation: {}, shading: false, visible: $data.active }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 48, 'height': 'auto', 'wrapperAttr': { 'class': 'dx-picture-editing-active' }, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': '.dxrd-preview-surface', 'of': $context.$data.$element, 'collision': 'fit fit', 'offset': '1 -1' }, 'container': $context.$data.shadingEnabled() ? '.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen' : '.dx-designer', 'target': '.dx-designer', 'showTitle': false, 'onContentReady': function (e) { e.component && e.component.registerKeyHandler('tab', function (_) { $context.$data.active(false); }); }, 'showCloseButton': false, 'animation': {}, 'shading': false, 'visible': $context.$data.active }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: $root.getPopupContainer($element), of: $data.$element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled() ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : $root.getPopupContainer($element), target: $root.getPopupContainer($element), showTitle: false, onContentReady: function(e) { e.component && e.component.registerKeyHandler(\'tab\', function(_) { $data.active(false); }); }, showCloseButton: false, animation: {}, shading: false, visible: $data.active }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 48, 'height': 'auto', 'wrapperAttr': { 'class': 'dx-picture-editing-active' }, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.$element, 'collision': 'fit fit', 'offset': '1 -1' }, 'container': $context.$data.shadingEnabled() ? '.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen' : $context.$root.getPopupContainer($element), 'target': $context.$root.getPopupContainer($element), 'showTitle': false, 'onContentReady': function (e) { e.component && e.component.registerKeyHandler('tab', function (_) { $context.$data.active(false); }); }, 'showCloseButton': false, 'animation': {}, 'shading': false, 'visible': $context.$data.active }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: $data.actions', function ($context, $element) { return { 'foreach': function () { return $context.$data.actions; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: $data.action, attr: { title: title }', function ($context, $element) { return { 'dxclick': function () { return $context.$data.action; }, 'attr': function () { return { 'title': $context.$data.title }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: icon, afterRender: $data.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.icon, 'afterRender': $context.$data.renderedHandler }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.scale; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopover: { width: width, height: height, wrapperAttr: { class: \'dx-picture-edit-popup-content\' }, hideOnOutsideClick: $data.hideOnOutsideClick, onShown: $data.onShown, onContentReady: $data.onContentReady, position: { my: \'left top\', at: \'right top\', boundary: \'.dx-designer\', of: getPositionTarget(), collision: \'flipfit fit\', offset: \'-10 0\' }, container: getPositionTarget(), showTitle: false, target: getPositionTarget(), showCloseButton: false, shading: false, animation: {}, visible: visible }', function ($context, $element) { return { 'dxPopover': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content' }, 'hideOnOutsideClick': $context.$data.hideOnOutsideClick, 'onShown': $context.$data.onShown, 'onContentReady': $context.$data.onContentReady, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': '.dx-designer', 'of': $context.$data.getPositionTarget(), 'collision': 'flipfit fit', 'offset': '-10 0' }, 'container': $context.$data.getPositionTarget(), 'showTitle': false, 'target': $context.$data.getPositionTarget(), 'showCloseButton': false, 'shading': false, 'animation': {}, 'visible': $context.$data.visible }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopover: { width: width, height: height, wrapperAttr: { class: \'dx-picture-edit-popup-content\' }, hideOnOutsideClick: $data.hideOnOutsideClick, onShown: $data.onShown, onContentReady: $data.onContentReady, position: { my: \'left top\', at: \'right top\', boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \'flipfit fit\', offset: \'-10 0\' }, container: getPositionTarget($element), showTitle: false, target: getPositionTarget($element), showCloseButton: false, shading: false, animation: {}, visible: visible }', function ($context, $element) { return { 'dxPopover': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content' }, 'hideOnOutsideClick': $context.$data.hideOnOutsideClick, 'onShown': $context.$data.onShown, 'onContentReady': $context.$data.onContentReady, 'position': { 'my': 'left top', 'at': 'right top', 'boundary': $context.$root.getPopupContainer($element), 'of': $context.$data.getPositionTarget($element), 'collision': 'flipfit fit', 'offset': '-10 0' }, 'container': $context.$data.getPositionTarget($element), 'showTitle': false, 'target': $context.$data.getPositionTarget($element), 'showCloseButton': false, 'shading': false, 'animation': {}, 'visible': $context.$data.visible }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: brushWidthText', function ($context, $element) { return { 'text': function () { return $context.$data.brushWidthText; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSlider: { min: 1, max: 9, value: $data.lineWidth, label: { visible: true }, tooltip: { enabled: true, showMode: \'always\', position: \'bottom\' } }', function ($context, $element) { return { 'dxSlider': function () { return { 'min': 1, 'max': 9, 'value': $context.$data.lineWidth, 'label': { 'visible': true }, 'tooltip': { 'enabled': true, 'showMode': 'always', 'position': 'bottom' } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: brushColorText', function ($context, $element) { return { 'text': function () { return $context.$data.brushColorText; } }; });
@@ -10632,13 +11151,23 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('f
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $parent.filterEnabled', function ($context, $element) { return { 'if': function () { return $context.$parent.filterEnabled; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: $parent.filterEnabled', function ($context, $element) { return { 'ifnot': function () { return $context.$parent.filterEnabled; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: getOptions({ dataSource: getAvailableSignature($root), value: value, itemTemplate: \'signature\', displayExpr: \'displayName\', valueExpr: \'key\', showClearButton: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { minWidth: \'300px\', container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.getAvailableSignature($context.$root), 'value': $context.$data.value, 'itemTemplate': 'signature', 'displayExpr': 'displayName', 'valueExpr': 'key', 'showClearButton': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'minWidth': '300px', 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { src: image }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.image }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { title: value }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.value }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: label', function ($context, $element) { return { 'text': function () { return $context.$data.label; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: value', function ($context, $element) { return { 'text': function () { return $context.$data.value; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: image', function ($context, $element) { return { 'if': function () { return $context.$data.image; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: image', function ($context, $element) { return { 'ifnot': function () { return $context.$data.image; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-signature_img_placeholder\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-signature_img_placeholder'; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: fields', function ($context, $element) { return { 'foreach': function () { return $context.$data.fields; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTemplate: { name: \'signature\' }', function () { return { dxTemplate: { name: 'signature' } }; });
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-viewer-templates.js
 
 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 -->',
@@ -10651,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>',
@@ -10661,41 +11190,42 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrp-editing-field-checkbox': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle(), zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" tabindex="1" data-bind="style: checkStyle(), template: {name: $data.checkStateStyleIcon, if: !!ko.unwrap($data.checkStateStyleIcon)}"> </div> </div>',
     'dxrp-editing-field-radio': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle(), zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" data-bind="style: checkStyle()"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 760 760" preserveAspectRatio="xMidYMid meet"> <g fill="#010101" stroke="none"> <path d="M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0" class="highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0"  /> <path d="M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0" data-bind="style: { fill: checked() ? \'black\' : \'transparent\' }" /> </g> </svg> </div> </div>',
     'dxrp-character-comb-editing-field': '<div class="dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle(), dxclick: activateEditor, zoom: zoom, css: { active: active(), readonly: field.readOnly() }"> <!-- ko if: !active() || field.readOnly()  --> <!-- ko foreach: cells --> <div class="dxrp-editing-field-charactercomb-cell" data-bind="style: style, text: text"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: active() && !field.readOnly() --> <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field._editorValue, valueUpdate: \'keypress\', style: textStyle(), event: { blur: hideEditor, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
-    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form data-bind="attr: { \'action\': exportActionUri }, foreach: exportFormData" method="post"> <input data-bind="attr: {\'name\': name, \'value\': value}"/> </form> </div> <div data-bind="dxPopup: { width: popupWidth, height: popupHeight, title: getPopupTitle(), visible: popupVisible, showCloseButton: true, toolbarItems: popupButtons, wrapperAttr: { class: \'dxrd-print-dialog dx-editors dx-widget\' }, container: $root.getPopupContainer($element), position: { of: $root.getPopupContainer($element) } }"> <div class="dx-popup-content"> <div data-bind="text: $root.getLocalization(\'The browser sent the document to the printer.\', \'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Caption\')"></div> <p></p> <!-- ko if: $data.printingTextPrefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTextPrefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: $root.getLocalization(\'document in PDF format\', \'ASPxReportsStringId.WebDocumentViewer_Print_Popup_LinkText\')"></a> <!-- ko if: $data.printingTextPostfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTextPostfix"></div> <!-- /ko --> </div> </div>',
-    'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active() && visible()"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <!-- ko if: model--> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="accessibilityKeyboardHelper: $data.keyboardHelper"> <div role="tablist" class="dxrd-right-panel-content dxrd-export-options-content" data-bind="dxPropertyGrid: { target: model }"></div> </div> </div> <!-- /ko --></div>',
-    'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div role="menu" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-label\': $root.getLocalization(text, $data.textId), \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }" > <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: $data.disabled(), items: items, cssClass: \'dxrdp-export-to-menu\', onItemClick: clickAction, onSubmenuShowing: $data.eventHandlers.onSubmenuShowing($root.getPopupContainer($element), $element), onSubmenuShown: $data.eventHandlers.onSubmenuShown, onSubmenuHiding: $data.eventHandlers.onSubmenuHiding, tabIndex: \'-1\' }, attr: { title: $root.getLocalization(text, $data.textId) }"> <div class="dxrd-preview-export-menu-item" data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: $root.getLocalization(text, $data.textId) }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: $root.getLocalization($data.text, $data.textId)"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: ko.unwrap($data.imageClassName), template: ko.unwrap($data.imageTemplateName)"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
+    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form data-bind="attr: { \'action\': exportActionUri }, foreach: exportFormData" method="post"> <input data-bind="attr: {\'name\': name, \'value\': value}"/> </form> </div> <div data-bind="dxPopup: { width: popupWidth, height: popupHeight, title: getPopupTitle(), visible: popupVisible, showCloseButton: true, toolbarItems: popupButtons, wrapperAttr: { class: \'dxrd-print-dialog dx-editors dx-widget\' }, container: $root.getPopupContainer($element), position: { of: $root.getPopupContainer($element) } }"> <div class="dxrd-print-dialog-content"> <div data-bind="text: $root.getLocalization(\'The browser sent the document to the printer.\', \'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Caption\')"></div> <p></p> <!-- ko if: $data.printingTextPrefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTextPrefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: $root.getLocalization(\'document in PDF format\', \'ASPxReportsStringId.WebDocumentViewer_Print_Popup_LinkText\')"></a> <!-- ko if: $data.printingTextPostfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTextPostfix"></div> <!-- /ko --> </div> </div>',
+    'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active() && visible()"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <!-- ko if: model--> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="accessibilityKeyboardHelper: $data.keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" data-bind="dxPropertyGrid: { target: model }"></div> </div> </div> <!-- /ko --></div>',
+    'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented"> <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: $data.disabled(), items: items, cssClass: \'dxrdp-export-to-menu\', onItemClick: clickAction, onSubmenuShowing: $data.eventHandlers.onSubmenuShowing($root.getPopupContainer($element), $element), onSubmenuShown: $data.eventHandlers.onSubmenuShown, onSubmenuHiding: $data.eventHandlers.onSubmenuHiding, onItemRendered: $data.eventHandlers.onItemRendered, tabIndex: \'-1\' }"> <div class="dxrd-preview-export-menu-item" data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: $root.getLocalization(text, $data.textId) }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: $root.getLocalization($data.text, $data.textId)"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: ko.unwrap($data.imageClassName), template: ko.unwrap($data.imageTemplateName)"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-page-brick-clickable': '<div class="dxrd-report-preview-brick" data-bind="dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }"> <!-- ko if: $data.navigation --> <div class="dxrd-report-preview-brick-navigation" data-bind="css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }"></div> <!--/ko--> </div>',
     'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': $parent.currentPageAriaLabelImgAlt($data.pageIndex) }, dxclick: clickToBrick, \'brick-selection-prog\': { page: $data, preview: $parent, click: function(pageIndex) { $parent.goToPage(pageIndex) } }"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width() + 2, \'height\': height() + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height() / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div> <img class="dxrd-pointer-events-none dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc, \'alt\': $parent.currentPageAriaLabelImgAlt($data.pageIndex) }" /> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading() && $data.editingFields--> <div data-bind="accessibilityKeyboardHelper: $data.editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> </div> </div>',
     'dxrp-popup-editing-field-image': '<div class="dxrp-editing-field-container" data-bind="style: containerStyle() "> <div class="dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="dxclick: activateEditor, css: parentPopupClass"> <div class="dxrp-editing-field-popup-container-cloned" data-bind="dxPainter: $data.getPainter()"></div> <!-- ko template: { name: \'dx-picture-editing-popup\', data: $data.getPopupData() } --> <!-- /ko --> </div> </div>',
-    'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: contentData.containerStyle().width, height: contentData.containerStyle().height, position: { boundary: getContainer(), of: getPositionTarget($element), collision: \'flipfit flipfit\' }, container: getContainer(), showTitle: false, target: getContainer(), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: onContentReady, onHiding: onHiding, onShown: onShown, shading: shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: isVisible($element) }"> <!-- ko if: showContent --> <!-- ko template: { name: contentTemplate, data: contentData, afterRender: $data.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
-    'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div role="combobox" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-label\': $root.getLocalization(\'Zoom\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\'), \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: zoomItems, value: $data.zoom, displayExpr: displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: $root.getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Zoom\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\') }}"> </div> </div> </div>',
+    'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: contentData.containerStyle().width, height: contentData.containerStyle().height, position: { boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \'flipfit flipfit\' }, container: $root.getPopupContainer($element), showTitle: false, target: $root.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: onContentReady, onHiding: onHiding, onShown: onShown, shading: shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: isVisible($element) }"> <!-- ko if: showContent --> <!-- ko template: { name: contentTemplate, data: contentData, afterRender: $data.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
+    'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: zoomItems, value: $data.zoom, displayExpr: displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: $root.getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Zoom\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox\') }}"> </div> </div> </div>',
     'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, accessibilityKeyboardHelper: $data.keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
-    'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active() && visible(), accessibilityKeyboardHelper: $data.keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model --> <div class="dxrd-preview-search-tab-header"> <span class="dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary" data-bind="text: $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\')"></span> <div class="dxrd-preview-search-editor" data-bind="dxSearchEditor: { searchModel: $data, inputAttr: { \'type\': \'search\', \'title\': $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\') }}"></div> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: { value: matchCase, text: $root.getLocalization(\'Match case\', \'ASPxReportsStringId.SearchDialog_Case\')}"></div> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: { value: matchWholeWord, text: $root.getLocalization(\'Match whole word only\', \'ASPxReportsStringId.SearchDialog_WholeWord\')}"></div> </div> <div class="dxrd-preview-search-result-header dxd-border-primary"> <div class="dx-accessibility-focus-border-accented dxrd-preview-search-result-header-text dxd-text-primary" data-bind="text: $root.getLocalization(\'Search result\', \'ASPxReportsStringId.WebDocumentViewer_SearchResultText\')"></div> </div> <!-- ko if: searchText().length --> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: $data.loading }"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText:  loading() ? \'\' : noResultText(), encodeNoDataText: true, visible: !loading() }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: $data, action: $parent.itemClickAction }, attr: {\'aria-label\': $data.data.text + \', \' + $root.dx._static.formatSearchResult($data.data) + \', \' + ($parent.searchResult().indexOf($data.data) + 1) + \' of \' + $parent.searchResult().length }" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: $data.data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: $root.dx._static.formatSearchResult($data.data)"></div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
+    'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active() && visible(), accessibilityKeyboardHelper: $data.keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model --> <div class="dxrd-preview-search-tab-header"> <span class="dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary" data-bind="text: $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\')"></span> <div class="dxrd-preview-search-tab-editor-button-container"> <div class="dxrd-preview-search-editor" data-bind="dxSearchEditor: { searchModel: $data, inputAttr: { \'type\': \'search\', \'title\': $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_Header\') }}"></div> <div data-bind="dxButton: { disabled: $data.stopSearchDisabled(), text: $data.loading() ? $root.getLocalization(\'Stop\', \'ASPxReportsStringId.SearchDialog_StopButton\'): $root.getLocalization(\'Search\', \'ASPxReportsStringId.SearchDialog_SearchButton\'), onClick: $data.searchButtonClick  }" class="dxrd-preview-search-button"></div> </div> <div class="dxrd-preview-search-tab-header-text"> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: { value: matchCase, text: $root.getLocalization(\'Match case\', \'ASPxReportsStringId.SearchDialog_Case\')}"></div> <div class="dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second" data-bind="dxCheckBox: { value: matchWholeWord, text: $root.getLocalization(\'Match whole word only\', \'ASPxReportsStringId.SearchDialog_WholeWord\')}"></div> </div> </div> <!-- ko if: (searchResultCount() > 0 || loading()) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div class = "dxrd-preview-search-results dxrd-preview-search-result-text" data-bind="attr: { id: $data.searchResultHeaderId, \'aria-busy\': $data.loading() ? \'true\' : \'false\' }"> <span class="dxrd-preview-search-result-text-bold" data-bind="text: $data.searchResultCount"></span>&nbsp <span data-bind="text: $root.getLocalization(\'results in\', \'ASPxReportsStringId.SearchDialog_Results_In\')"></span>&nbsp <span class="dxrd-preview-search-result-text-bold" data-bind="text: $data.searchResultPageCount"></span>&nbsp <span data-bind="text: $root.getLocalization(\'pages\', \'ASPxReportsStringId.SearchDialog_Results_Pages\')"></span> </div> <div class="dxrd-preview-search-results-navigation"> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: $data.loading }"></div> <div data-bind="dxButtonWithTemplate: { icon: \'dxrd-svg-operations-arrowup\', onClick: $data.findUp  }" class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> <div data-bind="dxButtonWithTemplate: { icon: \'dxrd-svg-operations-arrowdown\', onClick: $data.findDown  }" class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> </div> </div> </div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true,  height: \'80%\' }, attr: { \'aria-labelledby\': $data.searchResultHeaderId }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: $data, action: $parent.itemClickAction }, attr: {\'aria-label\': $data.data.text + \', \' + $root.dx._static.formatSearchResult($data.data) + \', \' + ($parent.searchResult().indexOf($data.data) + 1) + \' of \' + $parent.searchResult().length }" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: $data.data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: $root.dx._static.formatSearchResult($data.data)"></div> </div> </div> <!-- /ko --> <!-- ko if: (searchCompleted() && searchResultCount() == 0) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div data-bind="text: noResultText()" class = "dxrd-preview-search-result-text"> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: $data.cssClasses, accessibilityKeyboardHelper: $data.progressBarAccessibility"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress()  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelText, visible: $data.cancelVisible, dxAction: { model: $data, action: function() { $data.stop && stop(); }}"></div> </div>',
-    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active() && visible()"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Preview Parameters\', \'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle\')"></span> <!-- ko if: (model && !model.isEmpty()) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty()) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: $root.getLocalization(\'The report does not contain any parameters.\', \'ASPxReportsStringId.WebDocumentViewer_NoParameters\')"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty()) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, accessibilityKeyboardHelper: $data.keyboardHelper"> <div role="tablist" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: $data.propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: { text: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\'), onClick: function() { model.restore(); } }"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-submit dx-accessibility-focus-border-accented" data-bind="dxButton: { text: $root.getLocalization(\'Submit\', \'ASPxReportsStringId.ParametersPanel_Submit\'), onClick: function(params) { model.validateAndSubmit(params); } }"></div> </div> </div> <!-- /ko --> </div>',
-    'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div role="combobox" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') , \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': $data.disabled() ? \'true\' : \'false\' }" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: pageItems, value: selectedItem, opened: opened, displayExpr: displayExpr, useItemTextAsTitle: true, onFocusOut: focusOut, onKeyUp: keyUp, itemTemplate: itemTemplate, searchMode: searchMode, searchEnabled: searchEnabled, searchTimeout: searchTimeout, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), wrapperAttr: { class: \'dx-page-selectbox-popup-wrapper\' }, }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') } }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
+    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active() && visible()"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Preview Parameters\', \'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle\')"></span> <!-- ko if: (model && !model.isEmpty()) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty()) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: $root.getLocalization(\'The report does not contain any parameters.\', \'ASPxReportsStringId.WebDocumentViewer_NoParameters\')"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty()) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, accessibilityKeyboardHelper: $data.keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: $data.propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: { text: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\'), onClick: function() { model.restore(); } }"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-submit dx-accessibility-focus-border-accented" data-bind="dxButton: { text: $root.getLocalization(\'Submit\', \'ASPxReportsStringId.ParametersPanel_Submit\'), onClick: function(params) { model.validateAndSubmit(params); } }"></div> </div> </div> <!-- /ko --> </div>',
+    'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: pageItems, value: selectedItem, opened: opened, displayExpr: displayExpr, useItemTextAsTitle: true, onFocusOut: focusOut, onKeyUp: keyUp, itemTemplate: itemTemplate, searchMode: searchMode, searchEnabled: searchEnabled, searchTimeout: searchTimeout, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), wrapperAttr: { class: \'dx-page-selectbox-popup-wrapper\', \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\')  }, }, tabIndex: \'-1\', inputAttr: { \'aria-label\': $root.getLocalization(\'Pager\', \'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox\') } }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-preview-document-map': '<div class="dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active() && visible()" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-display-inline-block" data-bind="text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')"></div> </div> <!-- ko if: model --> <!-- ko with: model --> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, accessibilityKeyboardHelper: $parent.keyboardHelper"> <div role="tree" id="documentMapTree" data-bind="treelist: documentMapOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-report-preview': '<div class="dxrd-preview dxrd-designer-wrapper dxd-scrollbar-color dxd-surface-back-color" data-bind="visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \'dx-rtl\' : $data.rtl, \'dx-ltr\': !$data.rtl } ]"> <!-- ko foreach: parts --> <!-- ko template: { name: templateName, data: model }--> <!-- /ko --> <!-- /ko --> </div>',
-    'dxrdp-surface': '<div class="dxrd-preview-wrapper" data-bind="textCopier, css: { \'dx-rtl\': $data.rtlReport, \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted } "> <!-- ko with: progressBar--> <!-- ko template: \'dxrd-preview-progress-bar\'--> <!-- /ko --> <!-- /ko --> <div class="dxrd-preview-surface" data-bind="accessibilityKeyboardHelper: $data.previewBrickKeyboardHelper"> <!-- ko if: !showMultipagePreview() --> <div class="dxrd-report-preview-holder"> <!-- ko with: currentPage--> <!-- ko if: pageLoading() || (!pageLoading() && displayImageSrc()) --> <div role="tab" class="dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented" data-bind="autoFit: { autoFitBy: $parent.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, rightPanelWidth: $root.tabPanel.width, previewSize: $parent.previewSize, brickLoading: brickLoading }, styleunit: { width: width, height: height }"> <!-- ko template: { name: \'dxrd-preview-page\', afterRender: function() { $parent.delayedInit() } }--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: showMultipagePreview() && !!currentPage() --> <div class="dxrd-report-preview-holder" data-bind="lazyImages: { enabled: showMultipagePreview, updateCallback: onSizeChanged }"> <!-- ko foreach: {data: pages, afterRender: function() { $parent.model.delayedInit() } }  --> <!-- ko lazy: { if: pageLoading() || (!pageLoading() && displayImageSrc()) } --> <div role="tab" class="dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented" data-bind="styleunit: { \'width\': width(), \'height\': height() }, toView: { active: active }, css : { \'dxrd-report-preview-active\': active }"> <!-- ko template: \'dxrd-preview-page\'--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div data-bind="css: { \'dxrd-visually-hidden\': currentPage() }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption()"></div> </div> </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>',
+    'dxrdp-surface': '<div class="dxrd-preview-wrapper" data-bind="textCopier, css: { \'dx-rtl\': $data.rtlReport, \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted } "> <!-- ko with: progressBar--> <!-- ko template: \'dxrd-preview-progress-bar\'--> <!-- /ko --> <!-- /ko --> <div class="dxrd-preview-surface" data-bind="accessibilityKeyboardHelper: $data.previewBrickKeyboardHelper"> <!-- ko if: !showMultipagePreview() --> <div class="dxrd-report-preview-holder" role="list"> <!-- ko with: currentPage--> <!-- ko if: pageLoading() || (!pageLoading() && displayImageSrc()) --> <div role="listitem" class="dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented" data-bind="autoFit: { autoFitBy: $parent.autoFitBy, zoom: zoom, width: originalWidth, height: originalHeight, rightPanelWidth: $root.tabPanel.width, previewSize: $parent.previewSize, brickLoading: brickLoading }, styleunit: { width: width, height: height }"> <!-- ko template: { name: \'dxrd-preview-page\', afterRender: function() { $parent.delayedInit() } }--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: showMultipagePreview() && !!currentPage() --> <div class="dxrd-report-preview-holder" role="list" data-bind="lazyImages: { enabled: showMultipagePreview, updateCallback: onSizeChanged }"> <!-- ko foreach: {data: pages, afterRender: function() { $parent.model.delayedInit() } }  --> <!-- ko lazy: { if: pageLoading() || (!pageLoading() && displayImageSrc()) } --> <div role="listitem" class="dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented" data-bind="styleunit: { \'width\': width(), \'height\': height() }, toView: { active: active }, css : { \'dxrd-report-preview-active\': active }"> <!-- ko template: \'dxrd-preview-page\'--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div data-bind="css: { \'dxrd-visually-hidden\': currentPage() }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption()"></div> </div> </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>',
     '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 }, 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="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-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: 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 -->',
     'dxrd-parameters-separator': '<div class="dxrd-parameters-item-separator"> <div class="dxrd-item-separator dxd-border-secondary"></div> </div>',
-    'dxrd-multivalue': '<!-- ko with: value --> <div data-bind="dxTagBox: $parent.getOptions({ dataSource: $data.dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: $data.searchExpr || [\'displayValue\'], value: $data.value, displayExpr: $data.displayExpr || \'displayValue\', valueExpr: $data.valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!$data.showDropDownButton, selectAllMode: \'allPages\', selectedItems: $data.selectedItems, inputAttr: { \'aria-label\': $parent.displayName }, disabled: $parent.disabled, selectAllText: $root.getLocalization(\'Select All\', \'AnalyticsCoreStringId.SelectAll\'), placeholder: $root.dx._static.selectPlaceholder(), maxDisplayedTags: $data.maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: $root.getPopupContainer($element), position: { boundary: $root.getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: $parent.validationRules || [] }"> </div> <!-- /ko -->',
+    'dxrd-multivalue': '<!-- ko with: value --> <div data-bind="dxTagBox: $parent.getOptions({ dataSource: $data.dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: $data.searchExpr || [\'displayValue\'], value: $data.value, displayExpr: $data.displayExpr || \'displayValue\', valueExpr: $data.valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!$data.showDropDownButton, selectAllMode: \'allPages\', selectedItems: $data.selectedItems, inputAttr: { \'aria-label\': $parent.displayName, id: $parent.editorInputId }, disabled: $parent.disabled, selectAllText: $root.getLocalization(\'Select All\', \'AnalyticsCoreStringId.SelectAll\'), placeholder: $root.dx._static.selectPlaceholder(), maxDisplayedTags: $data.maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: $root.getPopupContainer($element), position: { boundary: $root.getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: $parent.validationRules || [] }"> </div> <!-- /ko -->',
     'dxrd-multivalue-editable': '<!-- ko if: value --> <div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }"> <div data-bind="dxPropertyGrid: { target: value, level: editor.level + 1 }"></div> </div> </div> <!-- /ko -->',
-    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: $data.collapsed, alwaysShow: $data.hideCollapsingImage }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': $data.hideEditorHeader }"> <!-- ko ifnot: $data.hideEditorHeader --> <div class="dx-field" data-bind="attr: { role: isComplexEditor && \'tab\', \'id\': isComplexEditor && getIdByDisplayName(\'dxrd-accordion-trigger\'), \'aria-controls\': isComplexEditor && getIdByDisplayName(\'dxrd-accordion-pannel\'), \'aria-expanded\': isComplexEditor && (!collapsed() ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': $data.editorOptions && $data.editorOptions.hasVerticalLabel }"> <div class="dx-field-label dxrd-group-label dxd-back-secondary dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': $data.isGroupLabel, \'dx-accordion-hide-collapsing-image\': $data.hideCollapsingImage }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.hideCollapsingImage --> <div class="propertygrid-editor-collapsed dx-collapsing-image" 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> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: !isComplexEditor --> <!-- ko if: !!$data.textToSearch --> <div class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified() ? \'Bold\' : \'\'}"></div> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { \'title\': displayName }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified() ? \'Bold\' : \'\'}"></div> <!-- /ko --> <!-- /ko --> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> <!-- ko if: templateName !== \'dx-emptyHeader\' --> <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: $data.isRendered } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko if: isComplexEditor --> <div class="dx-editor-content dx-accordion-content" role="tabpanel" data-bind="attr:{\'aria-labelledby\': getIdByDisplayName(\'dxrd-accordion-trigger\'), \'id\': getIdByDisplayName(\'dxrd-accordion-pannel\'), \'aria-hidden\': collapsed() ? \'true\' : \'false\' }"> <!-- ko if: (!$data.editorCreated || editorCreated) --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
-    'dx-picture-editing': '<div class="dx-picture-editing"> <canvas data-bind="zoom: painter.scale"></canvas> <div class="dx-picture-editing-active" data-bind="dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: \'.dxrd-preview-surface\', of: $data.$element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled() ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : \'.dx-designer\', target: \'.dx-designer\', showTitle: false, onContentReady: function(e) { e.component && e.component.registerKeyHandler(\'tab\', function(_) { $data.active(false); }); }, showCloseButton: false, animation: {}, shading: false, visible: $data.active }"> <div data-options="dxTemplate: { name: \'content\' }"> <div class="dx-picture-editing-toolbar" data-bind="foreach: $data.actions"> <div class="dx-picture-editing-toolbar-item" data-bind="dxclick: $data.action, attr: { title: title }"> <div class="dx-picture-editing-toolbar-item-icon" data-bind="template: { name: icon, afterRender: $data.renderedHandler }"> </div> </div> <!-- ko template: { if: $data.template, name: $data.template, data: $data.templateOptions }--> <!-- /ko --> </div> </div> </div> </div>',
+    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: $data.collapsed, alwaysShow: $data.alwaysShow }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': $data.hideEditorHeader }"> <!-- ko ifnot: $data.hideEditorHeader --> <div class="dx-field" data-bind="attr: { role: \'treeitem\', \'id\': isComplexEditor && headerId, \'aria-owns\': isComplexEditor && contentId, \'aria-expanded\': isComplexEditor && (alwaysShow() || !collapsed() ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': $data.editorOptions && $data.editorOptions.hasVerticalLabel }"> <div class="dx-field-label dxrd-group-label dxd-back-secondary dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': $data.isGroupLabel, \'dx-accordion-hide-collapsing-image\': $data.alwaysShow() }"> <!-- 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> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: !isComplexEditor --> <!-- ko if: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified() ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- 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 --> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> <!-- ko if: templateName !== \'dx-emptyHeader\' --> <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: $data.isRendered } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko if: isComplexEditor --> <div class="dx-editor-content dx-accordion-content" role="group" data-bind="attr: { \'aria-labelledby\': headerId, \'id\': contentId, \'aria-hidden\': !alwaysShow() && collapsed() ? \'true\' : \'false\' }"> <!-- ko if: (!$data.editorCreated || editorCreated) --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
+    'dx-picture-editing': '<div class="dx-picture-editing"> <canvas data-bind="zoom: painter.scale"></canvas> <div class="dx-picture-editing-active" data-bind="dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: $root.getPopupContainer($element), of: $data.$element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled() ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : $root.getPopupContainer($element), target: $root.getPopupContainer($element), showTitle: false, onContentReady: function(e) { e.component && e.component.registerKeyHandler(\'tab\', function(_) { $data.active(false); }); }, showCloseButton: false, animation: {}, shading: false, visible: $data.active }"> <div data-options="dxTemplate: { name: \'content\' }"> <div class="dx-picture-editing-toolbar" data-bind="foreach: $data.actions"> <div class="dx-picture-editing-toolbar-item" data-bind="dxclick: $data.action, attr: { title: title }"> <div class="dx-picture-editing-toolbar-item-icon" data-bind="template: { name: icon, afterRender: $data.renderedHandler }"> </div> </div> <!-- ko template: { if: $data.template, name: $data.template, data: $data.templateOptions }--> <!-- /ko --> </div> </div> </div> </div>',
     'dx-painter': '<div class="dx-painter"> <canvas data-bind="zoom: scale"></canvas> </div>',
-    'dx-picture-editing-toolbar-popup': '<div class="dx-picture-edit-popup-content" data-bind="dxPopover: { width: width, height: height, wrapperAttr: { class: \'dx-picture-edit-popup-content\' }, hideOnOutsideClick: $data.hideOnOutsideClick, onShown: $data.onShown, onContentReady: $data.onContentReady, position: { my: \'left top\', at: \'right top\', boundary: \'.dx-designer\', of: getPositionTarget(), collision: \'flipfit fit\', offset: \'-10 0\' }, container: getPositionTarget(), showTitle: false, target: getPositionTarget(), showCloseButton: false, shading: false, animation: {}, visible: visible }"> <!-- ko template: { name: contentTemplate, data: contentData } --> <!--/ko--> </div>',
+    'dx-picture-editing-toolbar-popup': '<div class="dx-picture-edit-popup-content" data-bind="dxPopover: { width: width, height: height, wrapperAttr: { class: \'dx-picture-edit-popup-content\' }, hideOnOutsideClick: $data.hideOnOutsideClick, onShown: $data.onShown, onContentReady: $data.onContentReady, position: { my: \'left top\', at: \'right top\', boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \'flipfit fit\', offset: \'-10 0\' }, container: getPositionTarget($element), showTitle: false, target: getPositionTarget($element), showCloseButton: false, shading: false, animation: {}, visible: visible }"> <!-- ko template: { name: contentTemplate, data: contentData } --> <!--/ko--> </div>',
     'dx-picture-editing-brush-options': '<div class="dx-picture-editing-brush-options"> <div class="dx-picture-editing-line-width"> <div class="dx-picture-editing-text" data-bind="text: brushWidthText"></div> <div class="dx-picture-editing-line-width-slider" data-bind="dxSlider: { min: 1, max: 9, value: $data.lineWidth, label: { visible: true }, tooltip: { enabled: true, showMode: \'always\', position: \'bottom\' } }"></div> </div> <div class="dx-picture-editing-line-color"> <div class="dx-picture-editing-text" data-bind="text: brushColorText"></div> <div class="dx-picture-editing-brush-options-colors" data-bind="foreach: $data.colors"> <div class="dx-picture-editing-brush-options-color" data-bind="css: { selected: $data.isSelected }"> <div class="dx-picture-editing-brush-options-color-cell" data-bind="style: { background: $data.value }, dxclick: $data.action"></div> </div> </div> </div> </div>',
     'dx-picture-editing-sizemode-alignment': '<div class="dx-picture-editing-sizemode-alignment"> <div class="dx-picture-editing-sizemode"> <div class="dx-picture-editing-text" data-bind="text: sizeModeText"></div> <div class="dx-picture-editing-sizemode-values" data-bind="foreach: { data: sizeModeValues }"> <div class="dx-picture-editing-sizemode-alignment-value" data-bind="css: { selected: isSelected }, template: $data.iconTemplate, dxclick: $data.action, attr: { title: $data.attrTitle }"> </div> </div> </div> <div class="dx-picture-editing-alignment"> <div class="dx-picture-editing-text" data-bind="text: alignmentText"></div> <div class="dx-picture-editing-alignment-values" data-bind="foreach: { data: alignmentValues }"> <div class="dx-picture-editing-sizemode-alignment-value" data-bind="css: { selected: isSelected }, template: $data.iconTemplate, dxclick: $data.action, , attr: { title: $data.attrTitle }"> </div> </div> </div> </div>',
     'dx-picture-editing-imagepickerwithfilter': '<div class="dx-picture-editing-filtercontent" data-bind="styleunit: { width: contentWidth }"> <div class="dx-picture-editing-filtercontent-editor" data-bind="dxTextBox: { value: filter, valueChangeEvent: \'keyup\', placeholder: searchPlaceholder(), showClearButton: true  }"></div> <div class="dx-picture-editing-filtercontent-images"> <!-- ko template: \'dx-picture-editing-imagespicker\' --> <!-- /ko --> </div> </div>',
     'dx-picture-editing-imagespicker': '<div class="dx-picture-editing-imagescontainer dxd-text-primary" data-bind="styleunit: { width: contentWidth }, dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }"> <!-- ko foreach: images --> <div class="dx-picture-editing-block dxd-state-normal dxd-back-highlighted" data-bind="styleunit: { width: $parent.width + 10 }, visible: visible, click: function() { $parent.action($data); }"> <div class="dx-picture-editing-block-image" data-bind="styleunit: { width: $parent.width, height: $parent.height }, style: { backgroundImage: \'url(\' + ($data.url || $data.data) + \')\' }"></div> <!-- ko if: $data.text--> <!-- ko if: $parent.filterEnabled --> <div class="dx-picture-editing-block-text" data-bind="searchHighlighting: { text: $data.text, textToSearch: $parent.filter }, attr: { title: $data.text }"></div> <!-- /ko --> <!-- ko ifnot: $parent.filterEnabled --> <div class="dx-picture-editing-block-text" data-bind="text: $data.text, attr: { title: $data.text }"></div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div>',
-    'dx-selectbox': '<div data-bind="dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName } }), dxValidator: { validationRules: $data.validationRules || [] }"></div>'
+    'dx-selectbox': '<div data-bind="dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }"></div>',
+    'dxrdv-signature': '<div data-bind="dxSelectBox: getOptions({ dataSource: getAvailableSignature($root), value: value, itemTemplate: \'signature\', displayExpr: \'displayName\', valueExpr: \'key\', showClearButton: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { minWidth: \'300px\', container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }"> <div class="dxrdv-signature-editor-item" data-options="dxTemplate: { name: \'signature\' }"> <div class="dxrdv-signature-editor-item-image"> <!-- ko if: image --> <img data-bind="attr: { src: image }"/> <!-- /ko --> <!-- ko ifnot: image --> <!-- ko template: \'dxrd-svg-preview-signature_img_placeholder\' --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrdv-signature-editor-item-info"> <!-- ko foreach: fields --> <div class="dxrdv-signature-editor-item-info-field" data-bind="attr: { title: value }"> <span class="dxrdv-signature-editor-item-info-field-label" data-bind="text: label"></span> <span data-bind="text: value"></span> </div> <!-- /ko --> </div> </div> </div>'
 });
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-viewer-editing.js
@@ -10737,6 +11267,8 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 
 
 
+
+
 
 
 
@@ -10780,7 +11312,9 @@ external_ko_["bindingHandlers"]['lazyImages'] = {
                     var previewPage = element.children[i], rect = previewPage.getBoundingClientRect(), pageTop = rect.top;
                     if (visibleArea > pageTop && pageTop >= 0 || pageTop < 0 && pageTop + rect.height > -100) {
                         var previewPageModel = external_ko_["dataFor"](previewPage);
-                        previewPageModel && previewPageModel.isClientVisible && reportPreview.setPageVisibility(previewPageModel, true);
+                        if ((previewPageModel === null || previewPageModel === void 0 ? void 0 : previewPageModel.isClientVisible) && (previewPageModel === null || previewPageModel === void 0 ? void 0 : previewPageModel.isClientVisible()) === false) {
+                            reportPreview.setPageVisibility(previewPageModel, true);
+                        }
                     }
                 }
             }, time);
@@ -10791,7 +11325,7 @@ external_ko_["bindingHandlers"]['lazyImages'] = {
         var subscribtion = enabled.subscribe((newVal) => {
             newVal && loadVisibleImages(500);
         });
-        var scrollLoad = () => loadVisibleImages(MultipageScrollingTrottle());
+        var scrollLoad = () => loadVisibleImages(MultipageScrollingThrottle());
         element.addEventListener('scroll', scrollLoad);
         loadVisibleImages(500);
         Object(external_DevExpress_Analytics_Internal_["addDisposeCallback"])(element, function () {
@@ -10887,8 +11421,7 @@ var external_DevExpress_registerComponent_default = /*#__PURE__*/__webpack_requi
 
 
 
-
-var editor_prefix = 'dx-searcheditor', EDITOR_CLASS = editor_prefix + '', EDITOR_BUTTON_CLASS = editor_prefix + '-button dx-widget dx-dropdowneditor-button', EDITOR_BUTTON_SELECTOR = '.' + editor_prefix + '-button', EDITOR_BUTTON_ICON_CLASS = editor_prefix + '-icon dx-dropdowneditor-icon dx-icon-dxrd-image-move', EDITOR_BUTTON_ICON_UP_TEMPLATE = 'dxrd-svg-operations-moveup', EDITOR_BUTTON_ICON_DOWN_TEMPLATE = 'dxrd-svg-operations-movedown';
+var editor_prefix = 'dx-searcheditor', EDITOR_CLASS = editor_prefix + '', EDITOR_BUTTON_SELECTOR = '.' + editor_prefix + '-button';
 class _dxSearchEditor_dxSearchEditor extends external_DevExpress_ui_dxTextBox_default.a {
     constructor(element, options) {
         super(element, options);
@@ -10940,33 +11473,6 @@ class _dxSearchEditor_dxSearchEditor extends external_DevExpress_ui_dxTextBox_de
             if (e.event.key == 'ArrowDown')
                 this.findNext(false) && e.event.stopPropagation();
         });
-        this._renderButton('Up');
-        this._renderButton('Down');
-    }
-    _renderButton(direction) {
-        this._$button = external_jQuery_["fn"].constructor('<div />').addClass(EDITOR_BUTTON_CLASS);
-        this._attachButtonEvents(direction);
-        this._$buttonIcon = external_jQuery_["fn"].constructor('<div />').addClass(EDITOR_BUTTON_ICON_CLASS + direction.toLowerCase())
-            .append(external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].templates[direction.toLowerCase() === 'up' ? EDITOR_BUTTON_ICON_UP_TEMPLATE : EDITOR_BUTTON_ICON_DOWN_TEMPLATE])
-            .appendTo(this._$button);
-        external_ko_["applyBindingsToDescendants"](this._koContext, this._$buttonIcon[0]);
-        var buttonsContainer = this['_buttonsContainer']();
-        this._$button.appendTo(buttonsContainer);
-        this._$buttons.push(this._$button);
-    }
-    _attachButtonEvents(direction) {
-        this._$button.off('click');
-        var onClick = (e) => {
-            this.findNext(direction.toLowerCase() === 'up') && e.stopPropagation();
-        };
-        if (!this.option('disabled')) {
-            this._$button.on('click', onClick);
-            Object(external_DevExpress_Analytics_Internal_["addDisposeCallback"])(this._$button[0], () => {
-                this._$buttons.forEach($button => {
-                    $button.off('click');
-                });
-            });
-        }
     }
 }
 external_DevExpress_registerComponent_default()('dxSearchEditor', _dxSearchEditor_dxSearchEditor);
@@ -11216,7 +11722,7 @@ var external_DevExpress_events_ = __webpack_require__(6);
 var external_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "DevExpress.ui.dxScrollView"
-var external_DevExpress_ui_dxScrollView_ = __webpack_require__(20);
+var external_DevExpress_ui_dxScrollView_ = __webpack_require__(21);
 var external_DevExpress_ui_dxScrollView_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxScrollView_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/mobile/internal/_mobileBindings.js
@@ -11507,12 +12013,17 @@ external_DevExpress_registerComponent_default()('dxGalleryReportPreview', _galle
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/utils/utils.js
 
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/utils/publicCallbacks.js
+
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-viewer-utils.js
 
 
 
 
 
+
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/dateRange/dateRangeEditor.js
 
 
@@ -11625,7 +12136,7 @@ var predefinedDateRanges = [
     ])
 ];
 class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Utils_["Disposable"] {
-    constructor(_options) {
+    constructor(_options, editorInputId) {
         super();
         this._options = _options;
         this._locker = new Locker();
@@ -11642,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;
@@ -11654,6 +12166,7 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Util
         }
         this.dialogKeyboardHelper = new _dateRangeKeyboardHelper_DateRangeDialogElementsKeyboardHelper(this._hidePopup, this._popupVisible);
         this._disposables.push(this.dialogKeyboardHelper);
+        this._editorInputId = editorInputId;
     }
     _getStringValue(range) {
         return range.map(x => Object(external_DevExpress_Analytics_Internal_["formatDate"])(x)).join(' - ');
@@ -11668,6 +12181,7 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Util
         return {
             value,
             min,
+            height: this.calendarHeight,
             inRange: (date) => this.inRange(date)
         };
     }
@@ -11700,7 +12214,7 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Util
 }
 external_ko_["bindingHandlers"]['dxrvDateRangeEditor'] = {
     init: (element, valueAccessor, bindings, model, bindingContext) => {
-        var rangeEditor = new dateRangeEditor_DateRangeEditor(valueAccessor());
+        var rangeEditor = new dateRangeEditor_DateRangeEditor(valueAccessor(), model.editorInputId);
         external_jQuery_["fn"].constructor(element).children().remove();
         var templateHtml = Object(external_DevExpress_Analytics_Widgets_["getTemplate"])('dxrv-daterange-editor'), $element = external_jQuery_["fn"].constructor(element).append(templateHtml);
         var context = bindingContext.createChildContext(rangeEditor);
@@ -11718,6 +12232,8 @@ external_ko_["bindingHandlers"]['dxrvDateRangeEditor'] = {
 
 
 
+
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/_multiValueEditor.js
 
 
@@ -12387,6 +12903,7 @@ class _pictureEditorModel_PictureEditorModel extends external_DevExpress_Analyti
             var popupInstance = external_DevExpress_ui_dxPopup_default.a['getInstance'](this.$element.find(this.ACTIVE_POPUP_CLASS).get(0));
             return popupInstance && external_jQuery_["fn"].constructor(popupInstance.content());
         };
+        this.getPopupContainer = external_DevExpress_Analytics_Internal_["getParentContainer"];
         this.actions = [];
         this.canDraw = external_ko_["observable"](false);
         this._initialImageType = external_ko_["unwrap"](options.imageType) || 'png';