devexpress-reporting 24.1.1-alpha-2485-0223 → 24.1.2-beta

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -60,6 +60,7 @@ var __webpack_exports__ = {};
 var reporting_namespaceObject = {};
 __webpack_require__.r(reporting_namespaceObject);
 __webpack_require__.d(reporting_namespaceObject, {
+  CustomAction: () => (CustomAction),
   CustomizeExportOptionsEventArgs: () => (CustomizeExportOptionsEventArgs),
   EventGenerator: () => (EventGenerator),
   ImageSource: () => (ImageSource),
@@ -510,6 +511,14 @@ __webpack_require__.d(reporting_viewer_widgets_internal_namespaceObject, {
 
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Internal"
 const external_DevExpress_Analytics_Internal_namespaceObject = DevExpress.Analytics.Internal;
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/customAction.js
+
+class CustomAction extends external_DevExpress_Analytics_Internal_namespaceObject.BaseAction {
+    constructor(model) {
+        super(model);
+    }
+}
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/imageSource.js
 
 class ImageSource {
@@ -570,7 +579,7 @@ class CustomizeExportOptionsEventArgs {
             const oldPredicate = obj.isPropertyVisible;
             obj.isPropertyVisible =
                 oldPredicate
-                    ? ((x) => oldPredicate(x) && x !== propName)
+                    ? ((x) => oldPredicate.apply(obj, [x]) && x !== propName)
                     : ((x) => x !== propName);
         };
         if (paths.length == 0) {
@@ -627,6 +636,7 @@ class EventGenerator {
         const customizeActionsEvent = { publicName: 'CustomizeMenuActions', privateName: 'customizeActions' };
         const reportTabClosingEvent = { publicName: 'ReportTabClosing', privateName: 'reportTabClosing' };
         const reportTabClosedEvent = { publicName: 'ReportTabClosed', privateName: 'reportTabClosed' };
+        const customizeParameterPropertiesEvent = { publicName: 'CustomizeParameterProperties', privateName: 'customizeParameterProperties' };
         const customizeParameterEditorsEvent = { publicName: 'CustomizeParameterEditors', privateName: 'customizeParameterEditors' };
         const customizeParameterLookUpSourceEvent = { publicName: 'CustomizeParameterLookUpSource', privateName: 'customizeParameterLookUpSource' };
         const exitDesignerEvent = { publicName: 'ExitDesigner', privateName: 'exitDesigner' };
@@ -662,6 +672,15 @@ class EventGenerator {
         beforeRenderEvent['callback'] = function beforeRender(designerModel) {
             fireEvent(beforeRenderEvent.publicName, designerModel);
         };
+        customizeParameterPropertiesEvent['callback'] = function customizeParameterProperties(parameter, parameterPanelLayoutItem, editors, getEditor, editOptions) {
+            fireEvent(customizeParameterPropertiesEvent.publicName, {
+                parameter,
+                parameterPanelLayoutItem,
+                editors,
+                getEditor,
+                editOptions
+            });
+        };
         customizeParameterEditorsEvent['callback'] = function customizeParameterEditors(parameter, info) {
             fireEvent(customizeParameterEditorsEvent.publicName, {
                 parameter: parameter,
@@ -792,6 +811,7 @@ class EventGenerator {
             customizeActionsEvent,
             reportTabClosingEvent,
             reportTabClosedEvent,
+            customizeParameterPropertiesEvent,
             customizeParameterEditorsEvent,
             customizeParameterLookUpSourceEvent,
             exitDesignerEvent,
@@ -830,7 +850,7 @@ class EventGenerator {
         const parametersSubmittedEvent = { publicName: [prefix, 'ParametersSubmitted'].join(''), privateName: 'parametersSubmitted' };
         const parametersInitializedEvent = { publicName: [prefix, 'ParametersInitialized'].join(''), privateName: 'parametersInitialized' };
         const parametersResetEvent = { publicName: [prefix, 'ParametersReset'].join(''), privateName: 'parametersReset' };
-        const customizeParameterLookUpSourceEvent = { publicName: 'CustomizeParameterLookUpSource', privateName: 'customizeParameterLookUpSource' };
+        const customizeParameterLookUpSourceEvent = { publicName: [prefix, 'CustomizeParameterLookUpSource'].join(''), privateName: 'customizeParameterLookUpSource' };
         const customizeParameterEditorsEvent = { publicName: 'CustomizeParameterEditors', privateName: 'customizeParameterEditors' };
         const customizeActionsEvent = { publicName: [prefix, 'CustomizeMenuActions'].join(''), privateName: 'customizeActions' };
         const customizePartsEvent = { publicName: [prefix, 'CustomizeElements'].join(''), privateName: 'customizeParts' };
@@ -949,7 +969,7 @@ class EventGenerator {
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '24.1.0';
+const version = '24.1.2';
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -981,6 +1001,8 @@ function convertMapToKeyValuePair(object) {
 
 
 
+
+
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Utils"
 const external_DevExpress_Analytics_Utils_namespaceObject = DevExpress.Analytics.Utils;
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Widgets.Internal"
@@ -1435,6 +1457,15 @@ const external_DevExpress_Analytics_Serializer_Native_namespaceObject = DevExpre
 
 
 class CsvExportOptions extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingMultiplatformModel {
+    static from(model, serializer) {
+        return new CsvExportOptions(model || {}, serializer);
+    }
+    static toJson(value, serializer, refs) {
+        return serializer.serialize(value, csvExportOptionsSerializationInfo, refs);
+    }
+    getInfo() {
+        return csvExportOptionsSerializationInfo;
+    }
     constructor(model, serializer) {
         super(model, serializer);
         this.defaultSeparatorValue = '';
@@ -1455,15 +1486,6 @@ class CsvExportOptions extends external_DevExpress_Analytics_Serializer_Native_n
             (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(this, ['_separatorValue'])
         ]);
     }
-    static from(model, serializer) {
-        return new CsvExportOptions(model || {}, serializer);
-    }
-    static toJson(value, serializer, refs) {
-        return serializer.serialize(value, csvExportOptionsSerializationInfo, refs);
-    }
-    getInfo() {
-        return csvExportOptionsSerializationInfo;
-    }
     isPropertyDisabled(name) {
         return (name === 'separator') && !(this._get('useCustomSeparator'));
     }
@@ -1567,17 +1589,18 @@ class DocxExportOptions extends external_DevExpress_Analytics_Serializer_Native_
 
 
 class AdditionalRecipientModel {
+    getInfo() {
+        return additionalRecipientSerializationsInfo;
+    }
     constructor(model, serializer) {
         serializer = serializer || (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentModelSerializer)();
         serializer.deserialize(this, model);
     }
-    getInfo() {
-        return additionalRecipientSerializationsInfo;
-    }
 }
 AdditionalRecipientModel.createNew = () => {
     return new AdditionalRecipientModel({});
 };
+
 const additionalRecipientSerializationsInfo = [
     { propertyName: 'ContactName', modelName: '@ContactName', displayName: 'ContactName', localizationId: 'DevExpress.XtraPrinting.Recipient.ContactName', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
     { propertyName: 'Address', modelName: '@Address', displayName: 'Address', localizationId: 'DevExpress.XtraPrinting.Recipient.Address', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
@@ -1664,7 +1687,8 @@ const imageExportOptionsSerializationInfoBase = [
             { value: 'Png', displayValue: 'PNG' },
             { value: 'Emf', displayValue: 'EMF' },
             { value: 'Wmf', displayValue: 'WMF' },
-            { value: 'Tiff', displayValue: 'TIFF' }
+            { value: 'Tiff', displayValue: 'TIFF' },
+            { value: 'Svg', displayValue: 'SVG' }
         ]
     }
 ];
@@ -2381,11 +2405,15 @@ var ZoomAutoBy;
     ZoomAutoBy[ZoomAutoBy["PageWidth"] = -1] = "PageWidth";
 })(ZoomAutoBy || (ZoomAutoBy = {}));
 
-;// CONCATENATED MODULE: external "jQuery"
-const external_jQuery_namespaceObject = jQuery;
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_previewBricksKeyboardHelper.js
 
 class PreviewBricksKeyboardHelper extends external_DevExpress_Analytics_Internal_namespaceObject.KeyboardHelperWithArrowButtonBase {
+    dispose() {
+        this._activeBricksSubscription && this._activeBricksSubscription.dispose();
+        this._afterInitializeCallback = null;
+        this._initTimeout && clearTimeout(this._initTimeout);
+        super.dispose();
+    }
     constructor(viewModel) {
         super();
         this.controlElementClassName = 'dx-accessibility-page-item';
@@ -2425,12 +2453,6 @@ class PreviewBricksKeyboardHelper extends external_DevExpress_Analytics_Internal
             })
         });
     }
-    dispose() {
-        this._activeBricksSubscription && this._activeBricksSubscription.dispose();
-        this._afterInitializeCallback = null;
-        this._initTimeout && clearTimeout(this._initTimeout);
-        super.dispose();
-    }
     initialize() {
         if (!this._currentPage)
             return;
@@ -2597,6 +2619,10 @@ class PreviewBricksKeyboardHelper extends external_DevExpress_Analytics_Internal
     }
 }
 class PreviewPageControlsElement extends external_DevExpress_Analytics_Internal_namespaceObject.AccessibilityControlElementBase {
+    dispose() {
+        this.element.removeEventListener('focus', this._focusHandler);
+        super.dispose();
+    }
     constructor(element, _keyboardHelper) {
         super(element);
         this.element = element;
@@ -2611,10 +2637,6 @@ class PreviewPageControlsElement extends external_DevExpress_Analytics_Internal_
         };
         element.addEventListener('focus', this._focusHandler);
     }
-    dispose() {
-        this.element.removeEventListener('focus', this._focusHandler);
-        super.dispose();
-    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/settings.js
@@ -2649,6 +2671,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 
 class EditingFieldBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    deferredUpdateViewModel() { return false; }
     constructor(page) {
         super();
         this.canActivateEditor = false;
@@ -2657,7 +2680,6 @@ class EditingFieldBase extends external_DevExpress_Analytics_Serializer_Native_n
             this.zoom = page.zoom;
         }));
     }
-    deferredUpdateViewModel() { return false; }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('zoom', this.zoom)
@@ -3072,6 +3094,14 @@ function getCheckBoxTemplate(style, state, customGlyph) {
     }
 }
 class CheckEditingFieldViewModel extends EditingFieldBase {
+    _toggleCheckState() {
+        if (this.field.getEditValue() === CheckState.Checked) {
+            this.field.setEditValue(CheckState.Unchecked);
+        }
+        else {
+            this.field.setEditValue(CheckState.Checked);
+        }
+    }
     constructor(field, pageWidth, pageHeight, page, editingFieldsProvider) {
         super(page);
         this._editingFieldsProvider = editingFieldsProvider;
@@ -3131,14 +3161,6 @@ class CheckEditingFieldViewModel extends EditingFieldBase {
         this._updateCheckedState();
         this._updateCustomGlyphStyleCss();
     }
-    _toggleCheckState() {
-        if (this.field.getEditValue() === CheckState.Checked) {
-            this.field.setEditValue(CheckState.Unchecked);
-        }
-        else {
-            this.field.setEditValue(CheckState.Checked);
-        }
-    }
     onPropertyChanged(args) {
         super.onPropertyChanged(args);
         if (args.propertyName === 'customGlyphStyleCss')
@@ -3233,35 +3255,6 @@ function rectIntersection(r1, r2) {
         r2.bottom < r1.top);
 }
 class PreviewSelection {
-    constructor(_element, _page, _click) {
-        this._element = _element;
-        this._page = _page;
-        this._click = _click;
-        this._bodyEvents = {
-            move: null,
-            up: null
-        };
-        this.dispose = () => this._dispose && this._dispose();
-        this._$element = external_jQuery_namespaceObject.fn.constructor(this._element);
-        let mousemove = event => this._mouseMove(event);
-        let mouseup = event => this._mouseUp(event);
-        let mousedown = event => this._mouseDown(event);
-        this._element.addEventListener('mousemove', mousemove);
-        this._element.addEventListener('mouseup', mouseup);
-        this._element.addEventListener('mousedown', mousedown);
-        this._dispose = () => {
-            this._element.removeEventListener('mousemove', mousemove);
-            this._element.removeEventListener('mouseup', mouseup);
-            this._element.removeEventListener('mousedown', mousedown);
-            this._dispose = null;
-            this._click = null;
-            this._page = null;
-            this._element = null;
-            mousemove = null;
-            mouseup = null;
-            mousedown = null;
-        };
-    }
     _getBodyScrollTop() {
         return document.documentElement && document.documentElement.scrollTop || (document.body && document.body.scrollTop);
     }
@@ -3270,16 +3263,16 @@ class PreviewSelection {
     }
     _updateSelectionContent(event) {
         if (this._startRect.left > event.clientX) {
-            this._$selectionContent.css('left', event.clientX);
+            this._$selectionContent.css('left', event.clientX + 'px');
         }
         else {
-            this._$selectionContent.css('right', document.documentElement.clientWidth - event.clientX);
+            this._$selectionContent.css('right', document.documentElement.clientWidth - event.clientX + 'px');
         }
         if (this._startRect.top > event.clientY) {
-            this._$selectionContent.css('top', event.clientY);
+            this._$selectionContent.css('top', event.clientY + 'px');
         }
         else {
-            this._$selectionContent.css('bottom', document.documentElement.clientHeight - event.clientY);
+            this._$selectionContent.css('bottom', document.documentElement.clientHeight - event.clientY + 'px');
         }
         const offset = this._$element.offset();
         const currentRect = {
@@ -3311,11 +3304,18 @@ class PreviewSelection {
             if (!this._$selectionContainer) {
                 if (Math.abs(this._startRect.left - event.clientX) >= 2 || Math.abs(this._startRect.top - event.clientY) >= 2) {
                     PreviewSelection.started = true;
-                    const selectionContainer = external_jQuery_namespaceObject.fn.constructor('<div>');
+                    const selectionContainer = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(document.createElement('div'));
                     selectionContainer.css({ position: 'fixed', top: '0', bottom: '0', left: '0', right: '0' });
                     this._$selectionContainer = selectionContainer.appendTo(document.body);
-                    this._$selectionContent = external_jQuery_namespaceObject.fn.constructor('<div>').appendTo(this._$selectionContainer);
-                    this._$selectionContent.css(this._startRect);
+                    this._$selectionContent = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(document.createElement('div')).appendTo(this._$selectionContainer[0]);
+                    this._$selectionContent.css({
+                        'left': this._startRect.left + 'px',
+                        'right': this._startRect.right + 'px',
+                        'top': this._startRect.top + 'px',
+                        'bottom': this._startRect.bottom + 'px',
+                        'width': this._startRect.width + 'px',
+                        'height': this._startRect.height + 'px',
+                    });
                     this._$selectionContent.addClass('dxrd-selection-content ui-selectable-helper');
                     if ((external_DevExpress_ui_dxPopup_default()).prototype._zIndexInitValue)
                         this._$selectionContent.css('z-index', external_DevExpress_ui_dxPopup_default().prototype._zIndexInitValue() + 100);
@@ -3353,9 +3353,39 @@ class PreviewSelection {
         };
         this._click(this._page.pageIndex);
     }
+    constructor(_element, _page, _click) {
+        this._element = _element;
+        this._page = _page;
+        this._click = _click;
+        this._bodyEvents = {
+            move: null,
+            up: null
+        };
+        this.dispose = () => this._dispose && this._dispose();
+        this._$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(this._element);
+        let mousemove = event => this._mouseMove(event);
+        let mouseup = event => this._mouseUp(event);
+        let mousedown = event => this._mouseDown(event);
+        this._element.addEventListener('mousemove', mousemove);
+        this._element.addEventListener('mouseup', mouseup);
+        this._element.addEventListener('mousedown', mousedown);
+        this._dispose = () => {
+            this._element.removeEventListener('mousemove', mousemove);
+            this._element.removeEventListener('mouseup', mouseup);
+            this._element.removeEventListener('mousedown', mousedown);
+            this._dispose = null;
+            this._click = null;
+            this._page = null;
+            this._element = null;
+            mousemove = null;
+            mouseup = null;
+            mousedown = null;
+        };
+    }
 }
 PreviewSelection.started = false;
 PreviewSelection.disabled = false;
+
 function initializeBrickSelectionProg(element, options) {
     const selection = new PreviewSelection(element, options.page, options.click);
     return () => {
@@ -3470,6 +3500,7 @@ imageEditingField_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ImageEditingFieldViewModel.prototype, "sizeMode", void 0);
 
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/editing/models/popupImageEditingField.js
 var popupImageEditingField_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3654,7 +3685,7 @@ class EditingField extends external_DevExpress_Analytics_Serializer_Native_names
     _refreshHtmlValue(newValue) {
         this.htmlValue = null;
         if (this._needToUseHtml) {
-            this._htmlProvider.getEditingFieldHtml(newValue, this._index).done((html) => {
+            this._htmlProvider.getEditingFieldHtml(newValue, this._index).then((html) => {
                 this.htmlValue = html;
             });
         }
@@ -4155,10 +4186,6 @@ var pdfExportOptionsPreview_decorate = (undefined && undefined.__decorate) || fu
 
 
 class PdfExportOptionsPreview extends PdfExportOptions {
-    constructor(model, serializer, _signatures) {
-        super(model, serializer);
-        this._signatures = _signatures;
-    }
     getInfo() {
         return [
             { propertyName: 'signature', defaultVal: null, editor: viewerEditorTemplates.signatures, displayName: 'Signature', localizationId: 'PreviewStringId.EditingFieldEditors_Signature', valueStore: this._signatures },
@@ -4168,6 +4195,10 @@ class PdfExportOptionsPreview extends PdfExportOptions {
     isPropertyVisible(name) {
         return name !== 'signature' || !!this._signatures.length;
     }
+    constructor(model, serializer, _signatures) {
+        super(model, serializer);
+        this._signatures = _signatures;
+    }
 }
 pdfExportOptionsPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(undefined)
@@ -4188,15 +4219,15 @@ pdfExportOptionsPreview_decorate([
 
 
 class ExportOptionsPreview extends ExportOptions {
-    constructor(_signatures) {
-        super();
-        this._signatures = _signatures;
-    }
     _generateFromFunction(exportType) {
         return (model, serializer) => {
             return new exportType(model || {}, serializer);
         };
     }
+    constructor(_signatures) {
+        super();
+        this._signatures = _signatures;
+    }
     hasSensitiveData() {
         return (this.xls && this.xls.hasSensitiveData())
             || (this.xlsx && this.xlsx.hasSensitiveData())
@@ -4484,7 +4515,7 @@ function getCurrentResolution(zoom) {
     return Math.floor((zoom || 1) * previewDefaultResolution());
 }
 function getImageBase64(url) {
-    const deferred = external_jQuery_namespaceObject.Deferred();
+    const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
     const background = new Image();
     background.src = url;
     background.crossOrigin = 'anonymous';
@@ -4527,7 +4558,6 @@ var _exportHandler_decorate = (undefined && undefined.__decorate) || function (d
 
 
 
-
 class ExportResultRequestData {
     constructor() {
         this.RequestUrl = '';
@@ -4536,6 +4566,13 @@ class ExportResultRequestData {
     }
 }
 class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    onPropertyChanged(args) { }
+    createViewModel() {
+        return createExportHandlerViewModel.call(this, super.createViewModel());
+    }
+    updateViewModel(args) {
+        updateExportHandlerViewModel.call(this, args);
+    }
     constructor(exportSetting, preview) {
         super();
         this.preview = preview;
@@ -4549,7 +4586,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         this._workerTicker = null;
         this._workerFunctionBlobUrl = null;
         this._xhr = null;
-        this._exportResultDeferred = external_jQuery_namespaceObject.Deferred();
+        this._exportResultDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._workerTickerFunction = function () {
             let started, interval;
             self.onmessage = function (e) {
@@ -4588,13 +4625,6 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
                 this._showPrintNotificationDialog = exportSetting.showPrintNotificationDialog;
         }
     }
-    onPropertyChanged(args) { }
-    createViewModel() {
-        return createExportHandlerViewModel.call(this, super.createViewModel());
-    }
-    updateViewModel(args) {
-        updateExportHandlerViewModel.call(this, args);
-    }
     _getUrlObject() {
         return window.URL || window['webkitURL'] || window['mozURL'] || window['msURL'] || window['oURL'];
     }
@@ -4693,9 +4723,9 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     _getExportResultUsingFetch(_requestData, _method, printable, handleFile, operationId, abortController) {
         const _url = this._getUrlObject();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
-        this._exportResultDeferred = external_jQuery_namespaceObject.Deferred();
+        this._exportResultDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method)
-            .done(response => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.resolve(response); })
+            .then(response => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.resolve(response); })
             .catch(fail => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.fail(fail); });
         this.preview.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Downloading the document...', 'WebDocumentViewer_DownloadingDocument');
         this._exportResultDeferred.done(response => {
@@ -4705,7 +4735,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
                     handleFile(fileMetadata, _url);
                 });
             }
-        }).catch(response => {
+        }).fail(response => {
             if (!this.preview)
                 return;
             this.preview.progressBar.complete(operationId);
@@ -4811,7 +4841,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         }
         this.preview.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument');
         this.preview.progressBar.cancelText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
-        const exportOperationIdDeferred = external_jQuery_namespaceObject.Deferred();
+        const exportOperationIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         const startExportOperationId = generateGuid();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);
         this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {
@@ -4821,10 +4851,10 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
                 this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
         }, exportOperationIdDeferred.promise());
         this.preview.requestWrapper.getStartExportOperation(args, shouldIgnoreError())
-            .done((response) => {
+            .then((response) => {
             this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable, abortController);
         })
-            .fail((error) => {
+            .catch((error) => {
             this.preview.previewHandlersHelper.errorStartExportHandler(deferred, startExportOperationId);
             exportOperationIdDeferred.reject();
             !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);
@@ -4833,7 +4863,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     export(args, actionUri, inlineResult, printable = false) {
         this._terminateWorker();
         const abortController = new AbortController();
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         const requestData = this._exportResultRequestData;
         requestData.RequestUrl = actionUri;
         if (this.preview._editingFields.length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel && this.preview.exportOptionsModel.hasSensitiveData())) {
@@ -4971,13 +5001,13 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         }
     }
     getExportStatus(operationId) {
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._timeouts.push(setTimeout(() => {
             this.preview.requestWrapper.getExportStatusRequest(operationId)
-                .done((response) => {
+                .then((response) => {
                 this.preview.previewHandlersHelper.doneExportStatusHandler(deferred, operationId, response);
             })
-                .fail((error) => {
+                .catch((error) => {
                 this.preview.previewHandlersHelper.errorExportStatusHandler(deferred, operationId);
                 !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);
             });
@@ -5051,6 +5081,18 @@ class PreviewEditingFieldsKeyboardHelper extends external_DevExpress_Analytics_I
     }
 }
 class PreviewEditingFieldsElement extends external_DevExpress_Analytics_Internal_namespaceObject.AccessibilityControlElementBase {
+    dispose() {
+        this.element.removeEventListener('mousedown', this._isClick);
+        this.element.removeEventListener('focus', this._activateHandler);
+        this.element.removeEventListener('blur', this._blur);
+        super.dispose();
+    }
+    actionExecute(e) {
+        if (this.model.canActivateEditor)
+            this._activateHandler(e);
+        else if (this.model.onClick)
+            this.model.onClick(this.model, e);
+    }
     constructor(element, model) {
         super(element);
         this.element = element;
@@ -5081,18 +5123,6 @@ class PreviewEditingFieldsElement extends external_DevExpress_Analytics_Internal
         element.addEventListener('focus', this._activateHandler);
         element.addEventListener('blur', this._blur);
     }
-    dispose() {
-        this.element.removeEventListener('mousedown', this._isClick);
-        this.element.removeEventListener('focus', this._activateHandler);
-        this.element.removeEventListener('blur', this._blur);
-        super.dispose();
-    }
-    actionExecute(e) {
-        if (this.model.canActivateEditor)
-            this._activateHandler(e);
-        else if (this.model.onClick)
-            this.model.onClick(this.model, e);
-    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_brickUtils.js
@@ -5253,118 +5283,27 @@ var _page_decorate = (undefined && undefined.__decorate) || function (decorators
 
 
 
-
 const imageSrcMutableOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
 class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(reportPreview, pageIndex, processClick, subscribeToPageLoading = false) {
-        super();
-        this.reportPreview = reportPreview;
-        this.actualResolution = 0;
-        this.currentScaleFactor = 1;
-        this.imageHeight = 0;
-        this.imageWidth = 0;
-        this.imageSrcOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
-        this.shouldSkipBrickLoading = false;
-        this.bricks = [];
-        this.clickableBricks = [];
-        this.maxZoom = 0;
-        this.disableResolutionReduction = false;
-        this.shouldSendRequest = true;
-        this._lastZoom = 0;
-        this._selectedBrickPath = null;
-        this._resizeTimeout = null;
-        this._onResize = () => {
-            imageSrcMutableOptions.rateLimit.timeout = 500;
-            this._resizeTimeout && clearTimeout(this._resizeTimeout);
-            this._resizeTimeout = setTimeout(() => {
-                imageSrcMutableOptions.rateLimit.timeout = 100;
-            }, 500);
-        };
-        this._editingFieldsSubscriptionDispose = null;
-        this.pageIndex = pageIndex;
-        this._onImageSrcChanged = () => {
-            this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
-            const currentGetPageDeferred = external_jQuery_namespaceObject.Deferred();
-            this.lastGetPageDeferred = currentGetPageDeferred;
-            currentGetPageDeferred
-                .done((response) => this._onPageLoaded(response, processClick))
-                .fail((_e) => this._onPageLoadFailed());
-            this.shouldSendRequest && this._requestPage(reportPreview);
-        };
-        this._unifier = reportPreview._unifier || generateGuid();
-        this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
-        this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
-            this.zoom = args.newValue;
-        }), reportPreview.events.on('previewSizeChanged', (args) => {
-            this.previewSize = args.newValue;
-        }), reportPreview.events.on('autoFitByChanged', (args) => {
-            this.autoFitBy = args.newValue;
-        }), reportPreview.events.on('_unifierChanged', (args) => {
-            this._unifier = args.newValue;
-        }), reportPreview.events.on('pageLoadingChanged', (args) => {
-            if (subscribeToPageLoading) {
-                this.pageLoading = args.newValue;
-            }
-        }), reportPreview.events.on('pagesChanged', () => {
-            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
-        }));
-        this.previewSize = reportPreview.previewSize;
-        this.autoFitBy = reportPreview.autoFitBy;
-        this.imageWidth = this.originalSize.width * this._getPixelRatio();
-        this.imageHeight = this.originalSize.height * this._getPixelRatio();
-        this.color = reportPreview._pageBackColor || '';
-        this.zoom = reportPreview.originalZoom;
-        this.isEmpty = pageIndex === -1 && !this.brick && !processClick;
-        this.currentPageAriaLabelImgAlt = this._getAriaLabel();
-        this.resetBrickRecusive = (brick) => {
-            if (brick && brick.active !== undefined) {
-                this.deactivateBrick(brick);
-                if (brick.bricks) {
-                    brick.bricks.forEach((childBrick) => { this.resetBrickRecusive(childBrick); });
-                }
-            }
-        };
-        this.selectBrick = (path, ctrlKey) => {
-            if (PreviewSelection.started)
-                return;
-            processClick && processClick(null);
-            let currentBrick = this.brick;
-            !ctrlKey && this.resetBrickRecusive(currentBrick);
-            if (!path) {
-                return;
-            }
-            if (!currentBrick) {
-                this._selectedBrickPath = path;
-                return;
-            }
-            const pathElements = path.split(',');
-            pathElements.forEach((el) => {
-                currentBrick = currentBrick.bricks[parseInt(el)];
-            });
-            this.activateBrick(currentBrick);
-        };
-        this.editingFieldsKeyboardHelper = new PreviewEditingFieldsKeyboardHelper(this);
-        this._disposables.push(this.editingFieldsKeyboardHelper);
-    }
-    createViewModel() {
-        return createPreviewPageViewModel.call(this, super.createViewModel());
-    }
-    updateViewModel(args) {
-        updatePreviewPageViewModel.call(this, args);
-    }
-    onPropertyChanged(args) {
-        if (args.propertyName === 'zoom') {
-            this._updatePageSize();
-        }
-        if (args.propertyName === 'previewSize')
-            this._onResize();
-        if (args.propertyName === 'originalSize' || args.propertyName === 'autoFitBy' || args.propertyName === 'brickLoading' || args.propertyName === 'previewSize') {
-            this._onAutoFitChanged && this._onAutoFitChanged();
-        }
-        if (args.propertyName === 'active' || args.propertyName === 'brick') {
-            if (!this.active) {
-                this.resetBrickRecusive(this.brick);
-                this._selectedBrickPath = null;
+    createViewModel() {
+        return createPreviewPageViewModel.call(this, super.createViewModel());
+    }
+    updateViewModel(args) {
+        updatePreviewPageViewModel.call(this, args);
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'zoom') {
+            this._updatePageSize();
+        }
+        if (args.propertyName === 'previewSize')
+            this._onResize();
+        if (args.propertyName === 'originalSize' || args.propertyName === 'autoFitBy' || args.propertyName === 'brickLoading' || args.propertyName === 'previewSize') {
+            this._onAutoFitChanged && this._onAutoFitChanged();
+        }
+        if (args.propertyName === 'active' || args.propertyName === 'brick') {
+            if (!this.active) {
+                this.resetBrickRecusive(this.brick);
+                this._selectedBrickPath = null;
             }
             this._onPageActiveChanged && this._onPageActiveChanged(this.active);
         }
@@ -5460,6 +5399,97 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
     _getAriaLabel() {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), this.pageIndex + 1, this.reportPreview.pages.length);
     }
+    constructor(reportPreview, pageIndex, processClick, subscribeToPageLoading = false) {
+        super();
+        this.reportPreview = reportPreview;
+        this.actualResolution = 0;
+        this.currentScaleFactor = 1;
+        this.imageHeight = 0;
+        this.imageWidth = 0;
+        this.imageSrcOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
+        this.shouldSkipBrickLoading = false;
+        this.bricks = [];
+        this.clickableBricks = [];
+        this.maxZoom = 0;
+        this.disableResolutionReduction = false;
+        this.shouldSendRequest = true;
+        this._lastZoom = 0;
+        this._selectedBrickPath = null;
+        this._resizeTimeout = null;
+        this._onResize = () => {
+            imageSrcMutableOptions.rateLimit.timeout = 500;
+            this._resizeTimeout && clearTimeout(this._resizeTimeout);
+            this._resizeTimeout = setTimeout(() => {
+                imageSrcMutableOptions.rateLimit.timeout = 100;
+            }, 500);
+        };
+        this._editingFieldsSubscriptionDispose = null;
+        this.pageIndex = pageIndex;
+        this._onImageSrcChanged = () => {
+            this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
+            const currentGetPageDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+            this.lastGetPageDeferred = currentGetPageDeferred;
+            currentGetPageDeferred
+                .done((response) => this._onPageLoaded(response, processClick))
+                .fail((_e) => this._onPageLoadFailed());
+            this.shouldSendRequest && this._requestPage(reportPreview);
+        };
+        this._unifier = reportPreview._unifier || generateGuid();
+        this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
+        this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
+            this.zoom = args.newValue;
+        }), reportPreview.events.on('previewSizeChanged', (args) => {
+            this.previewSize = args.newValue;
+        }), reportPreview.events.on('autoFitByChanged', (args) => {
+            this.autoFitBy = args.newValue;
+        }), reportPreview.events.on('_unifierChanged', (args) => {
+            this._unifier = args.newValue;
+        }), reportPreview.events.on('pageLoadingChanged', (args) => {
+            if (subscribeToPageLoading) {
+                this.pageLoading = args.newValue;
+            }
+        }), reportPreview.events.on('pagesChanged', () => {
+            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
+        }));
+        this.previewSize = reportPreview.previewSize;
+        this.autoFitBy = reportPreview.autoFitBy;
+        this.imageWidth = this.originalSize.width * this._getPixelRatio();
+        this.imageHeight = this.originalSize.height * this._getPixelRatio();
+        this.color = reportPreview._pageBackColor || '';
+        this.zoom = reportPreview.originalZoom;
+        this.isEmpty = pageIndex === -1 && !this.brick && !processClick;
+        this.currentPageAriaLabelImgAlt = this._getAriaLabel();
+        this._updatePageSize();
+        this.resetBrickRecusive = (brick) => {
+            if (brick && brick.active !== undefined) {
+                this.deactivateBrick(brick);
+                if (brick.bricks) {
+                    brick.bricks.forEach((childBrick) => { this.resetBrickRecusive(childBrick); });
+                }
+            }
+        };
+        this.selectBrick = (path, ctrlKey) => {
+            if (PreviewSelection.started)
+                return;
+            processClick && processClick(null);
+            let currentBrick = this.brick;
+            !ctrlKey && this.resetBrickRecusive(currentBrick);
+            if (!path) {
+                return;
+            }
+            if (!currentBrick) {
+                this._selectedBrickPath = path;
+                return;
+            }
+            const pathElements = path.split(',');
+            pathElements.forEach((el) => {
+                currentBrick = currentBrick.bricks[parseInt(el)];
+            });
+            this.activateBrick(currentBrick);
+        };
+        this.editingFieldsKeyboardHelper = new PreviewEditingFieldsKeyboardHelper(this);
+        this._disposables.push(this.editingFieldsKeyboardHelper);
+    }
     updateSize(zoom) {
         const newResolution = getCurrentResolution(zoom);
         return newResolution;
@@ -5523,9 +5553,9 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         const currentGetPageDeferred = this.lastGetPageDeferred;
         const ignoreError = preview._closeDocumentRequests && (() => preview._closeDocumentRequests[documentId] || currentGetPageDeferred.state() != 'pending');
         PreviewRequestWrapper.getPage(this.imageSrc, ignoreError)
-            .done((response) => {
+            .then((response) => {
             currentGetPageDeferred.resolve(response);
-        }).fail((_e) => {
+        }).catch((_e) => {
             currentGetPageDeferred.reject(_e);
         });
     }
@@ -5636,13 +5666,6 @@ _page_decorate([
 
 
 class 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 || [];
     }
@@ -5669,11 +5692,18 @@ class PageLoader {
                 return;
             }
             const promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
-            external_jQuery_namespaceObject.when(...promises).done(() => {
+            external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred.when(promises).done(() => {
                 !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
         }, 700);
     }
+    constructor(_preview) {
+        this._preview = _preview;
+        this._defaultResolution = 0.25;
+        this._requestCyclesLimit = 5;
+        this._currentPrefetchCycle = 0;
+        this._disabled = true;
+    }
     prefetchPages(startIndex, endIndex, currentPageIndex) {
         this._disabled = false;
         let zoom = this._preview.originalZoom;
@@ -5722,7 +5752,7 @@ class PreviewHandlersHelper {
                 if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))
                     return;
                 const promise = this._preview.exportHandler.getExportStatus(operationId);
-                promise.done((result) => {
+                promise.then((result) => {
                     if (result && result.requestAgain) {
                         if (progress < result.progress) {
                             progress = result.progress;
@@ -5884,8 +5914,8 @@ var _progressViewModel_decorate = (undefined && undefined.__decorate) || functio
 
 
 
-
 class ProgressViewModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    deferredUpdateViewModel() { return false; }
     constructor(enableKeyboardSupport) {
         super();
         this._cancelExportRequests = {};
@@ -5939,14 +5969,14 @@ class ProgressViewModel extends external_DevExpress_Analytics_Serializer_Native_
         this._startOperationId = startOperationId;
         this.inProgress = true;
         this.progress = 0;
-        const newOperationDeferred = external_jQuery_namespaceObject.Deferred();
-        const newOperationIdDeferred = external_jQuery_namespaceObject.Deferred();
+        const newOperationDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        const newOperationIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._lastOperationDeferred = newOperationDeferred;
         this._lastOperationIdDeferred = newOperationIdDeferred;
         operationIdPromise
-            .done(operationId => {
+            .then(operationId => {
             newOperationIdDeferred.resolve(operationId);
-        }).fail(() => {
+        }).catch(() => {
             newOperationIdDeferred.reject();
             newOperationDeferred.reject();
             this.complete(startOperationId);
@@ -6253,11 +6283,6 @@ _previewBreadcrumbs_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)()
 ], BreadcrumbItem.prototype, "parameterValues", void 0);
 class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor() {
-        super();
-        this.templateName = PreviewElements.Breadcrumb;
-        this.listItems = [];
-    }
     addItem(previewInitData, itemClick, displayText) {
         const position = this.listItems.length;
         this.listItems.push(new BreadcrumbItem(position, previewInitData, itemClick));
@@ -6299,7 +6324,7 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
             this.listItems.push(newItemData);
         }
         else {
-            this.listItems[this._currentIndex()] = newItemData;
+            this.listItems.splice(this._currentIndex(), 1, newItemData);
             this.listItems[this._currentIndex()].position = this._currentIndex();
         }
     }
@@ -6335,6 +6360,11 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
         const activeItem = this.listItems[itemIndex];
         activeItem.onItemClick(activeItem.previewInitData, activeItem.parameterValues, activeItem.pageIndex);
     }
+    constructor() {
+        super();
+        this.templateName = PreviewElements.Breadcrumb;
+        this.listItems = [];
+    }
     dispose() {
         super.dispose();
         this.listItems.splice(0);
@@ -6380,8 +6410,11 @@ var reportHolder_decorate = (undefined && undefined.__decorate) || function (dec
 
 
 
-
 class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    _clearReportInfo() {
+        this.closeReport();
+        this.originalParametersInfo = null;
+    }
     constructor(handlerUri, previewRequestWrapper, element) {
         super();
         this.element = element;
@@ -6390,10 +6423,6 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
         HandlerUri(handlerUri || HandlerUri());
         this.requestWrapper = previewRequestWrapper;
     }
-    _clearReportInfo() {
-        this.closeReport();
-        this.originalParametersInfo = null;
-    }
     onPropertyChanged(args) { }
     dispose() {
         super.dispose();
@@ -6401,6 +6430,7 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
     }
     closeReport() {
         this._openReportOperationDeferred && this._openReportOperationDeferred.reject();
+        this._initializeDataPromise = null;
         const currentReportId = this.reportId;
         if (!currentReportId) {
             return;
@@ -6416,7 +6446,7 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
     }
     openReport(reportName) {
         this._clearReportInfo();
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._deferreds.push(deferred);
         this._openReportOperationDeferred = deferred;
         this.requestWrapper.openReport(reportName).done((response) => {
@@ -6429,17 +6459,17 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
     initialize(initializeDataPromise) {
         this.reportId = null;
         this.reportUrl = null;
-        const _initializeDeferred = external_jQuery_namespaceObject.Deferred();
-        this._deferreds.push(_initializeDeferred);
-        _initializeDeferred.done(() => {
-            initializeDataPromise.done((previewInitialize) => {
-                if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
-                    this.reportId = previewInitialize.reportId;
-                    this.reportUrl = previewInitialize.reportUrl;
-                    this.originalParametersInfo = previewInitialize.parametersInfo;
-                }
-            });
-        }).resolve();
+        this._initializeDataPromise = initializeDataPromise;
+        initializeDataPromise.then((previewInitialize) => {
+            if (this._initializeDataPromise !== initializeDataPromise)
+                return;
+            (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize === null || previewInitialize === void 0 ? void 0 : previewInitialize._licenseOptions);
+            if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
+                this.reportId = previewInitialize.reportId;
+                this.reportUrl = previewInitialize.reportUrl;
+                this.originalParametersInfo = previewInitialize.parametersInfo;
+            }
+        });
         return initializeDataPromise;
     }
     _getErrorMessage(jqXHR) {
@@ -6497,181 +6527,22 @@ var reportPreview_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
-
 
 
 class ReportPreview extends ReportHolder {
-    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element, breadcrumb) {
-        super(handlerUri, previewRequestWrapper, element);
-        this.enableKeyboardSupport = enableKeyboardSupport;
-        this.predefinedZoomLevels = [5, 2, 1.5, 1, 0.75, 0.5, 0.25];
-        this._stopBuildRequests = {};
-        this._closeReportRequests = {};
-        this._closeDocumentRequests = {};
-        this._cancelExportRequests = {};
-        this._startBuildOperationId = '';
-        this._drillDownState = [];
-        this._sortingState = [];
-        this._sortingProcessor = new SortingProcessor(() => this._sortingState || []);
-        this._getBuildStatusDeferreds = [];
-        this._timeouts = [];
-        this.getSelectedContent = (punctuationMark = '') => {
-            const currentPage = this.pages[this.pageIndex];
-            if (!currentPage || !currentPage.brickColumnWidthArray) {
-                return '';
+    _doDrillDown(drillDownKey) {
+        this._drillDownState.forEach((x) => x.Key === drillDownKey && (x.Value = !x.Value));
+        const documentId = this.documentId;
+        this.closeDocument();
+        this.progressBar.complete(documentId);
+        this.documentMap = null;
+        for (let i = this.pages.length - 1; i >= 0; i--) {
+            const page = this.pages[i];
+            if (i > this.pageIndex) {
+                this.removePage(page);
             }
-            const activeBricks = [];
-            const getActiveBricks = function (currentBrick, resultArray) {
-                if (!currentBrick) {
-                    return;
-                }
-                currentBrick.active && currentBrick.genlIndex != -1 && activeBricks.push(currentBrick);
-                currentBrick.bricks && currentBrick.bricks.length != 0 && currentBrick.bricks.forEach((innerBrick) => { getActiveBricks(innerBrick, resultArray); });
-            };
-            getActiveBricks(currentPage.brick, activeBricks);
-            if (!activeBricks) {
-                return '';
-            }
-            const sortedActiveBricks = [];
-            const extendWithSpaces = function (width, text) {
-                const spaceCount = width - text.length;
-                for (let i = 0; i <= spaceCount; i++) {
-                    text += ' ';
-                }
-                return text;
-            };
-            let firstUsedColumn = currentPage.brickColumnWidthArray.length, lastUsedColumn = -1;
-            activeBricks.forEach((activeBrick) => {
-                let row = sortedActiveBricks[activeBrick.row];
-                if (!row) {
-                    row = [];
-                    sortedActiveBricks[activeBrick.row] = row;
-                }
-                row[activeBrick.col] = activeBrick.accessibleDescription || activeBrick.text();
-                if (firstUsedColumn > activeBrick.col) {
-                    firstUsedColumn = activeBrick.col;
-                }
-                if (lastUsedColumn < activeBrick.col) {
-                    lastUsedColumn = activeBrick.col;
-                }
-            });
-            let result = '';
-            sortedActiveBricks.forEach((row, index) => {
-                for (let c = firstUsedColumn; c <= lastUsedColumn; c++) {
-                    const rowText = row[c] ? row[c] + punctuationMark : '';
-                    result += c == lastUsedColumn ? rowText : extendWithSpaces(currentPage.brickColumnWidthArray[c], rowText);
-                }
-                if (index != sortedActiveBricks.length - 1) {
-                    result += '\r\n';
-                }
-            });
-            return result;
-        };
-        this.editingFieldsProvider = () => this._editingFields;
-        this._raiseOnSizeChanged = () => { this._loadVisibleImages && this._loadVisibleImages(); };
-        this._loadVisibleImages = null;
-        this._getPagesViewModels = () => { var _a; return (_a = this.pages) === null || _a === void 0 ? void 0 : _a.map(x => x.getViewModel()); };
-        this.canSwitchToDesigner = true;
-        this.allowURLsWithJSContent = false;
-        this.zoomStep = 0.05;
-        this._progressFirstTime = false;
-        this.pageLoader = new PageLoader(this);
-        this.progressBar = new ProgressViewModel(enableKeyboardSupport);
-        this.editingFieldChanged = callbacks && callbacks.editingFieldChanged;
-        this.previewHandlersHelper = previewHandlersHelper || new PreviewHandlersHelper(this);
-        this.requestWrapper = previewRequestWrapper || new PreviewRequestWrapper(null, callbacks);
-        this.rtlViewer = rtl;
-        this._breadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : new BreadcrumbModel();
-        this.exportHandler = new ExportHandler(exportSettings, this);
-        if (callbacks) {
-            this.customProcessBrickClick = callbacks.previewClick;
-            this.customizeExportOptions = callbacks.customizeExportOptions;
-            this.documentReady = callbacks.documentReady;
-            this.exportHandler.onExportCustomEvent = callbacks.onExport;
-            this._onGetBuildStatus = callbacks._onGetBuildStatus;
-            this._onGetDocumentDetails = callbacks._onGetDocumentDetails;
-        }
-        this.addDisposable(EditablePreviewEnabled.subscribe((newValue) => !newValue && (this.editingFieldsHighlighted = false)));
-        this._onDocumentBuildingChanged = (newVal) => {
-            if (!newVal) {
-                this._unifier = generateGuid();
-                const documentId = this.documentId;
-                const pageCount = this.pages.length;
-                for (let i = 0; i < pageCount; i++) {
-                    const page = this.pages[i];
-                    if (!page.pageLoading) {
-                        page.clearBricks();
-                    }
-                    page.updateSize(this.originalZoom);
-                    page.actualResolution = 0;
-                    page.isClientVisible && page._setPageImgSrc(documentId, this._unifier, this.originalZoom);
-                }
-                if (!this.pageLoader.isActive()) {
-                    this.pageLoader.prefetchPages(0, 0, undefined);
-                }
-            }
-            else {
-                this.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Creating the document...', 'PreviewStringId.Msg_CreatingDocument');
-                this.progressBar.cancelText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
-            }
-        };
-        this._disposables.push(this.progressBar);
-        this._onOriginalZoomChanged = () => {
-            if (this.showMultipagePreview) {
-                this.pages.forEach((page) => {
-                    page.updateSize(this.originalZoom);
-                    page.isClientVisible = false;
-                });
-                this._raiseOnSizeChanged();
-            }
-            else {
-                const currentPage = this.pages[this.pageIndex];
-                currentPage && Promise.resolve().then(() => {
-                    currentPage.onPropertyChanged({ propertyName: 'isClientVisible', newValue: currentPage.isClientVisible });
-                });
-            }
-        };
-        this._updateCurrentPage = () => {
-            const pagesArray = this.pages;
-            const pageIndex = this.pageIndex;
-            if (!pagesArray || pageIndex >= pagesArray.length)
-                return;
-            let currentPage = null;
-            if (pageIndex >= 0)
-                currentPage = pagesArray[pageIndex];
-            if (currentPage != this.currentPage)
-                this.currentPage = currentPage;
-        };
-        if (enableKeyboardSupport) {
-            this.previewBrickKeyboardHelper = new PreviewBricksKeyboardHelper(this);
-            this._disposables.push(this.previewBrickKeyboardHelper);
-        }
-        this.addDisposable(this.progressBar.events.on('inProgressChanged', (args) => {
-            this._updateExportDisabled();
-        }), this.progressBar.events.on('progressChanged', (args) => {
-            if (this.currentPage) {
-                this._updateEmptyDocumentCaption();
-            }
-        }), this.exportHandler.events.on('reportDisplayNameChanged', (args) => {
-            this._breadcrumb.updateCurrentReportName(args.newValue);
-        }), this.events.on('documentIdChanged', (args) => {
-            this._breadcrumb.updateCurrentDocumentId(this.documentId);
-        }));
-        this._updateExportDisabled();
-    }
-    _doDrillDown(drillDownKey) {
-        this._drillDownState.forEach((x) => x.Key === drillDownKey && (x.Value = !x.Value));
-        const documentId = this.documentId;
-        this.closeDocument();
-        this.progressBar.complete(documentId);
-        this.documentMap = null;
-        for (let i = this.pages.length - 1; i >= 0; i--) {
-            const page = this.pages[i];
-            if (i > this.pageIndex) {
-                this.removePage(page);
-            }
-            else {
-                page._clear();
+            else {
+                page._clear();
             }
         }
         this._startBuildRequest();
@@ -6703,8 +6574,9 @@ class ReportPreview extends ReportHolder {
         this.pages = [];
     }
     removeEmptyPages(all) {
+        var _a;
         all && this.removeAllPages();
-        for (let idx = this.pages.length - 1; idx >= 0; idx--) {
+        for (let idx = ((_a = this.pages) === null || _a === void 0 ? void 0 : _a.length) - 1; idx >= 0; idx--) {
             const tempPage = this.pages[idx];
             (tempPage.isEmpty || tempPage.pageIndex === -1) && this.removePage(tempPage);
         }
@@ -6806,34 +6678,194 @@ class ReportPreview extends ReportHolder {
             defaultHandler();
         };
     }
+    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element, breadcrumb) {
+        super(handlerUri, previewRequestWrapper, element);
+        this.enableKeyboardSupport = enableKeyboardSupport;
+        this.predefinedZoomLevels = [5, 2, 1.5, 1, 0.75, 0.5, 0.25];
+        this._stopBuildRequests = {};
+        this._closeReportRequests = {};
+        this._closeDocumentRequests = {};
+        this._cancelExportRequests = {};
+        this._startBuildOperationId = '';
+        this._drillDownState = [];
+        this._sortingState = [];
+        this._sortingProcessor = new SortingProcessor(() => this._sortingState || []);
+        this._getBuildStatusDeferreds = [];
+        this._timeouts = [];
+        this.getSelectedContent = (punctuationMark = '') => {
+            const currentPage = this.pages[this.pageIndex];
+            if (!currentPage || !currentPage.brickColumnWidthArray) {
+                return '';
+            }
+            const activeBricks = [];
+            const getActiveBricks = function (currentBrick, resultArray) {
+                if (!currentBrick) {
+                    return;
+                }
+                currentBrick.active && currentBrick.genlIndex != -1 && activeBricks.push(currentBrick);
+                currentBrick.bricks && currentBrick.bricks.length != 0 && currentBrick.bricks.forEach((innerBrick) => { getActiveBricks(innerBrick, resultArray); });
+            };
+            getActiveBricks(currentPage.brick, activeBricks);
+            if (!activeBricks) {
+                return '';
+            }
+            const sortedActiveBricks = [];
+            const extendWithSpaces = function (width, text) {
+                const spaceCount = width - text.length;
+                for (let i = 0; i <= spaceCount; i++) {
+                    text += ' ';
+                }
+                return text;
+            };
+            let firstUsedColumn = currentPage.brickColumnWidthArray.length, lastUsedColumn = -1;
+            activeBricks.forEach((activeBrick) => {
+                let row = sortedActiveBricks[activeBrick.row];
+                if (!row) {
+                    row = [];
+                    sortedActiveBricks[activeBrick.row] = row;
+                }
+                row[activeBrick.col] = activeBrick.accessibleDescription || activeBrick.text();
+                if (firstUsedColumn > activeBrick.col) {
+                    firstUsedColumn = activeBrick.col;
+                }
+                if (lastUsedColumn < activeBrick.col) {
+                    lastUsedColumn = activeBrick.col;
+                }
+            });
+            let result = '';
+            sortedActiveBricks.forEach((row, index) => {
+                for (let c = firstUsedColumn; c <= lastUsedColumn; c++) {
+                    const rowText = row[c] ? row[c] + punctuationMark : '';
+                    result += c == lastUsedColumn ? rowText : extendWithSpaces(currentPage.brickColumnWidthArray[c], rowText);
+                }
+                if (index != sortedActiveBricks.length - 1) {
+                    result += '\r\n';
+                }
+            });
+            return result;
+        };
+        this.editingFieldsProvider = () => this._editingFields;
+        this._raiseOnSizeChanged = () => { this._loadVisibleImages && this._loadVisibleImages(); };
+        this._loadVisibleImages = null;
+        this._getPagesViewModels = () => { var _a; return (_a = this.pages) === null || _a === void 0 ? void 0 : _a.map(x => x.getViewModel()); };
+        this.canSwitchToDesigner = true;
+        this.allowURLsWithJSContent = false;
+        this.zoomStep = 0.05;
+        this._progressFirstTime = false;
+        this.pageLoader = new PageLoader(this);
+        this.progressBar = new ProgressViewModel(enableKeyboardSupport);
+        this.editingFieldChanged = callbacks && callbacks.editingFieldChanged;
+        this.previewHandlersHelper = previewHandlersHelper || new PreviewHandlersHelper(this);
+        this.requestWrapper = previewRequestWrapper || new PreviewRequestWrapper(null, callbacks);
+        this.rtlViewer = rtl;
+        this._breadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : new BreadcrumbModel();
+        this.exportHandler = new ExportHandler(exportSettings, this);
+        if (callbacks) {
+            this.customProcessBrickClick = callbacks.previewClick;
+            this.customizeExportOptions = callbacks.customizeExportOptions;
+            this.documentReady = callbacks.documentReady;
+            this.exportHandler.onExportCustomEvent = callbacks.onExport;
+            this._onGetBuildStatus = callbacks._onGetBuildStatus;
+            this._onGetDocumentDetails = callbacks._onGetDocumentDetails;
+        }
+        this.addDisposable(EditablePreviewEnabled.subscribe((newValue) => !newValue && (this.editingFieldsHighlighted = false)));
+        this._onDocumentBuildingChanged = (newVal) => {
+            if (!newVal) {
+                this._unifier = generateGuid();
+                const documentId = this.documentId;
+                const pageCount = this.pages.length;
+                for (let i = 0; i < pageCount; i++) {
+                    const page = this.pages[i];
+                    if (!page.pageLoading) {
+                        page.clearBricks();
+                    }
+                    page.updateSize(this.originalZoom);
+                    page.actualResolution = 0;
+                    page.isClientVisible && page._setPageImgSrc(documentId, this._unifier, this.originalZoom);
+                }
+                if (!this.pageLoader.isActive()) {
+                    this.pageLoader.prefetchPages(0, 0, undefined);
+                }
+            }
+            else {
+                this.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Creating the document...', 'PreviewStringId.Msg_CreatingDocument');
+                this.progressBar.cancelText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
+            }
+        };
+        this._disposables.push(this.progressBar);
+        this._onOriginalZoomChanged = () => {
+            if (this.showMultipagePreview) {
+                this.pages.forEach((page) => {
+                    page.updateSize(this.originalZoom);
+                    page.isClientVisible = false;
+                });
+                this._raiseOnSizeChanged();
+            }
+            else {
+                const currentPage = this.pages[this.pageIndex];
+                currentPage && Promise.resolve().then(() => {
+                    currentPage.onPropertyChanged({ propertyName: 'isClientVisible', newValue: currentPage.isClientVisible });
+                });
+            }
+        };
+        this._updateCurrentPage = () => {
+            const pagesArray = this.pages;
+            const pageIndex = this.pageIndex;
+            if (!pagesArray || pageIndex >= pagesArray.length)
+                return;
+            let currentPage = null;
+            if (pageIndex >= 0)
+                currentPage = pagesArray[pageIndex];
+            if (currentPage != this.currentPage)
+                this.currentPage = currentPage;
+        };
+        if (enableKeyboardSupport) {
+            this.previewBrickKeyboardHelper = new PreviewBricksKeyboardHelper(this);
+            this._disposables.push(this.previewBrickKeyboardHelper);
+        }
+        this.addDisposable(this.progressBar.events.on('inProgressChanged', (args) => {
+            this._updateExportDisabled();
+        }), this.progressBar.events.on('progressChanged', (args) => {
+            if (this.currentPage) {
+                this._updateEmptyDocumentCaption();
+            }
+        }), this.exportHandler.events.on('reportDisplayNameChanged', (args) => {
+            this._breadcrumb.updateCurrentReportName(args.newValue);
+        }), this.events.on('documentIdChanged', (args) => {
+            this._breadcrumb.updateCurrentDocumentId(this.documentId);
+        }));
+        this._updateExportDisabled();
+    }
     delayedInit() {
         this.previewBrickKeyboardHelper && this.previewBrickKeyboardHelper.delayedInit();
     }
     goToReport(customData, closeCurrentReport = true) {
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        const promise = deferred.promise();
         this._deferreds.push(deferred);
-        this.requestWrapper.goToReport(customData).done(response => {
+        this.requestWrapper.goToReport(customData).then(response => {
             if (closeCurrentReport) {
                 this._clearReportInfo();
-                this.initialize(deferred.promise());
+                this.initialize(promise);
             }
             deferred.resolve(response);
-        }).fail((error) => {
+        }).catch((error) => {
             deferred.reject(error);
         });
-        return deferred.promise();
+        return promise;
     }
     drillThrough(drillThroughData) {
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        const promise = deferred.promise();
         this._deferreds.push(deferred);
-        this.requestWrapper.drillThrough(drillThroughData).done(response => {
+        this.requestWrapper.drillThrough(drillThroughData).then(response => {
             this._breadcrumb.addItem(response);
-            this.initialize(deferred.promise(), false);
+            this.initialize(promise, false);
             deferred.resolve(response);
-        }).fail((error) => {
+        }).catch((error) => {
             deferred.reject(error);
         });
-        return deferred.promise();
+        return promise;
     }
     _sortCustomParametersLookUpValues(reportParameterInfo) {
         var _a;
@@ -6866,11 +6898,12 @@ class ReportPreview extends ReportHolder {
         this.reportUrl = null;
         this.documentId = null;
         this._initialize(closeDocument);
-        const _initializeDeferred = external_jQuery_namespaceObject.Deferred();
+        const _initializeDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._deferreds.push(_initializeDeferred);
         _initializeDeferred.done(() => {
-            initializeDataPromise.done((previewInitialize) => {
+            initializeDataPromise.then((previewInitialize) => {
                 var _a;
+                (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize === null || previewInitialize === void 0 ? void 0 : previewInitialize._licenseOptions);
                 this.reportOpening = false;
                 if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
                     const setReport = (previewInitialize, parameters, pageIndex) => {
@@ -6893,7 +6926,7 @@ class ReportPreview extends ReportHolder {
                         this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
                         this.originalParametersInfo = previewInitialize.parametersInfo;
                         if (previewInitialize.documentId && !this.documentBuilding) {
-                            const documentIdPromise = external_jQuery_namespaceObject.Deferred().resolve(previewInitialize.documentId).promise();
+                            const documentIdPromise = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(previewInitialize.documentId).promise();
                             this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
                                 .always(() => { this.documentBuilding = false; });
                             this.documentBuilding = true;
@@ -6931,7 +6964,7 @@ class ReportPreview extends ReportHolder {
                     this.pageLoading = false;
                     this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The report preview initialization has failed', 'ASPxReportsStringId.WebDocumentViewer_InitializationError'), previewInitialize && previewInitialize.error);
                 }
-            }).fail((error) => {
+            }, (error) => {
                 this.reportOpening = false;
                 this.removeEmptyPages();
             });
@@ -6958,28 +6991,29 @@ class ReportPreview extends ReportHolder {
             return;
         const serializedExportOptions = this.exportOptionsModel ? JSON.stringify((0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.nativeModelSerializer)().serialize(this.exportOptionsModel)) : null;
         const editingFields = () => this._editingFields.map(item => item.getEditValue());
-        const deferred = external_jQuery_namespaceObject.Deferred();
-        setTimeout(() => this.requestWrapper.customDocumentOperation(documentId, serializedExportOptions, editingFields(), customData, hideMessageFromUser)
-            .done((response) => {
-            try {
-                if (response && response.message) {
-                    if (response.succeeded) {
-                        MessageHandler().processMessage(response.message, !hideMessageFromUser, this._getToastMessageContainer());
-                    }
-                    else {
-                        MessageHandler().processError(response.message, !hideMessageFromUser, undefined, this._getToastMessageContainer());
+        const customDocumentOperationPromise = new Promise((resolve, reject) => {
+            setTimeout(() => this.requestWrapper.customDocumentOperation(documentId, serializedExportOptions, editingFields(), customData, hideMessageFromUser)
+                .then((response) => {
+                try {
+                    if (response && response.message) {
+                        if (response.succeeded) {
+                            MessageHandler().processMessage(response.message, !hideMessageFromUser, this._getToastMessageContainer());
+                        }
+                        else {
+                            MessageHandler().processError(response.message, !hideMessageFromUser, undefined, this._getToastMessageContainer());
+                        }
                     }
                 }
-            }
-            finally {
-                deferred.resolve(response);
-            }
-        })
-            .fail(error => {
-            const response = { message: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error') };
-            deferred.reject(response);
-        }));
-        return deferred.promise();
+                finally {
+                    resolve(response);
+                }
+            })
+                .catch(error => {
+                const response = { message: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error') };
+                reject(response);
+            }));
+        });
+        return customDocumentOperationPromise;
     }
     _initializeStartBuild(documentIdPromise) {
         if (this.documentBuilding || this._startBuildOperationId) {
@@ -6993,20 +7027,20 @@ class ReportPreview extends ReportHolder {
         return true;
     }
     _startBuildRequest() {
-        const documentIdDeferred = external_jQuery_namespaceObject.Deferred();
-        if (!this._initializeStartBuild(documentIdDeferred)) {
+        const documentIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        if (!this._initializeStartBuild(documentIdDeferred.promise())) {
             return null;
         }
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         const currentReportId = this.reportId;
         const startBuildOperationId = this._startBuildOperationId;
         const shouldIgnoreError = () => this._closeReportRequests[currentReportId];
         this.requestWrapper.startBuildRequest(shouldIgnoreError)
-            .done((response) => {
+            .then((response) => {
             this.previewHandlersHelper && this.previewHandlersHelper.doneStartBuildHandler(deferred, response, startBuildOperationId, documentIdDeferred);
             this._breadcrumb.updateCurrentParameters(this.previewParametersViewModel);
         })
-            .fail(() => {
+            .catch(() => {
             this.previewHandlersHelper && this.previewHandlersHelper.errorStartBuildHandler(deferred, startBuildOperationId);
             documentIdDeferred.reject();
         });
@@ -7014,19 +7048,19 @@ class ReportPreview extends ReportHolder {
         return deferred.promise();
     }
     getBuildStatus(documentId, isFirstRequest, shouldRequestFirstPage) {
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._deferreds.push(deferred);
-        const sessionDeferred = external_jQuery_namespaceObject.Deferred();
+        const sessionDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._getBuildStatusDeferreds.push(sessionDeferred);
         this._timeouts.push(setTimeout(() => {
             const ignorePredicate = this._getIgnorePredicate(documentId);
             const firstPage = this.pages[0];
             const firstPageRequest = ((firstPage === null || firstPage === void 0 ? void 0 : firstPage.shouldSendRequest) || !shouldRequestFirstPage) ? undefined : firstPage === null || firstPage === void 0 ? void 0 : firstPage._getCurrentPageRequest(documentId);
             this.requestWrapper.getBuildStatusRequest(documentId, ignorePredicate, isFirstRequest, firstPageRequest)
-                .done((response) => {
+                .then((response) => {
                 sessionDeferred.resolve(response);
             })
-                .fail((error) => {
+                .catch((error) => {
                 sessionDeferred.reject(error);
             });
             sessionDeferred.done((response) => {
@@ -7045,7 +7079,7 @@ class ReportPreview extends ReportHolder {
         this.pages[0].shouldSendRequest = false;
         const doGetBuildStatus = (documentId) => {
             const promise = preview.getBuildStatus(documentId, isFirstRequest, shouldRequestFirstPage);
-            promise.done((result) => {
+            promise.then((result) => {
                 isFirstRequest = false;
                 if (documentId !== preview.documentId)
                     return;
@@ -7086,7 +7120,7 @@ class ReportPreview extends ReportHolder {
     }
     getDocumentData(documentId) {
         const ignoreErrorPredicate = this._getIgnorePredicate(documentId);
-        const documentDataDeferred = external_jQuery_namespaceObject.Deferred();
+        const documentDataDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._deferreds.push(documentDataDeferred);
         documentDataDeferred.done((response) => {
             var _a, _b;
@@ -7153,7 +7187,7 @@ class ReportPreview extends ReportHolder {
             });
         });
         this.requestWrapper.getDocumentData(documentId, ignoreErrorPredicate)
-            .done(response => {
+            .then(response => {
             documentDataDeferred.resolve(response);
             if (this.documentReady && documentId) {
                 this._timeouts.push(setTimeout(() => {
@@ -7161,8 +7195,7 @@ class ReportPreview extends ReportHolder {
                     this.documentReady(documentId, this.reportId, pageCount);
                 }));
             }
-        })
-            .fail(error => {
+        }).catch((error) => {
             documentDataDeferred.reject(error);
         });
     }
@@ -7459,6 +7492,17 @@ var jsReportViewerBase_decorate = (undefined && undefined.__decorate) || functio
 
 
 class JSReportViewerBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
+    onPropertyChanged(args) {
+        var _a;
+        if (args.propertyName === 'previewModel') {
+            (_a = args.oldValue) === null || _a === void 0 ? void 0 : _a.dispose();
+        }
+    }
+    dispose() {
+        const previewModel = this.GetPreviewModel();
+        if (previewModel)
+            previewModel.dispose();
+    }
     constructor(_previewModel) {
         super();
         this.previewModel = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_previewModel);
@@ -7480,17 +7524,6 @@ class JSReportViewerBase extends external_DevExpress_Analytics_Serializer_Native
             }));
         }
     }
-    onPropertyChanged(args) {
-        var _a;
-        if (args.propertyName === 'previewModel') {
-            (_a = args.oldValue) === null || _a === void 0 ? void 0 : _a.dispose();
-        }
-    }
-    dispose() {
-        const previewModel = this.GetPreviewModel();
-        if (previewModel)
-            previewModel.dispose();
-    }
     previewExists() {
         return this.previewModel && this.previewModel.reportPreview;
     }
@@ -7556,7 +7589,7 @@ class DocumentMapItemsProvider {
     constructor(bookmark) {
         this.bookmarkDict = {};
         this.getItems = (pathRequest) => {
-            const result = external_jQuery_namespaceObject.Deferred();
+            const result = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
             if (bookmark) {
                 if (pathRequest.fullPath) {
                     const nodes = this._selectNode(bookmark, pathRequest.fullPath);
@@ -7646,6 +7679,47 @@ var _documentMapModel_decorate = (undefined && undefined.__decorate) || function
 
 
 class DocumentMapModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    onPropertyChanged(args) {
+        if (args.propertyName === 'isEmpty') {
+            this.tabInfo.visible = !this.isEmpty;
+        }
+        else if (args.propertyName === 'selectedPath') {
+            this._selectedPathChangedEvent && this._selectedPathChangedEvent(this.selectedPath);
+        }
+        else if (args.propertyName === 'treeListOptions') {
+            this._treeListChangedEvent && this._treeListChangedEvent(this.treeListOptions);
+        }
+    }
+    getTreeListModel(documentMap) {
+        return {
+            itemsProvider: new DocumentMapItemsProvider(documentMap),
+            expandRootItems: true,
+            selectedPath: this.selectedPath,
+            treeListController: this.treeListController,
+            onItemsVisibilityChanged: () => { var _a, _b; return (_b = (_a = this.tabInfo) === null || _a === void 0 ? void 0 : _a.keyboardHelper) === null || _b === void 0 ? void 0 : _b.initialize(); },
+            setSelectedPathChangedEvent: (callback) => {
+                this._selectedPathChangedEvent = callback;
+                return () => this._selectedPathChangedEvent = undefined;
+            },
+            setTreeListChangedEvent: (callback) => {
+                this._treeListChangedEvent = callback;
+                return () => this._treeListChangedEvent = undefined;
+            },
+            getSelectedPath: () => this.selectedPath,
+            setSelectedPath: (newPath) => this.selectedPath = newPath
+        };
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        viewModel.treeListOptions = this.treeListOptions;
+    }
+    createViewModel() {
+        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
+            .generateProperty('treeListOptions', this.treeListOptions)
+            .generateProperty('onInitialized', (event) => event.component.option('useKeyboard', false))
+            .generateProperty('keyboardHelper', this.tabInfo.keyboardHelper)
+            .getViewModel();
+    }
     constructor(reportPreview) {
         super();
         this._setSelectedPathByNavigationNode = (nodes, brickNavigation, path = '0') => {
@@ -7691,47 +7765,6 @@ class DocumentMapModel extends external_DevExpress_Analytics_Serializer_Native_n
             visible: !this.isEmpty
         }));
     }
-    onPropertyChanged(args) {
-        if (args.propertyName === 'isEmpty') {
-            this.tabInfo.visible = !this.isEmpty;
-        }
-        else if (args.propertyName === 'selectedPath') {
-            this._selectedPathChangedEvent && this._selectedPathChangedEvent(this.selectedPath);
-        }
-        else if (args.propertyName === 'treeListOptions') {
-            this._treeListChangedEvent && this._treeListChangedEvent(this.treeListOptions);
-        }
-    }
-    getTreeListModel(documentMap) {
-        return {
-            itemsProvider: new DocumentMapItemsProvider(documentMap),
-            expandRootItems: true,
-            selectedPath: this.selectedPath,
-            treeListController: this.treeListController,
-            onItemsVisibilityChanged: () => { var _a, _b; return (_b = (_a = this.tabInfo) === null || _a === void 0 ? void 0 : _a.keyboardHelper) === null || _b === void 0 ? void 0 : _b.initialize(); },
-            setSelectedPathChangedEvent: (callback) => {
-                this._selectedPathChangedEvent = callback;
-                return () => this._selectedPathChangedEvent = undefined;
-            },
-            setTreeListChangedEvent: (callback) => {
-                this._treeListChangedEvent = callback;
-                return () => this._treeListChangedEvent = undefined;
-            },
-            getSelectedPath: () => this.selectedPath,
-            setSelectedPath: (newPath) => this.selectedPath = newPath
-        };
-    }
-    updateViewModel(args) {
-        const viewModel = this.getViewModel();
-        viewModel.treeListOptions = this.treeListOptions;
-    }
-    createViewModel() {
-        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
-            .generateProperty('treeListOptions', this.treeListOptions)
-            .generateProperty('onInitialized', (event) => event.component.option('useKeyboard', false))
-            .generateProperty('keyboardHelper', this.tabInfo.keyboardHelper)
-            .getViewModel();
-    }
     dispose() {
         super.dispose();
         this.removeProperties();
@@ -7760,6 +7793,10 @@ var _actions_decorate = (undefined && undefined.__decorate) || function (decorat
 
 
 class PreviewDesignerActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+    dispose() {
+        super.dispose();
+        this.removeProperties();
+    }
     constructor(reportPreview, fullscreen) {
         super();
         this.actions = [];
@@ -7786,10 +7823,6 @@ class PreviewDesignerActions extends external_DevExpress_Analytics_Utils_namespa
         this.actions.push(designAction);
         this.actions.push(new FullScreenViewerAction(reportPreview, fullscreen));
     }
-    dispose() {
-        super.dispose();
-        this.removeProperties();
-    }
     getActions(context) {
         return this.actions;
     }
@@ -7826,6 +7859,10 @@ _actions_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], ActionLists.prototype, "globalActionProviders", void 0);
 class PreviewActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+    wrapDisposable(object) {
+        this.addDisposable(object);
+        return object;
+    }
     constructor(reportPreview) {
         super();
         this.actions = [];
@@ -7846,10 +7883,6 @@ class PreviewActions extends external_DevExpress_Analytics_Utils_namespaceObject
         this.addDisposable(...actions);
         this.actions.push(...actions);
     }
-    wrapDisposable(object) {
-        this.addDisposable(object);
-        return object;
-    }
     dispose() {
         super.dispose();
         this.removeProperties();
@@ -8447,7 +8480,7 @@ class ExportAction extends ExportActionBase {
     getExportItems() {
         const items = this.model._getExportFormatItems();
         const result = {
-            text: 'Export To',
+            text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Export To', 'ASPxReportsStringId.WebDocumentViewer_ExportToText'),
             textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',
             imageClassName: 'dxrd-image-export-to',
             items: items
@@ -8479,6 +8512,18 @@ var _mobilePage_decorate = (undefined && undefined.__decorate) || function (deco
 
 
 class MobilePreviewPage extends PreviewPage {
+    deferredUpdateViewModel() { return false; }
+    createViewModel() {
+        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
+            .generateProperty('readerMode', this.readerMode)
+            .generateProperty('hasBricks', this.hasBricks)
+            .getViewModel();
+    }
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        const viewModel = this.getViewModel();
+        viewModel.hasBricks = this.hasBricks;
+    }
     constructor(preview, pageIndex, processClick, subscribeToPageLoading = false) {
         super(preview, pageIndex, processClick, subscribeToPageLoading);
         this.maxZoom = 1;
@@ -8497,18 +8542,6 @@ class MobilePreviewPage extends PreviewPage {
                 this.activateBrick(brick); });
         };
     }
-    deferredUpdateViewModel() { return false; }
-    createViewModel() {
-        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
-            .generateProperty('readerMode', this.readerMode)
-            .generateProperty('hasBricks', this.hasBricks)
-            .getViewModel();
-    }
-    updateViewModel(args) {
-        super.updateViewModel(args);
-        const viewModel = this.getViewModel();
-        viewModel.hasBricks = this.hasBricks;
-    }
 }
 _mobilePage_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
@@ -8582,6 +8615,11 @@ var mobilePreview_decorate = (undefined && undefined.__decorate) || function (de
 
 
 class MobileReportPreview extends ReportPreview {
+    deferredUpdateViewModel() { return false; }
+    _getScrollAvailable() {
+        return !(this.scrollReachedTop && this.scrollReachedLeft
+            && this.scrollReachedRight && this.scrollReachedBottom);
+    }
     constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }, breadcrumb, exportSettings) {
         super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl, undefined, exportSettings, undefined, breadcrumb);
         this.readerMode = mobileSettings.readerMode;
@@ -8591,11 +8629,6 @@ class MobileReportPreview extends ReportPreview {
         this.autoFitBy = ZoomAutoBy.PageWidth;
         this.showMultipagePreview = true;
     }
-    deferredUpdateViewModel() { return false; }
-    _getScrollAvailable() {
-        return !(this.scrollReachedTop && this.scrollReachedLeft
-            && this.scrollReachedRight && this.scrollReachedBottom);
-    }
     onPropertyChanged(args) {
         super.onPropertyChanged(args);
         if (args.propertyName === 'mobileZoom') {
@@ -8914,62 +8947,7 @@ var _searchViewModel_decorate = (undefined && undefined.__decorate) || function
 
 
 
-
 class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(reportPreview, searchSettings, enableKeyboardSupport) {
-        var _a, _b;
-        super();
-        this.reportPreview = reportPreview;
-        this._searchIgnoreObs = false;
-        this.actions = [];
-        this.searchUp = false;
-        this.searchResultCount = 0;
-        this.searchResultPageCount = 0;
-        this.stopSearchDisabled = false;
-        this.searchCompleted = false;
-        this._renderedSearchResult = [];
-        this.useAsyncSearch = true;
-        this.searchRequestDeferred = external_jQuery_namespaceObject.Deferred();
-        this.startSearchDeferred = external_jQuery_namespaceObject.Deferred();
-        this.fetchLimit = 1000;
-        this.pageSize = 30;
-        this.resetSearchResult();
-        this.useAsyncSearch = (_a = searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.useAsyncSearch) !== null && _a !== void 0 ? _a : true;
-        const 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.createResultNavigator(this, reportPreview);
-        const getDisabled = () => reportPreview.documentBuilding || !reportPreview.documentId || reportPreview.pageIndex === -1;
-        this.addDisposable(reportPreview.events.on('documentIdChanged', (args) => {
-            this.resetSearchResult();
-            this.tabInfo.visible = tabInfoVisible();
-        }), reportPreview.events.on('pageIndexChanged', (args) => {
-            this.tabInfo.visible = tabInfoVisible();
-        }), reportPreview.events.on('documentBuildingChanged', (args) => {
-            this.tabInfo.visible = tabInfoVisible();
-        }), reportPreview.events.on('reportIdChanged', (args) => {
-            this.resetSearchResult();
-        }));
-        const tabInfoVisible = () => !getDisabled() && SearchAvailable();
-        this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
-            text: 'Search',
-            template: 'dxrd-preview-search',
-            model: this,
-            keyboardHelper: enableKeyboardSupport ? new SearchKeyboardHelper(this) : undefined,
-            localizationId: 'ASPxReportsStringId.SearchDialog_Header',
-            imageClassName: 'search',
-            imageTemplateName: 'dxrd-svg-preview-search',
-            visible: tabInfoVisible()
-        });
-        const searchAction = new SearchAction(this.tabInfo, reportPreview);
-        this.addDisposable(searchAction);
-        this.actions.push(searchAction);
-        this.addDisposable(SearchAvailable.subscribe(() => {
-            this.tabInfo.visible = tabInfoVisible();
-        }));
-        this._disposables.push(this.tabInfo);
-    }
     updateViewModel(args) {
         const viewModel = this.getViewModel();
         viewModel.buttons.searchButton.text = this.loading ? (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Stop', 'ASPxReportsStringId.SearchDialog_StopButton') :
@@ -9086,10 +9064,10 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
     performSearchAsync(text, reportPreview, ignore = true) {
         this.searchRequestDeferred.reject();
         const getResult = (searchOperationId, startIndex, fetchLimit, ignore) => {
-            this.searchRequestDeferred = external_jQuery_namespaceObject.Deferred();
+            this.searchRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
             reportPreview.requestWrapper.getSearchStatus(searchOperationId, startIndex, fetchLimit, ignore)
-                .done(result => this.searchRequestDeferred.resolve(result))
-                .fail(fail => this.failRequestHandler(ignore));
+                .then(result => this.searchRequestDeferred.resolve(result))
+                .catch(fail => this.failRequestHandler(ignore));
             this.searchRequestDeferred.done(result => {
                 if (result.faultMessage) {
                     this.loading = false;
@@ -9110,8 +9088,8 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         };
         this.resetDeffereds();
         reportPreview.requestWrapper.startSearch(text, ignore)
-            .done(result => this.startSearchDeferred.resolve(result))
-            .fail(fail => this.failRequestHandler(ignore));
+            .then(result => this.startSearchDeferred.resolve(result))
+            .catch(fail => this.failRequestHandler(ignore));
         this.startSearchDeferred.done(result => {
             if (result.success) {
                 if (result.faultMessage) {
@@ -9135,8 +9113,8 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
     performSearch(text, reportPreview, cache, ignore = true) {
         this.resetDeffereds();
         reportPreview.requestWrapper.findTextRequest(text, ignore)
-            .done(result => this.searchRequestDeferred.resolve(result))
-            .fail(fail => this.failRequestHandler(ignore));
+            .then(result => this.searchRequestDeferred.resolve(result))
+            .catch(fail => this.failRequestHandler(ignore));
         this.searchRequestDeferred.done((result) => {
             if (!ignore)
                 this.findTextRequestDone(result, cache[text]);
@@ -9170,7 +9148,7 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
                         resultData = this._renderedSearchResult;
                     const totalCount = this.fetchLimit > this.searchResult.length ? this.fetchLimit : this.searchResult.length;
                     const resultViewModels = this.mapSearchResultsToViewModels(resultData);
-                    return external_jQuery_namespaceObject.Deferred().resolve(resultViewModels, { totalCount: totalCount });
+                    return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(resultViewModels, { totalCount: totalCount }).promise();
                 }
             }),
             paginate: true,
@@ -9179,9 +9157,9 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
     }
     resetDeffereds() {
         this.startSearchDeferred.reject();
-        this.startSearchDeferred = external_jQuery_namespaceObject.Deferred();
+        this.startSearchDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this.searchRequestDeferred.reject();
-        this.searchRequestDeferred = external_jQuery_namespaceObject.Deferred();
+        this.searchRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
     }
     failRequestHandler(ignore) {
         if (!ignore) {
@@ -9212,6 +9190,60 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
             }
         }
     }
+    constructor(reportPreview, searchSettings, enableKeyboardSupport) {
+        var _a, _b;
+        super();
+        this.reportPreview = reportPreview;
+        this._searchIgnoreObs = false;
+        this.actions = [];
+        this.searchUp = false;
+        this.searchResultCount = 0;
+        this.searchResultPageCount = 0;
+        this.stopSearchDisabled = false;
+        this.searchCompleted = false;
+        this._renderedSearchResult = [];
+        this.useAsyncSearch = true;
+        this.searchRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this.startSearchDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this.fetchLimit = 1000;
+        this.pageSize = 30;
+        this.resetSearchResult();
+        this.useAsyncSearch = (_a = searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.useAsyncSearch) !== null && _a !== void 0 ? _a : true;
+        const 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.createResultNavigator(this, reportPreview);
+        const getDisabled = () => reportPreview.documentBuilding || !reportPreview.documentId || reportPreview.pageIndex === -1;
+        this.addDisposable(reportPreview.events.on('documentIdChanged', (args) => {
+            this.resetSearchResult();
+            this.tabInfo.visible = tabInfoVisible();
+        }), reportPreview.events.on('pageIndexChanged', (args) => {
+            this.tabInfo.visible = tabInfoVisible();
+        }), reportPreview.events.on('documentBuildingChanged', (args) => {
+            this.tabInfo.visible = tabInfoVisible();
+        }), reportPreview.events.on('reportIdChanged', (args) => {
+            this.resetSearchResult();
+        }));
+        const tabInfoVisible = () => !getDisabled() && SearchAvailable();
+        this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
+            text: 'Search',
+            template: 'dxrd-preview-search',
+            model: this,
+            keyboardHelper: enableKeyboardSupport ? new SearchKeyboardHelper(this) : undefined,
+            localizationId: 'ASPxReportsStringId.SearchDialog_Header',
+            imageClassName: 'search',
+            imageTemplateName: 'dxrd-svg-preview-search',
+            visible: tabInfoVisible()
+        });
+        const searchAction = new SearchAction(this.tabInfo, reportPreview);
+        this.addDisposable(searchAction);
+        this.actions.push(searchAction);
+        this.addDisposable(SearchAvailable.subscribe(() => {
+            this.tabInfo.visible = tabInfoVisible();
+        }));
+        this._disposables.push(this.tabInfo);
+    }
     goToResult(result) {
         this._resultNavigator.goToResult(result.id);
     }
@@ -9335,6 +9367,7 @@ _searchViewModel_decorate([
 _searchViewModel_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => new (external_DevExpress_data_DataSource_default())([]))
 ], SearchViewModel.prototype, "searchResultDataSource", void 0);
+
 class SearchAction extends ViewerAction {
     constructor(tabInfo, reportPreview) {
         super(reportPreview, undefined, ['documentId', 'pageIndex', 'documentBuilding']);
@@ -9374,44 +9407,11 @@ var _mobileSearch_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
-
 class MobileSearchViewModel extends SearchViewModel {
-    constructor(reportPreview, gallery) {
-        super(reportPreview);
-        this.gallery = gallery;
-        this['_resultNavigator']['_disposables'].forEach((x) => { x.dispose(); });
-        let _galleryCurrentItemBlocksSubscriptionDispose;
-        const currentBlocksSubscribe = (selectedIndex) => {
-            _galleryCurrentItemBlocksSubscriptionDispose && _galleryCurrentItemBlocksSubscriptionDispose();
-            _galleryCurrentItemBlocksSubscriptionDispose = gallery.items[selectedIndex].events.on('blocksChanged', (args) => {
-                this.updatePagesInBlocks(args.newValue);
-            });
-            this.updatePagesInBlocks(gallery.items[selectedIndex].blocks);
-        };
-        let _gallerySelectedIndexSubscriptionDispose;
-        const currentIndexSubscribe = () => {
-            _gallerySelectedIndexSubscriptionDispose && _gallerySelectedIndexSubscriptionDispose();
-            _gallerySelectedIndexSubscriptionDispose = gallery.events.on('selectedIndexChanged', (args) => {
-                currentBlocksSubscribe(args.newValue);
-            });
-            currentBlocksSubscribe(gallery.selectedIndex);
-        };
-        this.addDisposable(gallery.events.on('itemsChanged', (args) => {
-            currentIndexSubscribe();
-        }));
-        currentIndexSubscribe();
-        this.searchPanelVisible = reportPreview.searchPanelVisible;
-        this.addDisposable(reportPreview.events.on('searchPanelVisibleChanged', (args) => {
-            if (args.newValue !== this.searchPanelVisible)
-                this.searchPanelVisible = args.newValue;
-        }));
-        this.enabled = SearchAvailable();
-        this.addDisposable(SearchAvailable.subscribe(x => this.enabled = x));
-    }
     focusEditor(event) {
         if (this.searchPanelVisible) {
             this.editorVisible = true;
-            const previewSearch = external_jQuery_namespaceObject.fn.constructor('.dxrdp-search-editor');
+            const previewSearch = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)('.dxrdp-search-editor');
             const searchEditor = external_DevExpress_ui_dxTextBox_default().getInstance(previewSearch.get(0));
             searchEditor.focus();
             setTimeout(() => {
@@ -9487,6 +9487,38 @@ class MobileSearchViewModel extends SearchViewModel {
             viewModel.enabled = this.enabled;
         }
     }
+    constructor(reportPreview, gallery) {
+        super(reportPreview);
+        this.gallery = gallery;
+        this['_resultNavigator']['_disposables'].forEach((x) => { x.dispose(); });
+        let _galleryCurrentItemBlocksSubscriptionDispose;
+        const currentBlocksSubscribe = (selectedIndex) => {
+            _galleryCurrentItemBlocksSubscriptionDispose && _galleryCurrentItemBlocksSubscriptionDispose();
+            _galleryCurrentItemBlocksSubscriptionDispose = gallery.items[selectedIndex].events.on('blocksChanged', (args) => {
+                this.updatePagesInBlocks(args.newValue);
+            });
+            this.updatePagesInBlocks(gallery.items[selectedIndex].blocks);
+        };
+        let _gallerySelectedIndexSubscriptionDispose;
+        const currentIndexSubscribe = () => {
+            _gallerySelectedIndexSubscriptionDispose && _gallerySelectedIndexSubscriptionDispose();
+            _gallerySelectedIndexSubscriptionDispose = gallery.events.on('selectedIndexChanged', (args) => {
+                currentBlocksSubscribe(args.newValue);
+            });
+            currentBlocksSubscribe(gallery.selectedIndex);
+        };
+        this.addDisposable(gallery.events.on('itemsChanged', (args) => {
+            currentIndexSubscribe();
+        }));
+        currentIndexSubscribe();
+        this.searchPanelVisible = reportPreview.searchPanelVisible;
+        this.addDisposable(reportPreview.events.on('searchPanelVisibleChanged', (args) => {
+            if (args.newValue !== this.searchPanelVisible)
+                this.searchPanelVisible = args.newValue;
+        }));
+        this.enabled = SearchAvailable();
+        this.addDisposable(SearchAvailable.subscribe(x => this.enabled = x));
+    }
     updatePagesInBlocks(blocks) {
         blocks.forEach(block => {
             var _a;
@@ -9518,6 +9550,7 @@ _mobileSearch_decorate([
 _mobileSearch_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], MobileSearchViewModel.prototype, "enabled", void 0);
+
 class SearchBarModel extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     constructor(viewModel, element, $searchText) {
         super();
@@ -9531,7 +9564,7 @@ class SearchBarModel extends external_DevExpress_Analytics_Utils_namespaceObject
                 element.style.display = 'block';
             }
             $searchText.css({
-                'opacity': Math.min((newValue / MobileSearchViewModel.maxHeight), 1)
+                'opacity': Math.min((newValue / MobileSearchViewModel.maxHeight), 1).toString()
             });
         }));
     }
@@ -9550,15 +9583,6 @@ var _galleryItem_decorate = (undefined && undefined.__decorate) || function (dec
 };
 
 class GalleryItemBlock extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(options) {
-        super();
-        this.repaint = options.repaint;
-        this.page = options.page;
-        this.classSet = options.classSet;
-        this.visible = options.visible;
-        this.position = options.position;
-        this.preview = options.reportPreview;
-    }
     deferredUpdateViewModel() { return false; }
     onPropertyChanged(args) { }
     createViewModel() {
@@ -9580,6 +9604,15 @@ class GalleryItemBlock extends external_DevExpress_Analytics_Serializer_Native_n
         }
         viewModel.active = this.active;
     }
+    constructor(options) {
+        super();
+        this.repaint = options.repaint;
+        this.page = options.page;
+        this.classSet = options.classSet;
+        this.visible = options.visible;
+        this.position = options.position;
+        this.preview = options.reportPreview;
+    }
 }
 _galleryItem_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
@@ -9588,11 +9621,6 @@ _galleryItem_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], GalleryItemBlock.prototype, "active", void 0);
 class GalleryItem extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(preview, gallery) {
-        super();
-        this.preview = preview.getViewModel();
-        this.gallery = gallery.getViewModel();
-    }
     deferredUpdateViewModel() { return false; }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
@@ -9623,6 +9651,11 @@ class GalleryItem extends external_DevExpress_Analytics_Serializer_Native_namesp
             this.blocks.forEach(x => x.active === args.newValue);
         }
     }
+    constructor(preview, gallery) {
+        super();
+        this.preview = preview.getViewModel();
+        this.gallery = gallery.getViewModel();
+    }
 }
 _galleryItem_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
@@ -9644,91 +9677,6 @@ var _galleryModel_decorate = (undefined && undefined.__decorate) || function (de
 
 
 class GalleryModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(preview) {
-        super();
-        this.preview = preview;
-        this._spacing = 1;
-        this._animationTimeout = null;
-        this._currentItemSubscriptionDispose = null;
-        this._repaint = () => {
-            const args = { propertyName: 'repaint', newValue: {}, oldValue: {} };
-            this.events.call('propertyChanged', args);
-        };
-        this.horizontal = 1;
-        this.vertical = 1;
-        this.pageCount = 0;
-        const oldIndex = this.selectedIndex;
-        this.items = [
-            new GalleryItem(preview, this),
-            new GalleryItem(preview, this),
-            new GalleryItem(preview, this)
-        ];
-        this.animationEnabled = preview.animationSettings.swipeEnabled;
-        const _calcHorizontalVertical = () => {
-            const _zoom = preview.originalZoom;
-            const pageHeight = Math.ceil(preview._pageHeight * getCurrentResolution(_zoom) / previewDefaultResolution());
-            const pageWidth = Math.ceil(preview._pageWidth * getCurrentResolution(_zoom) / previewDefaultResolution());
-            const _containerSize = preview.previewWrapperSize;
-            const horizontal = (preview.autoFitBy != ZoomAutoBy.PageWidth && (Math.floor(_containerSize.width / (pageWidth + 2 * this._spacing)))) || 1;
-            const vertical = Math.floor(_containerSize.height / (pageHeight + 2 * this._spacing)) || 1;
-            this.horizontal = horizontal;
-            this.vertical = vertical;
-        };
-        const updateGalleryContent = () => {
-            _calcHorizontalVertical();
-            this.pageCount = this.horizontal * this.vertical;
-            this.updateContent(preview, this.pageCount);
-        };
-        this.addDisposable(preview.events.on('previewWrapperSizeChanged', (args) => {
-            this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
-            updateGalleryContent();
-            const currentGalleryItem = this.items[this.selectedIndex];
-            this.updateBlocks(currentGalleryItem, this.pageCount, preview, this.selectedIndexReal, preview.animationSettings.zoomEnabled);
-            this._repaint();
-        }), preview.events.on('visiblePagesChanged', (args) => {
-            for (let i = 0; i < this.items.length; i++) {
-                this.items[i].blocks = [];
-                this.items[i].realIndex = -1;
-            }
-            updateGalleryContent();
-        }), preview.events.on('zoomUpdatingChanged', (args) => {
-            if (!args.newValue) {
-                clearTimeout(this.repaintTimeout);
-                this.repaintTimeout = setTimeout(() => this._repaint(), 410);
-            }
-        }), preview.events.on('originalZoomChanged', (args) => {
-            _calcHorizontalVertical();
-            const pageCount = this.horizontal * this.vertical;
-            if (this.pageCount !== pageCount) {
-                this.pageCount = pageCount;
-                this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
-                this.updateContent(preview, pageCount);
-            }
-            else if (this.pageCount === 1) {
-                const block = this.items[this.selectedIndex].blocks[0];
-                this.items.forEach((item, index) => {
-                    if (index != this.selectedIndex)
-                        item.blocks.forEach(block => block.repaint = true);
-                });
-                setTimeout(() => {
-                    block.position = {
-                        left: block.position.left,
-                        top: block.position.top,
-                        height: Math.max(this.preview.previewWrapperSize.height, block.page.size.height),
-                        width: Math.max(this.preview.previewWrapperSize.width, block.page.size.width)
-                    };
-                });
-            }
-        }), preview.events.on('pageIndexChanged', (args) => {
-            updateGalleryContent();
-        }));
-        this.getSwipeLeftEnabled = () => {
-            return this.selectedIndexReal !== 0;
-        };
-        this.getSwipeRightEnabled = () => {
-            return this.selectedIndexReal != (Math.ceil(preview.visiblePages.length / (this.horizontal * this.vertical)) - 1);
-        };
-    }
     deferredUpdateViewModel() { return false; }
     _createBlock(galleryItem, previewPage, className, visible) {
         previewPage.disableResolutionReduction = true;
@@ -9818,6 +9766,91 @@ class GalleryModel extends external_DevExpress_Analytics_Serializer_Native_names
         };
         _onCurrentItemBlocksChanged(currentItem.blocks);
     }
+    constructor(preview) {
+        super();
+        this.preview = preview;
+        this._spacing = 1;
+        this._animationTimeout = null;
+        this._currentItemSubscriptionDispose = null;
+        this._repaint = () => {
+            const args = { propertyName: 'repaint', newValue: {}, oldValue: {} };
+            this.events.call('propertyChanged', args);
+        };
+        this.horizontal = 1;
+        this.vertical = 1;
+        this.pageCount = 0;
+        const oldIndex = this.selectedIndex;
+        this.items = [
+            new GalleryItem(preview, this),
+            new GalleryItem(preview, this),
+            new GalleryItem(preview, this)
+        ];
+        this.animationEnabled = preview.animationSettings.swipeEnabled;
+        const _calcHorizontalVertical = () => {
+            const _zoom = preview.originalZoom;
+            const pageHeight = Math.ceil(preview._pageHeight * getCurrentResolution(_zoom) / previewDefaultResolution());
+            const pageWidth = Math.ceil(preview._pageWidth * getCurrentResolution(_zoom) / previewDefaultResolution());
+            const _containerSize = preview.previewWrapperSize;
+            const horizontal = (preview.autoFitBy != ZoomAutoBy.PageWidth && (Math.floor(_containerSize.width / (pageWidth + 2 * this._spacing)))) || 1;
+            const vertical = Math.floor(_containerSize.height / (pageHeight + 2 * this._spacing)) || 1;
+            this.horizontal = horizontal;
+            this.vertical = vertical;
+        };
+        const updateGalleryContent = () => {
+            _calcHorizontalVertical();
+            this.pageCount = this.horizontal * this.vertical;
+            this.updateContent(preview, this.pageCount);
+        };
+        this.addDisposable(preview.events.on('previewWrapperSizeChanged', (args) => {
+            this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
+            updateGalleryContent();
+            const currentGalleryItem = this.items[this.selectedIndex];
+            this.updateBlocks(currentGalleryItem, this.pageCount, preview, this.selectedIndexReal, preview.animationSettings.zoomEnabled);
+            this._repaint();
+        }), preview.events.on('visiblePagesChanged', (args) => {
+            for (let i = 0; i < this.items.length; i++) {
+                this.items[i].blocks = [];
+                this.items[i].realIndex = -1;
+            }
+            updateGalleryContent();
+        }), preview.events.on('zoomUpdatingChanged', (args) => {
+            if (!args.newValue) {
+                clearTimeout(this.repaintTimeout);
+                this.repaintTimeout = setTimeout(() => this._repaint(), 410);
+            }
+        }), preview.events.on('originalZoomChanged', (args) => {
+            _calcHorizontalVertical();
+            const pageCount = this.horizontal * this.vertical;
+            if (this.pageCount !== pageCount) {
+                this.pageCount = pageCount;
+                this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
+                this.updateContent(preview, pageCount);
+            }
+            else if (this.pageCount === 1) {
+                const block = this.items[this.selectedIndex].blocks[0];
+                this.items.forEach((item, index) => {
+                    if (index != this.selectedIndex)
+                        item.blocks.forEach(block => block.repaint = true);
+                });
+                setTimeout(() => {
+                    block.position = {
+                        left: block.position.left,
+                        top: block.position.top,
+                        height: Math.max(this.preview.previewWrapperSize.height, block.page.size.height),
+                        width: Math.max(this.preview.previewWrapperSize.width, block.page.size.width)
+                    };
+                });
+            }
+        }), preview.events.on('pageIndexChanged', (args) => {
+            updateGalleryContent();
+        }));
+        this.getSwipeLeftEnabled = () => {
+            return this.selectedIndexReal !== 0;
+        };
+        this.getSwipeRightEnabled = () => {
+            return this.selectedIndexReal != (Math.ceil(preview.visiblePages.length / (this.horizontal * this.vertical)) - 1);
+        };
+    }
     dispose() {
         clearTimeout(this.repaintTimeout);
         super.dispose();
@@ -10037,19 +10070,6 @@ var _paginator_decorate = (undefined && undefined.__decorate) || function (decor
 
 
 class MobilePaginator extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(reportPreview, gallery) {
-        super();
-        this.reportPreview = reportPreview;
-        this.gallery = gallery;
-        this._updateText();
-        this.addDisposable(reportPreview.events.on('pagesChanged', (args) => {
-            this._updateText();
-        }), reportPreview.events.on('pageIndexChanged', (args) => {
-            this._updateText();
-        }), gallery.events.on('currentBlockTextChanged', (args) => {
-            this._updateText();
-        }));
-    }
     _updateText() {
         setTimeout(() => { this.visible = true; }, 1);
         if (this.reportPreview.pageIndex === -1) {
@@ -10096,6 +10116,19 @@ class MobilePaginator extends external_DevExpress_Analytics_Serializer_Native_na
             }
         };
     }
+    constructor(reportPreview, gallery) {
+        super();
+        this.reportPreview = reportPreview;
+        this.gallery = gallery;
+        this._updateText();
+        this.addDisposable(reportPreview.events.on('pagesChanged', (args) => {
+            this._updateText();
+        }), reportPreview.events.on('pageIndexChanged', (args) => {
+            this._updateText();
+        }), gallery.events.on('currentBlockTextChanged', (args) => {
+            this._updateText();
+        }));
+    }
 }
 _paginator_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false, { notify: 'always' })
@@ -10117,6 +10150,7 @@ var multiValuesHelper_decorate = (undefined && undefined.__decorate) || function
 
 
 class MultiValuesHelper extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
+    onPropertyChanged(args) { }
     constructor(parameter) {
         super();
         const items = parameter.lookUpValues;
@@ -10143,13 +10177,13 @@ class MultiValuesHelper extends external_DevExpress_Analytics_Serializer_Native_
         if (parameter.selectAllValues)
             this.isSelectedAll = true;
     }
-    onPropertyChanged(args) { }
 }
 MultiValuesHelper.maxDisplayedTags = 3;
 multiValuesHelper_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], MultiValuesHelper.prototype, "selectedItems", void 0);
 
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/parameterHelper.js
 var parameterHelper_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -10164,7 +10198,6 @@ var parameterHelper_decorate = (undefined && undefined.__decorate) || function (
 
 
 
-
 function getEditorType(typeString) {
     if (typeString === 'multiValueWithLookUp') {
         return viewerEditorTemplates.multiValue;
@@ -10183,6 +10216,7 @@ function _convertLocalDateToUTC(localDate) {
 class MultiValueItem extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingMultiplatformModel {
     constructor(engine) {
         super(undefined, undefined, engine);
+        this.key = (0,external_DevExpress_Analytics_Internal_namespaceObject.guid)();
     }
 }
 parameterHelper_decorate([
@@ -10294,7 +10328,7 @@ class ParameterHelper extends external_DevExpress_Analytics_Serializer_Native_na
     }
     getParameterInfo(parameter) {
         const valueInfo = this.createInfo(parameter);
-        this._getEngine().setPropertyValue(parameter, 'multiValueInfo', (external_jQuery_namespaceObject.extend(true, {}, valueInfo, { propertyName: 'value' })));
+        this._getEngine().setPropertyValue(parameter, 'multiValueInfo', ((0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, valueInfo, { propertyName: 'value' })));
         this.assignValueStore(valueInfo, parameter);
         if (parameter.allowNull !== undefined) {
             this.addShowCleanButton(valueInfo, parameter);
@@ -10325,16 +10359,10 @@ parameterHelper_decorate([
 
 
 
-
 class PreviewParameterHelper extends ParameterHelper {
-    constructor(knownEnums, callbacks) {
-        super(undefined, undefined, 'native');
-        this.callbacks = callbacks;
-        this.initialize(knownEnums, callbacks);
-    }
     mapLookUpValues(type, lookUpValues) {
         const converter = this.getValueConverter(type);
-        return external_jQuery_namespaceObject.map(lookUpValues || [], (lookUpValue) => { return { value: converter(lookUpValue.Value), displayValue: lookUpValue.Description }; });
+        return (lookUpValues || []).map((lookUpValue) => { return { value: converter(lookUpValue.Value), displayValue: lookUpValue.Description }; });
     }
     static fixPropertyName(propertyName) {
         return propertyName.replace(/\./g, '_');
@@ -10418,11 +10446,19 @@ class PreviewParameterHelper extends ParameterHelper {
     getRangeEditor() {
         return viewerEditorTemplates.rangeEditor;
     }
+    constructor(knownEnums, callbacks) {
+        super(undefined, undefined, 'native');
+        this.callbacks = callbacks;
+        this.initialize(knownEnums, callbacks);
+    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/previewParameterValueValidator.js
 
 class PreviewParameterValueValidator {
+    _registerType(typeName, validator) {
+        this._validatorMap[typeName] = validator;
+    }
     constructor() {
         this._validatorMap = {};
         this._numericTypes = [
@@ -10446,9 +10482,6 @@ class PreviewParameterValueValidator {
         });
         this._numericTypes.forEach((type) => this._registerType(type, (value) => typeof value === 'string' && external_DevExpress_Analytics_Widgets_Internal_namespaceObject.ValueEditorHelper.isValid(type, undefined, value)));
     }
-    _registerType(typeName, validator) {
-        this._validatorMap[typeName] = validator;
-    }
     validate(type, value) {
         return this._validatorMap[type] ? this._validatorMap[type](value) : true;
     }
@@ -10473,6 +10506,17 @@ var previewParameter_decorate = (undefined && undefined.__decorate) || function
 
 
 class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
+    onPropertyChanged(args) {
+        if (args.propertyName === 'lookUpValues') {
+            this.valueStoreCache = null;
+        }
+    }
+    static _compareValues(value1, value2) {
+        if (value1 instanceof Date && value2 instanceof Date) {
+            return value1 - value2 === 0;
+        }
+        return value1 === value2;
+    }
     constructor(parameterInfo, parameterHelper) {
         super();
         this.valueStoreCache = null;
@@ -10526,17 +10570,6 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
         ]));
         this.initialize(this._originalValue, parameterHelper);
     }
-    onPropertyChanged(args) {
-        if (args.propertyName === 'lookUpValues') {
-            this.valueStoreCache = null;
-        }
-    }
-    static _compareValues(value1, value2) {
-        if (value1 instanceof Date && value2 instanceof Date) {
-            return value1 - value2 === 0;
-        }
-        return value1 === value2;
-    }
     safeAssignObservable(name, value) {
         if (name in this) {
             if (PreviewParameter._compareValues(this[name], value))
@@ -10638,6 +10671,12 @@ previewParameter_decorate([
 previewParameter_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(undefined)
 ], PreviewParameter.prototype, "multiValueInfo", void 0);
+previewParameter_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
+], PreviewParameter.prototype, "visible", void 0);
+previewParameter_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
+], PreviewParameter.prototype, "enabled", void 0);
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/parameterPanelItemBase.js
 var parameterPanelItemBase_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -10653,6 +10692,13 @@ var parameterPanelItemBase_decorate = (undefined && undefined.__decorate) || fun
 
 
 class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    onPropertyChanged(args) {
+        if (args.propertyName === '_getInfo') {
+            const newArgs = Object.assign(Object.assign({}, args), { propertyName: 'getInfo' });
+            (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.updateViewModel)(this, args);
+            this['events'] && this['events'].call('propertyChanged', newArgs);
+        }
+    }
     constructor(parameterHelper, layoutInfo) {
         super();
         this.parameterHelper = parameterHelper;
@@ -10663,16 +10709,12 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
         this.getInfo = () => this._getInfo;
         this.parameterHelper = parameterHelper || new PreviewParameterHelper();
     }
-    onPropertyChanged(args) {
-        if (args.propertyName === '_getInfo') {
-            const newArgs = Object.assign(Object.assign({}, args), { propertyName: 'getInfo' });
-            (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.updateViewModel)(this, args);
-            this['events'] && this['events'].call('propertyChanged', newArgs);
-        }
-    }
     _fixGroupPropertyName(name) {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.getUniqueName)(Object.keys(this), name.toLocaleLowerCase().replace(/\s/g, '_'));
     }
+    _getParameterByPath(path) {
+        return this._parameters.filter(parameter => PreviewParameterHelper.getPrivatePropertyName(parameter.path) === path)[0];
+    }
     _proceedLayoutInfo(layoutInfo, previewParameters) {
         this._getInfo = [];
         this._groupLayoutItems = [];
@@ -10790,13 +10832,21 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
         return this._groupLayoutItems;
     }
     isPropertyDisabled(name) {
-        const parameter = this._parameters.filter(parameter => PreviewParameterHelper.getPrivatePropertyName(parameter.path) === name)[0];
+        const parameter = this._getParameterByPath(name);
         return parameter && !parameter.enabled;
     }
     isPropertyVisible(name) {
-        const parameter = this._parameters.filter(parameter => PreviewParameterHelper.getPrivatePropertyName(parameter.path) === name)[0];
+        const parameter = this._getParameterByPath(name);
         return !parameter || parameter.visible;
     }
+    getPropertyDependencies(name, status) {
+        const parameter = this._getParameterByPath(name);
+        if (status === 'visible')
+            return [(0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, ['visible'])];
+        if (status === 'disabled')
+            return [(0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, ['enabled'])];
+        return [];
+    }
     initialize(originalParametersInfo, parameters) {
         this._parameters.forEach((usedParameter) => {
             delete this[PreviewParameterHelper.fixPropertyName(usedParameter.path)];
@@ -10843,7 +10893,7 @@ parameterPanelItemBase_decorate([
 function createPreviewParametersViewModel(baseModel) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(baseModel)
         .generateProperty('headerText', (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Preview Parameters', 'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle'))
-        .generateProperty('showHeader', this.showHeader)
+        .generateProperty('showHeader', this._showHeader)
         .generateProperty('emptyText', (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('The report does not contain any parameters.', 'ASPxReportsStringId.WebDocumentViewer_NoParameters'))
         .generateProperty('isEmpty', this.isEmpty)
         .generateProperty('buttons', this.buttons)
@@ -10855,7 +10905,7 @@ function updateViewModel(args) {
     const viewModel = this.getViewModel();
     viewModel.isEmpty = this.isEmpty;
     viewModel.parametersLoading = this.parametersLoading;
-    viewModel.showHeader = this.showHeader;
+    viewModel.showHeader = this._showHeader;
     viewModel.showButtons = this.showButtons;
     if (args.propertyName === 'buttons') {
         viewModel.buttons = [].concat(this.buttons);
@@ -10876,101 +10926,7 @@ var parametersPanelModelBase_decorate = (undefined && undefined.__decorate) || f
 
 
 
-
 class ParametersPanelModelBase extends ParameterPanelItemBase {
-    constructor(parametersHolder, parameterHelper, enableKeyboardSupport, getRootElement) {
-        super(parameterHelper);
-        this._getParametersStateRequest = (argsObject) => {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', JSON.stringify(argsObject), (message, jqXHR, textStatus) => this._parametersHolder._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
-        };
-        this._getDoneGetParametersStateHandler = (changedParameter) => {
-            const parametersViewModel = this;
-            return (response) => {
-                try {
-                    if (!response || !response.parameters) {
-                        return;
-                    }
-                    response.parameters.forEach((parametersInfoCollection) => {
-                        const matchedParameter = parametersViewModel._parameters.filter((p) => { return p.path === parametersInfoCollection.Key; })[0];
-                        if (!parametersViewModel._shouldProcessParameter(matchedParameter))
-                            return;
-                        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);
-                        }
-                    });
-                }
-                finally {
-                    parametersViewModel.parametersLoading = false;
-                }
-            };
-        };
-        this._getFailGetParametersStateHandler = () => {
-            const parametersViewModel = this;
-            return (jqXHRError) => {
-                parametersViewModel.parametersLoading = false;
-            };
-        };
-        this.restore = () => {
-            if (this.parametersLoading) {
-                return;
-            }
-            try {
-                this.parametersLoading = true;
-                this._parameters.forEach((parameter) => {
-                    if (!this._shouldProcessParameter(parameter))
-                        return;
-                    parameter.lookUpValues = parameter._originalLookUpValues;
-                    parameter.initialize(parameter._originalValue, this.parameterHelper);
-                });
-            }
-            finally {
-                this.parameterHelper.callbacks && this.parameterHelper.callbacks.parametersReset && this.parameterHelper.callbacks.parametersReset(this, this._parameters);
-                this.parametersLoading = false;
-            }
-        };
-        this.submit = () => { };
-        this.processInvisibleParameters = false;
-        this.prevParametersStateRequest = external_jQuery_namespaceObject.Deferred();
-        this._parametersHolder = parametersHolder;
-        this.validateAndSubmit = (params) => {
-            const result = params && params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();
-            if (!result || result.isValid)
-                this.submit();
-        };
-        this.addDisposable(parametersHolder.events.on('originalParametersInfoChanged', (args) => {
-            this.initialize(args.newValue);
-        }));
-        this.initialize(parametersHolder.originalParametersInfo);
-        this._popupVisible = !this.isEmpty && this._popupVisibleSwitch;
-        this.popupInfo = { visible: this._popupVisible, notEmpty: !this.isEmpty };
-        const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
-        const keyboardHelper = enableKeyboardSupport ? new external_DevExpress_Analytics_Internal_namespaceObject.PropertyGridKeyboardHelper(keyboardHelperViewModelAccessor) : undefined;
-        this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfoWithPropertyGrid({
-            text: 'Parameters',
-            template: 'dxrd-preview-parameters',
-            model: this.getViewModel(),
-            propertyGridModel: this,
-            keyboardHelper,
-            localizationId: 'PreviewStringId.RibbonPreview_Parameters_Caption',
-            imageClassName: 'parameters',
-            imageTemplateName: 'dxrd-svg-tabs-parameters',
-            visible: !this.isEmpty,
-            engineType: 'native'
-        });
-        this._disposables.push({
-            dispose: () => {
-                var _a;
-                clearTimeout(this._updateParametersTimeOut);
-                (_a = this.prevParametersStateRequest) === null || _a === void 0 ? void 0 : _a.reject();
-            }
-        });
-        this.buttons = [{
-                text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'),
-                onClick: (e) => this.restore()
-            }];
-    }
     get parameters() {
         return this._parameters;
     }
@@ -11053,13 +11009,13 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
     onPropertyChanged(args) {
         if (args.propertyName === 'isEmpty') {
             this.tabInfo.visible = !this.isEmpty;
-            if (this.popupInfo)
-                this.popupInfo.notEmpty = !this.isEmpty;
+            if (this._popupInfo)
+                this._popupInfo.notEmpty = !this.isEmpty;
         }
         if (args.propertyName === '_popupVisible') {
             this._popupVisibleSwitch = this._popupVisible;
-            if (this.popupInfo)
-                this.popupInfo.visible = this._popupVisible;
+            if (this._popupInfo)
+                this._popupInfo.visible = this._popupVisible;
         }
         if (args.propertyName == '_popupVisibleSwitch' || args.propertyName === 'isEmpty') {
             this._popupVisible = !this.isEmpty && this._popupVisibleSwitch;
@@ -11068,6 +11024,99 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
             this.tabInfo && this.tabInfo.propertyGrid.updateEditorsInfo(this, this.getInfo());
         }
     }
+    constructor(parametersHolder, parameterHelper, enableKeyboardSupport, getRootElement) {
+        super(parameterHelper);
+        this._getParametersStateRequest = (argsObject) => {
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', JSON.stringify(argsObject), (message, jqXHR, textStatus) => this._parametersHolder._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
+        };
+        this._getDoneGetParametersStateHandler = (changedParameter) => {
+            const parametersViewModel = this;
+            return (response) => {
+                try {
+                    if (!response || !response.parameters) {
+                        return;
+                    }
+                    response.parameters.forEach((parametersInfoCollection) => {
+                        const matchedParameter = parametersViewModel._parameters.filter((p) => { return p.path === parametersInfoCollection.Key; })[0];
+                        if (!parametersViewModel._shouldProcessParameter(matchedParameter))
+                            return;
+                        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);
+                        }
+                    });
+                }
+                finally {
+                    parametersViewModel.parametersLoading = false;
+                }
+            };
+        };
+        this._getFailGetParametersStateHandler = () => {
+            const parametersViewModel = this;
+            return (jqXHRError) => {
+                parametersViewModel.parametersLoading = false;
+            };
+        };
+        this.restore = () => {
+            if (this.parametersLoading) {
+                return;
+            }
+            try {
+                this.parametersLoading = true;
+                this._parameters.forEach((parameter) => {
+                    if (!this._shouldProcessParameter(parameter))
+                        return;
+                    parameter.lookUpValues = parameter._originalLookUpValues;
+                    parameter.initialize(parameter._originalValue, this.parameterHelper);
+                });
+            }
+            finally {
+                this.parameterHelper.callbacks && this.parameterHelper.callbacks.parametersReset && this.parameterHelper.callbacks.parametersReset(this, this._parameters);
+                this.parametersLoading = false;
+            }
+        };
+        this.submit = () => { };
+        this.processInvisibleParameters = false;
+        this.prevParametersStateRequest = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._parametersHolder = parametersHolder;
+        this._validateAndSubmit = (params) => {
+            const result = params && params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();
+            if (!result || result.isValid)
+                this.submit();
+        };
+        this.addDisposable(parametersHolder.events.on('originalParametersInfoChanged', (args) => {
+            this.initialize(args.newValue);
+        }));
+        this.initialize(parametersHolder.originalParametersInfo);
+        this._popupVisible = !this.isEmpty && this._popupVisibleSwitch;
+        this._popupInfo = { visible: this._popupVisible, notEmpty: !this.isEmpty };
+        const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
+        const keyboardHelper = enableKeyboardSupport ? new external_DevExpress_Analytics_Internal_namespaceObject.PropertyGridKeyboardHelper(keyboardHelperViewModelAccessor) : undefined;
+        this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfoWithPropertyGrid({
+            text: 'Parameters',
+            template: 'dxrd-preview-parameters',
+            model: this.getViewModel(),
+            propertyGridModel: this,
+            keyboardHelper,
+            localizationId: 'PreviewStringId.RibbonPreview_Parameters_Caption',
+            imageClassName: 'parameters',
+            imageTemplateName: 'dxrd-svg-tabs-parameters',
+            visible: !this.isEmpty,
+            engineType: 'native'
+        });
+        this._disposables.push({
+            dispose: () => {
+                var _a;
+                clearTimeout(this._updateParametersTimeOut);
+                (_a = this.prevParametersStateRequest) === null || _a === void 0 ? void 0 : _a.reject();
+            }
+        });
+        this.buttons = [{
+                text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'),
+                onClick: (e) => this.restore()
+            }];
+    }
     initialize(originalParametersInfo) {
         originalParametersInfo && this.parameterHelper.initialize(originalParametersInfo.knownEnums);
         super.initialize(originalParametersInfo);
@@ -11156,7 +11205,7 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
         }
         updateTopChangedParameter(changedParameterIndex, changedParameter, requiredParameterPaths);
         this.prevParametersStateRequest.reject();
-        const deferred = external_jQuery_namespaceObject.Deferred();
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._updateParametersTimeOut = setTimeout(() => {
             this.parametersLoading = true;
             const argsObject = {
@@ -11185,7 +11234,7 @@ parametersPanelModelBase_decorate([
 ], ParametersPanelModelBase.prototype, "showButtons", void 0);
 parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
-], ParametersPanelModelBase.prototype, "showHeader", void 0);
+], ParametersPanelModelBase.prototype, "_showHeader", void 0);
 parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], ParametersPanelModelBase.prototype, "buttons", void 0);
@@ -11210,11 +11259,11 @@ class PreviewParametersPanelModel extends ParametersPanelModelBase {
                 return;
             this.parametersLoading = true;
             const promise = reportPreview.startBuild();
-            promise && promise.done((val) => { this.parametersLoading = false; });
+            promise && promise.then((val) => { this.parametersLoading = false; });
         };
         this.buttons.push({
             text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'),
-            onClick: (params) => this.validateAndSubmit(params)
+            onClick: (params) => this._validateAndSubmit(params)
         });
     }
     initialize(originalParametersInfo) {
@@ -11301,6 +11350,7 @@ _mobileActionList_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], MobileActionList.prototype, "visible", void 0);
 function getPreviewActionsMobile(options) {
+    var _a;
     const getItems = () => {
         const allFormats = options.exportModel._getExportFormatItems();
         const availableFormats = options.exportTypes.filter(x => allFormats.indexOf(x) !== -1);
@@ -11328,11 +11378,16 @@ function getPreviewActionsMobile(options) {
         .generateProperty('visible', false)
         .generateProperty('items', getItems())
         .getViewModel();
+    disposables.push((_a = exportToModel === null || exportToModel === void 0 ? void 0 : exportToModel._viewModelEvents) === null || _a === void 0 ? void 0 : _a.on(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, args => {
+        var _a;
+        const eventArgs = Object.assign(Object.assign({}, args), { propertyName: `mobileActions.exportTo.${args.propertyName}` });
+        (_a = options.designerModel.getViewModel()) === null || _a === void 0 ? void 0 : _a._viewModelEvents.call(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, eventArgs);
+    }));
     const searchAction = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
         clickAction: () => {
             options.searchModel.searchPanelVisible = true;
             options.searchModel.editorVisible = true;
-            options.searchModel.focusEditor({ currentTarget: external_jQuery_namespaceObject.fn.constructor('.dxrdp-taptosearch') });
+            options.searchModel.focusEditor({ currentTarget: (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)('.dxrdp-taptosearch')[0] });
             options.reportPreview.actionsVisible = false;
         },
         imageClassName: 'dxrd-image-search',
@@ -11368,11 +11423,11 @@ function getPreviewActionsMobile(options) {
         imageClassName: 'dxrd-image-parameters',
         imageTemplateName: 'dxrd-svg-tabs-parameters',
     })
-        .generateProperty('visible', options.parametersModel.popupInfo.notEmpty)
+        .generateProperty('visible', options.parametersModel._popupInfo.notEmpty)
         .getViewModel();
     actions.push(parametersAction);
     options.parametersModel.events.on('isEmptyChanged', (args) => {
-        parametersAction.visible = options.parametersModel.popupInfo.notEmpty;
+        parametersAction.visible = options.parametersModel._popupInfo.notEmpty;
     });
     options.callbacks && options.callbacks.customizeActions && options.callbacks.customizeActions(actions);
     const actionList = new MobileActionList(actions, options.reportPreview);
@@ -11418,8 +11473,23 @@ class PreviewDisposableModelBase extends external_DevExpress_Analytics_Serialize
         if (args.propertyName === 'parts')
             viewModel.parts = this.parts;
     }
+    subscribeViewModelToDesignerParts() {
+        const viewModel = this.getViewModel();
+        const viewModelEventManager = viewModel;
+        viewModel
+            .parts
+            .filter(part => part.viewModel)
+            .forEach(part => {
+            var _a;
+            const disposeCallback = (_a = part.viewModel._viewModelEvents) === null || _a === void 0 ? void 0 : _a.on(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, args => {
+                const eventArgs = Object.assign(Object.assign({}, args), { propertyName: `parts.${part.id}.${args.propertyName}` });
+                viewModelEventManager._viewModelEvents.call(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, eventArgs);
+            });
+            this._disposables.push({ dispose: disposeCallback });
+        });
+    }
     OpenReport(reportName) {
-        this.reportPreview.openReport(reportName);
+        return this.reportPreview.openReport(reportName);
     }
     GetParametersModel() {
         return this.parametersModel;
@@ -11473,27 +11543,16 @@ class PreviewDisposableModel extends PreviewDisposableModelBase {
         return this.reportPreview.pageIndex;
     }
     GoToPage(pageIndex) {
-        this.reportPreview.goToPage(pageIndex);
-    }
-    StartBuild() {
-        this.parametersModel && this.parametersModel.submit();
-    }
-    PerformCustomDocumentOperation(customData, hideMessageFromUser) {
-        return this.reportPreview.customDocumentOperation(customData, hideMessageFromUser);
-    }
-}
-class PreviewModel extends PreviewDisposableModel {
-    constructor(options) {
-        super(options);
-        this.documentMapModel = options.documentMapModel;
-        this.tabPanel = options.tabPanel;
-        this.actionLists = options.actionLists;
-        this.accessibilityCompliant = options.accessibilityCompliant;
-        this.breadcrumb = options.breadcrumb;
-        this._disposables.push(options.documentMapModel);
-        this._disposables.push(options.tabPanel);
-        this._disposables.push(options.actionLists);
+        this.reportPreview.goToPage(pageIndex);
+    }
+    StartBuild() {
+        this.parametersModel && this.parametersModel.submit();
     }
+    PerformCustomDocumentOperation(customData, hideMessageFromUser) {
+        return this.reportPreview.customDocumentOperation(customData, hideMessageFromUser);
+    }
+}
+class PreviewModel extends PreviewDisposableModel {
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('reportPreview', this.reportPreview.getViewModel())
@@ -11507,6 +11566,17 @@ class PreviewModel extends PreviewDisposableModel {
             .generateProperty('tabPanel', this.tabPanel.getViewModel())
             .getViewModel();
     }
+    constructor(options) {
+        super(options);
+        this.documentMapModel = options.documentMapModel;
+        this.tabPanel = options.tabPanel;
+        this.actionLists = options.actionLists;
+        this.accessibilityCompliant = options.accessibilityCompliant;
+        this.breadcrumb = options.breadcrumb;
+        this._disposables.push(options.documentMapModel);
+        this._disposables.push(options.tabPanel);
+        this._disposables.push(options.actionLists);
+    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/mobile/internal/_mobilePreviewModel.js
@@ -11519,6 +11589,7 @@ var _mobilePreviewModel_decorate = (undefined && undefined.__decorate) || functi
 
 
 class MobilePreviewModel extends PreviewDisposableModel {
+    deferredUpdateViewModel() { return false; }
     constructor(options) {
         super(options);
         this.gallery = options.gallery;
@@ -11529,7 +11600,6 @@ class MobilePreviewModel extends PreviewDisposableModel {
         this.paginator = options.paginator;
         this.reportPreview.initializeSlideOptions(options.searchModel, options.gallery);
     }
-    deferredUpdateViewModel() { return false; }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('paginator', this.paginator.getViewModel())
@@ -11643,6 +11713,18 @@ var _parametersPopup_decorate = (undefined && undefined.__decorate) || function
 
 
 class ParametersPopupModelBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    createViewModel() {
+        return createParametersPopupBaseViewModel.call(this, super.createViewModel());
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        viewModel.visible = this.visible;
+        viewModel.showIcons = this.showIcons;
+        viewModel.cancelDisabled = this.cancelDisabled;
+        this._cancelButton.disabled = this.cancelDisabled;
+        this._cancelAction.disabled = this.cancelDisabled;
+    }
+    onPropertyChanged() { }
     constructor(_formModel) {
         super();
         this._formModel = _formModel;
@@ -11663,18 +11745,6 @@ class ParametersPopupModelBase extends external_DevExpress_Analytics_Serializer_
         this.className = '';
         this.visible = _formModel.visible;
     }
-    createViewModel() {
-        return createParametersPopupBaseViewModel.call(this, super.createViewModel());
-    }
-    updateViewModel(args) {
-        const viewModel = this.getViewModel();
-        viewModel.visible = this.visible;
-        viewModel.showIcons = this.showIcons;
-        viewModel.cancelDisabled = this.cancelDisabled;
-        this._cancelButton.disabled = this.cancelDisabled;
-        this._cancelAction.disabled = this.cancelDisabled;
-    }
-    onPropertyChanged() { }
     cacheElementContent(element) {
         this._parametersButtonContaner = (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(element);
         setTimeout(() => this.initVisibilityIcons());
@@ -11706,7 +11776,7 @@ _parametersPopup_decorate([
 ], ParametersPopupModelBase.prototype, "showIcons", void 0);
 class ParametersPopupModel extends ParametersPopupModelBase {
     constructor(model, _reportPreview) {
-        super({ visible: model.popupInfo.visible, submit: model.submit, reset: model.restore });
+        super({ visible: model._popupInfo.visible, submit: model.submit, reset: model.restore });
         this.model = model;
         this._reportPreview = _reportPreview;
         const updateCancelDisabled = () => this.cancelDisabled = !this._reportPreview.documentId || this._reportPreview.pages.length === 0;
@@ -11717,7 +11787,7 @@ class ParametersPopupModel extends ParametersPopupModelBase {
             updateCancelDisabled();
         }));
         this.addDisposable(model.events.on('_popupVisibleChanged', (args) => {
-            this.visible = model.popupInfo.visible;
+            this.visible = model._popupInfo.visible;
         }), model.events.on('_getInfoChanged', (args) => {
             this.objectProperties.updateEditorsInfo(model, model.getInfo());
         }));
@@ -11782,7 +11852,6 @@ const MobilePreviewElements = {
 
 
 
-
 function stringToPosition(position) {
     const lowerCased = (position || '').toLowerCase();
     if (!lowerCased || lowerCased === 'default') {
@@ -11794,19 +11863,19 @@ function stringToPosition(position) {
 }
 function getDockedElementCallback($targetElement, $viewer, $window, selector, position = null) {
     if (!selector)
-        return external_jQuery_namespaceObject.noop;
+        return void (0);
     return (viewer) => {
         if ($viewer.length === 0)
-            $viewer = external_jQuery_namespaceObject.fn.constructor(viewer);
+            $viewer = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(viewer);
         if ($targetElement.length === 0)
             $targetElement = $viewer.find(selector);
-        if ($window.length === 0)
-            $window = external_jQuery_namespaceObject.fn.constructor(window);
+        if (!$window)
+            $window = window;
         if (!position || position.bottom) {
             const elementTop = parseInt($targetElement.css('bottom')) + $targetElement.height();
             const viewerTop = $viewer.offset().top;
             const viewerHeight = $viewer.height();
-            const windowContentHeight = $window.height() + $window.scrollTop();
+            const windowContentHeight = $window.innerHeight + $window.scrollY;
             let result = viewerTop + viewerHeight - windowContentHeight;
             if (result < viewerHeight - elementTop) {
                 result = Math.max(0, result);
@@ -11886,22 +11955,24 @@ function updatePreviewZoomWithAutoFit(width, height, element, autoFitBy = ZoomAu
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_progressBarUtils.js
 
 
-function getUpdateProgressBarCallback(progressBarSettings, designerModel, reportPreview, rootElement, $window = external_jQuery_namespaceObject.fn.constructor(window)) {
+function getUpdateProgressBarCallback(progressBarSettings, designerModel, reportPreview, rootElement, $window = window) {
     const keepProgressBarVisible = !progressBarSettings || progressBarSettings.keepOnVisibleArea !== false;
     const position = stringToPosition(progressBarSettings && progressBarSettings.position);
     reportPreview.progressBar.setPosition(position);
     if (!keepProgressBarVisible)
-        return external_jQuery_namespaceObject.noop;
-    const $root = external_jQuery_namespaceObject.fn.constructor(rootElement);
+        return void (0);
+    const $root = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(rootElement);
     const $progress = $root.find('.dxrd-preview-progress');
     const updateProgressBarPosition = getDockedElementCallback($progress, $root, $window, '.dxrd-preview-progress', position);
     const progressBar = reportPreview.progressBar;
-    const unsubscribe = progressBar && progressBar.events.on('visibleChanged', (args) => {
-        progressBar.visible && this.updateProgressBarPosition();
+    const unsubscribe = progressBar && progressBar.events.on('inProgressChanged', (args) => {
+        setTimeout(() => {
+            progressBar.inProgress && updateProgressBarPosition(rootElement);
+        });
     });
     designerModel.addDisposable(unsubscribe);
     const wrappedUpdateProgressPosition = () => {
-        if (reportPreview.progressBar && reportPreview.progressBar.visible)
+        if (reportPreview.progressBar && reportPreview.progressBar.inProgress)
             updateProgressBarPosition(rootElement);
     };
     window.addEventListener('scroll', wrappedUpdateProgressPosition);
@@ -11928,13 +11999,12 @@ function getUpdateProgressBarCallback(progressBarSettings, designerModel, report
 
 
 
-
 function createMobilePreview(bindingSettings) {
     const callbacks = bindingSettings.callbacks;
     const bindingModel = bindingSettings.model;
     const bindingElement = bindingSettings.element;
     const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new MobileReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, undefined, bindingModel.mobileModeSettings, breadcrumb, bindingModel.exportSettings);
-    const $root = external_jQuery_namespaceObject.fn.constructor(bindingElement);
+    const $root = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(bindingElement);
     const updatePreviewContentSize_ = updatePreviewContentSizeMobile(reportPreview, $root);
     updatePreviewContentSize_();
     const gallery = new GalleryModel(reportPreview);
@@ -11973,18 +12043,18 @@ function createMobilePreview(bindingSettings) {
         { id: MobilePreviewElements.Parameters, templateName: MobilePreviewElements.Parameters, model: parametersPopup, viewModel: parametersPopup.getViewModel() },
         { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerViewModel.exportHandler }
     ];
+    designerModel.subscribeViewModelToDesignerParts();
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
     const $actions = $root.find('.dxrdp-mobile-actions');
-    const $window = external_jQuery_namespaceObject.fn.constructor(window);
-    const updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);
-    const updateMobilePreviewActionsPosition_ = getDockedElementCallback($actions, $root, $window, '.dxrdp-mobile-actions');
+    const updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, window);
+    const updateMobilePreviewActionsPosition_ = getDockedElementCallback($actions, $root, window, '.dxrdp-mobile-actions');
     const updateSizesCallback = () => {
         updatePreviewContentSize_ && updatePreviewContentSize_();
         updateProgressPosition && updateProgressPosition();
     };
     designerModel.updateSurfaceSize = updateSizesCallback;
     designerModel.resizeCallback = () => {
-        if (parametersModel.popupInfo.visible) {
+        if (parametersModel._popupInfo.visible) {
             parametersPopup.initVisibilityIcons();
         }
         updateSizesCallback();
@@ -12017,7 +12087,7 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
     constructor() {
         super(...arguments);
         this.showButtons = false;
-        this.showHeader = false;
+        this._showHeader = false;
     }
     getDesignerParts() {
         return [
@@ -12055,7 +12125,6 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 
 
 
-
 
 
 function createStandaloneParametersPanel(bindingSettings) {
@@ -12133,9 +12202,8 @@ function createDesktopPreview(bindingSettings) {
         { id: PreviewElements.Breadcrumb, templateName: PreviewElements.Breadcrumb, model: designerViewModel.breadcrumb }
     ];
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
-    const $window = external_jQuery_namespaceObject.fn.constructor(window);
     const timers = [];
-    let updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);
+    let updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, window);
     let updatePreviewContentSize_ = updatePreviewContentSize(reportPreview, bindingElement, bindingModel.rtl);
     if (bindingModel.tabPanelSettings) {
         if (bindingModel.tabPanelSettings.width)
@@ -12181,6 +12249,9 @@ function _createPreview(bindingSettings) {
     bindingSettings.applyBindings = bindingSettings.applyBindings !== undefined ? bindingSettings.applyBindings : true;
     const disposableCallback = bindingSettings.callbacks && bindingSettings.callbacks.onServerError && (0,external_DevExpress_Analytics_Internal_namespaceObject.processErrorEvent)(bindingSettings.callbacks.onServerError);
     external_DevExpress_config_default()({ rtlEnabled: !!bindingModel.rtl });
+    if (bindingModel._licenseOptions && !bindingModel._licenseOptions.isLicensed) {
+        (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(bindingModel._licenseOptions);
+    }
     if (bindingModel.remoteSettings && (bindingModel.remoteSettings.authToken || bindingModel.remoteSettings.serverUri)) {
         AsyncExportApproach(true);
         bindingModel.handlerUri = external_DevExpress_Analytics_Internal_namespaceObject.RequestHelper.generateUri(bindingModel.remoteSettings.serverUri, ReportServerInvokeUri);
@@ -12213,7 +12284,7 @@ function _createPreview(bindingSettings) {
     }
     if (bindingSettings.element && bindingSettings.applyBindings && !designerModel.reportPreview.canSwitchToDesigner) {
         ((_a = bindingSettings.callbacks) === null || _a === void 0 ? void 0 : _a.beforeRender) && bindingSettings.callbacks.beforeRender(designerModel);
-        external_jQuery_namespaceObject.fn.constructor(bindingSettings.element).children().remove();
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(bindingSettings.element).empty();
         external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.applyBindings(designerModel.getViewModel(), bindingSettings.element);
     }
     if (disposableCallback) {
@@ -12238,12 +12309,12 @@ function createPreview(bindingSettings) {
 function createPreviewModel(viewerModel, element, callbacks, applyBindings) {
     (0,external_DevExpress_Analytics_Internal_namespaceObject.initGlobalize)(viewerModel);
     return createPreview({ model: viewerModel, element: element, callbacks: callbacks, applyBindings: applyBindings }).done(() => {
-        external_jQuery_namespaceObject.extend(true, cultureInfo, viewerModel.cultureInfoList);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, cultureInfo, viewerModel.cultureInfoList);
     });
 }
 function initPreviewModel(previewModel, viewerModel) {
     if (viewerModel.reportId || viewerModel.documentId) {
-        previewModel.reportPreview.initialize(external_jQuery_namespaceObject.Deferred().resolve(viewerModel).promise());
+        previewModel.reportPreview.initialize(Promise.resolve(viewerModel));
     }
     else {
         const unwrappedUrl = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(viewerModel.reportUrl);
@@ -12259,19 +12330,7 @@ function initPreviewModel(previewModel, viewerModel) {
 
 
 
-
 class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_namespaceObject.JSDesignerBindingCommon {
-    constructor(_options, customEventRaiser, _shouldApplyBindings = true) {
-        super(_options, customEventRaiser);
-        this._shouldApplyBindings = _shouldApplyBindings;
-        this._deferreds = [];
-        _options.viewerModel = (0,external_DevExpress_Analytics_Internal_namespaceObject._wrapModelInObservable)(_options.viewerModel);
-        this.sender = this._createSender(_options.viewerModel);
-        this._closeReportOnDisposing = !_options.keepReportOnComponentDisposal;
-        _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
-        this._callbacks = this._initializeCallbacks();
-        this._callbacks && this._callbacks.onInitializing && this._callbacks.onInitializing();
-    }
     dispose() {
         if (this._closeReportOnDisposing && this.sender && this.sender.Close)
             this.sender.Close();
@@ -12298,8 +12357,9 @@ class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_n
             }
             this._disposables.push(model);
             if (this._shouldApplyBindings) {
-                _$element.children().remove();
-                const child = _$element.append(this._templateHtml).children()[0];
+                _$element.empty();
+                _$element.append(this._templateHtml);
+                const child = _$element[0].children[0];
                 if (!child)
                     return;
                 external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.cleanNode(child);
@@ -12308,6 +12368,17 @@ class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_n
             this._fireEvent('Init');
         }, this._showTroubleshootingPageWrapper(), _$element);
     }
+    constructor(_options, customEventRaiser, _shouldApplyBindings = true) {
+        super(_options, customEventRaiser);
+        this._shouldApplyBindings = _shouldApplyBindings;
+        this._deferreds = [];
+        _options.viewerModel = (0,external_DevExpress_Analytics_Internal_namespaceObject._wrapModelInObservable)(_options.viewerModel);
+        this.sender = this._createSender(_options.viewerModel);
+        this._closeReportOnDisposing = !_options.keepReportOnComponentDisposal;
+        _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
+        this._callbacks = this._initializeCallbacks();
+        this._callbacks && this._callbacks.onInitializing && this._callbacks.onInitializing();
+    }
     _createModel(element) {
         return createPreviewModel(this._options, element, this._callbacks, false);
     }
@@ -12315,7 +12386,7 @@ class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_n
         return this.developmentMode;
     }
     applyBindings(element) {
-        const _$element = external_jQuery_namespaceObject.fn.constructor(element);
+        const _$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element);
         _$element.addClass('dx-designer');
         if (this._options.reportPreview && this._options.parts) {
             this._applyBindings(this._options, _$element);
@@ -12323,6 +12394,9 @@ class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_n
         }
         const requestOptions = this._options.requestOptions;
         const applyModel = () => {
+            if (!('isDisposing' in this && !this.isDisposing)) {
+                return;
+            }
             if (requestOptions && requestOptions.invokeAction) {
                 this._options.handlerUri = this._getServerActionUrl(requestOptions.host, requestOptions.invokeAction);
             }
@@ -12418,7 +12492,7 @@ class JSReportParametersPanelBinding extends JSReportViewerBindingBase {
             callbacks: this._callbacks,
             element
         });
-        return external_jQuery_namespaceObject.Deferred().resolve(model);
+        return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(model);
     }
     _createSender(viewModel) {
         return new JSReportParametersPanel(viewModel);
@@ -12460,6 +12534,15 @@ external_ko_namespaceObject.bindingHandlers[dxReportParametersPanelBindingName]
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_dateRangeKeyboardHelper.js
 
 class DateRangeDialogElementWithHighlight extends external_DevExpress_Analytics_Internal_namespaceObject.ControlElementWithParentHighlight {
+    _getTargetElement() {
+        return this.element.querySelector(this.elementClassName);
+    }
+    dispose() {
+        this.element.removeEventListener('focus', this.dateRangeItemHandleFocus);
+        const target = this._getTargetElement();
+        target && target.removeEventListener('blur', this.toolbarItemHandleBlur);
+        super.dispose();
+    }
     constructor(element, _parentElement) {
         super(element, _parentElement);
         this.element = element;
@@ -12474,17 +12557,11 @@ class DateRangeDialogElementWithHighlight extends external_DevExpress_Analytics_
         const target = this._getTargetElement();
         target && target.addEventListener('blur', this.toolbarItemHandleBlur);
     }
-    _getTargetElement() {
-        return this.element.querySelector(this.elementClassName);
-    }
-    dispose() {
-        this.element.removeEventListener('focus', this.dateRangeItemHandleFocus);
-        const target = this._getTargetElement();
-        target && target.removeEventListener('blur', this.toolbarItemHandleBlur);
-        super.dispose();
-    }
 }
 class DateRangeDialogElementsKeyboardHelper extends external_DevExpress_Analytics_Internal_namespaceObject.AccessibilityKeyboardHelperBase {
+    createControlElement(element, index) {
+        return new DateRangeDialogElementWithHighlight(element, this.getContainer().getElementsByClassName('dxrv-daterange-editor-item')[index]);
+    }
     constructor(_dateRangeEditor) {
         super();
         this._dateRangeEditor = _dateRangeEditor;
@@ -12496,9 +12573,6 @@ class DateRangeDialogElementsKeyboardHelper extends external_DevExpress_Analytic
             this._disposables.push({ dispose: () => clearTimeout(timeout) });
         }));
     }
-    createControlElement(element, index) {
-        return new DateRangeDialogElementWithHighlight(element, this.getContainer().getElementsByClassName('dxrv-daterange-editor-item')[index]);
-    }
     itemHandleEscKey(e, index) {
         this._dateRangeEditor._hidePopup();
         return true;
@@ -12846,6 +12920,7 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-reportexplorer-tablerow\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-reportexplorer-tablerow'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-area\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-area3d\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-area3d'; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-boxplot\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-boxplot'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-bubbles\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-bubbles'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-candle_stick\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-candle_stick'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-doughnut\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-doughnut'; } }; });
@@ -13222,6 +13297,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-svg-reportexplorer-tablerow': '<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="M16 8H2v8h20V8h-6zm-8 6H4v-4h4v4zm6 0h-4v-4h4v4zm6 0h-4v-4h4v4z"/><path class="dxd-icon-fill dxd-opacity-80" d="M4 8V4h4v4h2V4h4v4h2V4h4v4h2V2H2v6zM20 16v4h-4v-4h-2v4h-4v-4H8v4H4v-4H2v6h20v-6z"/></svg>',
     'dxrd-svg-series-area': '<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="M2 20v-4l8-8 4 4 8-8v16z"/></svg>',
     'dxrd-svg-series-area3d': '<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="M8 12v2h4v2H8v2h4v2H8v2h6V12zM20 12h-4v10h4l2-2v-6l-2-2zm0 8h-2v-6h2v6z"/><path class="dxd-icon-fill" d="M12 8L8 4l-8 8v4h6v-6h14V0z"/></svg>',
+    'dxrd-svg-series-boxplot': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#606060" fill-rule="evenodd" d="M15 0h6v2h-2v4h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v3h2v2h-6v-2h2v-3h-2a2 2 0 01-2-2V8a2 2 0 012-2h2V2h-2V0zm6 8h-6v6h6V8zM3 6h6v2H7v3h2a2 2 0 012 2v4a2 2 0 01-2 2H7v3h2v2H3v-2h2v-3H3a2 2 0 01-2-2v-4a2 2 0 012-2h2V8H3V6zm0 7h6v4H3v-4z" clip-rule="evenodd"/><path fill="#606060" d="M7 3H5v2h2V3zM5 0h2v2H5V0zm14 22h-2v2h2v-2z"/></svg>',
     'dxrd-svg-series-bubbles': '<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"><circle class="dxd-icon-fill" cx="8" cy="4" r="2"/><circle class="dxd-icon-fill" cx="16" cy="10" r="4"/><circle class="dxd-icon-fill" cx="7" cy="19" r="3"/></svg>',
     'dxrd-svg-series-candle_stick': '<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 4V2h-2v2h-2v16h2v2h2v-2h2V4h-2zm0 14h-2V6h2v12zM8 2H6v2H4v16h2v2h2v-2h2V4H8z"/></svg>',
     'dxrd-svg-series-doughnut': '<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="M5.1 10C5.5 7 7 5.5 10 5.1V0C5 .5.5 5 0 10h5.1zM12 5.1c3 .5 5 2.9 5 5.9 0 1.3-.4 2.5-1.1 3.5l3.6 3.6c1.5-2 2.5-4.4 2.5-7.1C22 5.3 18 .5 12 0v5.1zM14.5 15.9c-1 .7-2.2 1.1-3.5 1.1-3 0-5.4-2-5.9-5H0c.5 6 5.2 10 11 10 2.7 0 5.1-1 7-2.6l-3.5-3.5z"/></svg>',
@@ -13449,7 +13525,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Export Options', 'DevExpress.XtraReports.UI.XtraReport.ExportOptions'); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.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); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.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.widget.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.click, 'onSubmenuShowing': $context.$data.widget.onSubmenuShowing($context.$data.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.widget.onSubmenuShown, 'onSubmenuHiding': $context.$data.widget.onSubmenuHiding, 'onItemRendered': $context.$data.widget.onItemRendered, 'tabIndex': '-1' }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', focusStateEnabled: false }', 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.widget.items, 'cssClass': 'dxrdp-export-to-menu', 'onItemClick': $context.$data.click, 'onSubmenuShowing': $context.$data.widget.onSubmenuShowing($context.$data.getPopupContainer($element), $element), 'onSubmenuShown': $context.$data.widget.onSubmenuShown, 'onSubmenuHiding': $context.$data.widget.onSubmenuHiding, 'onItemRendered': $context.$data.widget.onItemRendered, 'tabIndex': '-1', 'focusStateEnabled': false }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { title: text }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.text }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: imageClassName, template: imageTemplateName', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return $context.$data.imageTemplateName; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });
@@ -13556,7 +13632,10 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: popupTemplate, data: popupModel }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupTemplate, 'data': $context.$data.popupModel }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: predefinedRanges.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.predefinedRanges.items; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTemplate:{ name:\'select_cell\' }', function () { return { dxTemplate: { name: 'select_cell' } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.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 }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dx-rtl\' : viewmodel.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-rtl': $context.$data.viewmodel.rtl }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { \'display\': showHorizontally ? \'flex\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.showHorizontally ? 'flex' : 'block' }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-propertieseditor\', data: $data }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: viewmodel.editors', function ($context, $element) { return { 'foreach': function () { return $context.$data.viewmodel.editors; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$data.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.$data.displayName, 'id': $context.$data.editorInputId }, 'disabled': $context.$data.disabled, 'selectAllText': $context.$data.selectAllText, 'placeholder': $context.$data.placeholder, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'boundary': $context.$data.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.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) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.alwaysShow, 'setCollapsed': $context.$data.setCollapsed, 'getCollapsed': $context.$data.getCollapsed, 'setCollapsedChangedEvent': $context.$data.setCollapsedChangedEvent }; } }; });
@@ -13565,8 +13644,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': 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 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: displayName, attr: { \'title\': displayName }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-field-label-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified ? 'Bold' : '' }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.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' : '' }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: ko.unwrap(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.ko.unwrap($context.$data.isPropertyModified) ? 'Bold' : '' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $data.hideEditorHeader', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideEditorHeader; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $data.alwaysShow', function ($context, $element) { return { 'ifnot': function () { return $context.$data.alwaysShow; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('zoom: painter.scale', function ($context, $element) { return { 'zoom': function () { return $context.$data.painter.scale; } }; });
@@ -13620,7 +13698,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-page-mobile': '<div class="dxrdp-content" data-bind="dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions"> <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 && hasBricks }, visible: !readerMode"></div> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile" } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && 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: leftP, right: rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': 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: !editorVisible, dxclick: focusEditor"> <div class="dxrdp-taptosearch-text" data-bind="text: tapToSearchText"></div> </div> <div class="dxrdp-search-panel" data-bind="visible: editorVisible"> <div class="dxrdp-search-editor" data-bind="dxTextBox: { value: searchText, onValueChanged: onSearchTextChanged, onEnterKey: startSearch }"></div> </div> </div> </div> <!-- /ko -->',
-    'dxrd-preview-export-to-mobile': '<div class="dxrd-preview-export-to" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to\' }, items: items, onItemClick: clickAction }, 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: { name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div>',
+    'dxrd-preview-export-to-mobile': '<div class="dxrd-preview-export-to" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to\' }, items: items, onItemClick: clickAction }, attr: { title: $root.getLocalization(text, $data.textId) }"> <div 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: { name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div>',
     'dxrdp-surface-mobile-bottom': '<div class="dxrdp-mobile-actions" data-bind="visible: visible"> <div class="dxrdp-mobile-actions-content"> <!-- ko foreach: actions --> <div class="dxrdp-mobile-action" data-bind="visible: visible, css: $data.imageClassName, template: { name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, dxclick: clickAction"> </div> <!-- ko if: $data.content --> <!-- ko template: $data.content --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dxrdp-pages-mobile': '<div class="dxrdp-mobile-paginator" data-bind="dxrdMobilePaginator: $data"> <div class="dxrdp-mobile-paginator-content"> <div class="dxrdp-mobile-paginator-text" data-bind="text : text"></div> </div> </div>',
     'dxrd-menu-export-content': '<div class="dxrd-menu-export-popover" data-bind="dxPopover: { wrapperAttr: { class: \'dxrd-menu-export-popover\' }, width: \'266px\', height: \'266px\', visible: visible, target: \'.dxrdp-mobile-action.dxrd-image-export-to\', container: $root.getPopupContainer($element), }"> <!-- ko foreach: items --> <div class="dxrd-menu-export-item" data-bind="dxclick: action, text: text"> </div> <!-- /ko--> </div>',
@@ -13640,7 +13718,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     '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: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }"> <div class="dxrd-print-dialog-content"> <div data-bind="text: printingTexts.caption"></div> <p></p> <!-- ko if: printingTexts.prefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTexts.prefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: printingTexts.link"></a> <!-- ko if: printingTexts.postfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTexts.postfix"></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> <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="dxMutationObserver: keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" role="tree"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <!-- ko template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover } --> <!-- /ko --> </div> </div></div>',
-    '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: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\' }"> <div class="dxrd-preview-export-menu-item" data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: 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: hasSeparator"></div> </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: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', focusStateEnabled: false }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: 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: 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\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <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\': currentPageAriaLabelImgAlt }" /> <!-- 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="dxMutationObserver: 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: getPainterOptions()"></div> <!-- ko template: { name: \'dx-picture-editing-popup\' } --> <!-- /ko --> </div> </div>',
@@ -13660,12 +13738,12 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrv-daterange-editor-popup': '<div role="dialog" aria-modal="true" data-bind="dxPopup: getPopupSettings()"> <div data-bind="dxScrollView: scrollViewOptions"> <div class="dxrv-daterange-editor-popup-container" data-bind="dxMutationObserver: dialogKeyboardHelper"> <div role="listbox" class="dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item" data-bind="attr: predefinedRanges.attr, dxScrollView: predefinedRanges.scrollViewOptions, dxMutationObserver: predefinedRanges.accessibilityKeyboardHelper"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko foreach: predefinedRanges.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\': selected }, css: { \'dxd-state-selected\': selected }, dxAction: { action: click }"> <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: startRange } --> <!-- /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: endRange } --> <!-- /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, onValueChanged: onValueChanged, cellTemplate: \'select_cell\', height: height, min: min }"> <div class="dxrv-daterange-cell" data-options="dxTemplate:{ name:\'select_cell\' }"> <div class="dxrv-daterange-cell-text" data-bind="text: text"></div> <div data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
     'dxrv-range-parameter': '<div data-bind="dxrvDateRangeEditor: {value: 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: editors --> <!-- 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-propertieseditor': '<div data-bind="css: { \'dx-rtl\' : viewmodel.rtl }"> <div class="dx-editors"> <div class="dx-fieldset dxrd-parameters-fieldset dxd-border-primary" data-bind="style: { \'display\': showHorizontally ? \'flex\' : \'block\' }"> <!-- ko foreach: viewmodel.editors --> <!-- 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: $data }, 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: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: 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="template: { name: \'dx-propertieseditor\', data: getProperties() }"></div> </div> </div> <!-- /ko -->',
-    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': 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\': editorOptions && 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\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.alwaysShow --> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /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: function(val) { $data.setIsRendered(val) } } --> <!-- /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: editorCreated --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
+    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': 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\': editorOptions && 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\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.alwaysShow --> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /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: ko.unwrap(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: ko.unwrap(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: function(val) { $data.setIsRendered(val) } } --> <!-- /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: 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: getPopupContainer($element), of: element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : getPopupContainer($element), target: getPopupContainer($element), showTitle: false, onContentReady: onContentReady, showCloseButton: false, animation: {}, shading: false, visible: true }"> <div data-options="dxTemplate: { name: \'content\' }"> <div class="dx-picture-editing-toolbar" data-bind="foreach: actions"> <div class="dx-picture-editing-toolbar-item" data-bind="dxclick: action, attr: { title: title }"> <div class="dx-picture-editing-toolbar-item-icon" data-bind="template: { name: icon }"> </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: hideOnOutsideClick, onShown: onShown, onHidden: onHidden, onContentReady: 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>',
@@ -13736,8 +13814,12 @@ function initializeToViewBinding(previewPage, options) {
     const container = previewPage.closest('.dxrd-report-preview-holder'), dispose = options.setPageActiveChangedEvent((active) => {
         if (active) {
             const pageTop = previewPage.getBoundingClientRect().top;
-            if (pageTop < 0 && (pageTop + previewPage.getBoundingClientRect().height < 0) || pageTop >= container.getBoundingClientRect().height) {
-                container.scrollTop = container.scrollTop + pageTop;
+            const containerTop = container.getBoundingClientRect().top;
+            const pageHeight = previewPage.getBoundingClientRect().height;
+            const containerHeight = container.getBoundingClientRect().height;
+            if (pageTop < 0 && (pageTop + (pageHeight - containerTop) < 0) || pageTop >= containerHeight
+                || (pageTop - (containerHeight + containerTop)) > 0) {
+                container.scrollTop = container.scrollTop + (pageTop - containerTop);
             }
         }
     });
@@ -13942,7 +14024,6 @@ var external_DevExpress_registerComponent_default = /*#__PURE__*/__webpack_requi
 
 
 
-
 class dxGalleryExtender {
     constructor(_gallery) {
         this._gallery = _gallery;
@@ -13975,7 +14056,7 @@ class dxGalleryExtender {
                 let left = parseFloat($items[i]['style'].left);
                 left = isNaN(left) ? 0 : left;
                 this._gallery.blockItems.push({
-                    element: external_jQuery_namespaceObject.fn.constructor($items[i]),
+                    element: (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)($items[i]),
                     left: left
                 });
             }
@@ -14090,7 +14171,7 @@ class dxGalleryExtender {
         this._gallery._restoreDefault = (item) => {
             if (item) {
                 item.element.css({
-                    'opacity': 1,
+                    'opacity': '1',
                     'transform': 'scale(' + 1 + ')',
                     'left': item.left + '%'
                 });
@@ -14201,52 +14282,9 @@ function setTransform($element, transform) {
     });
 }
 class EventProcessor extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
-    constructor(element, slideOptions) {
-        super();
-        this.element = element;
-        this.slideOptions = slideOptions;
-        this._direction = {
-            vertical: false,
-            horizontal: false,
-            scrollDown: false
-        };
-        this.isLeftMove = false;
-        this.isRightMove = false;
-        this.$window = external_jQuery_namespaceObject.fn.constructor(window);
-        this.$element = external_jQuery_namespaceObject.fn.constructor(element),
-            this.$body = external_jQuery_namespaceObject.fn.constructor(document.body),
-            this.$gallery = this.$element.find('.dxrd-mobile-gallery');
-        this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
-        this.firstMobilePageOffset = this._getFirstPageOffset();
-        this.addDisposable(this.slideOptions.searchPanel.events.on('heightChanged', (args) => {
-            const newVal = args.newValue;
-            if (slideOptions.getDisabled())
-                return;
-            if (!this.firstMobilePageOffset)
-                this.firstMobilePageOffset = this._getFirstPageOffset();
-            if (this.slideOptions.readerMode) {
-                this.slideOptions.setTopOffset(newVal);
-            }
-            else {
-                this.slideOptions.setTopOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));
-            }
-            if (!newVal) {
-                this.applySearchAnimation(newVal);
-            }
-            else if (newVal === MobileSearchViewModel.maxHeight) {
-                this.slideOptions.searchPanel.searchPanelVisible = true;
-                this.applySearchAnimation(newVal);
-            }
-            else {
-                const dif = 1 - minScale;
-                const perc = newVal / MobileSearchViewModel.maxHeight;
-                const scale = 1 - dif * perc;
-                setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');
-            }
-        }));
-    }
     _getFirstPageOffset() {
-        return this.$galleryblocks.find('.dxrd-mobile-page').eq(0).offset();
+        const page = this.$galleryblocks.find('.dxrd-mobile-page')[0];
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(page).offset();
     }
     getDirection(x, y) {
         const differenceY = y - this._startingPositionY;
@@ -14303,7 +14341,7 @@ class EventProcessor extends external_DevExpress_Analytics_Utils_namespaceObject
             if (!direction.vertical && !direction.horizontal)
                 return;
             if (direction.vertical && direction.scrollDown || this.slideOptions.searchPanel.height !== 0) {
-                if (this.slideOptions.getReachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollTop()) {
+                if (this.slideOptions.getReachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollY) {
                     this.slideOptions.setBrickEventsDisabled(true);
                     e.stopPropagation();
                     const currentHeight = this.slideOptions.searchPanel.height;
@@ -14359,6 +14397,50 @@ class EventProcessor extends external_DevExpress_Analytics_Utils_namespaceObject
         this.$body.removeClass('dxrd-prevent-refresh');
         setTimeout(() => { this.slideOptions.setBrickEventsDisabled(false); }, 50);
     }
+    constructor(element, slideOptions) {
+        super();
+        this.element = element;
+        this.slideOptions = slideOptions;
+        this._direction = {
+            vertical: false,
+            horizontal: false,
+            scrollDown: false
+        };
+        this.isLeftMove = false;
+        this.isRightMove = false;
+        this.$window = window;
+        this.$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element),
+            this.$body = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(document.body),
+            this.$gallery = this.$element.find('.dxrd-mobile-gallery');
+        this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
+        this.firstMobilePageOffset = this._getFirstPageOffset();
+        this.addDisposable(this.slideOptions.searchPanel.events.on('heightChanged', (args) => {
+            const newVal = args.newValue;
+            if (slideOptions.getDisabled())
+                return;
+            if (!this.firstMobilePageOffset)
+                this.firstMobilePageOffset = this._getFirstPageOffset();
+            if (this.slideOptions.readerMode) {
+                this.slideOptions.setTopOffset(newVal);
+            }
+            else {
+                this.slideOptions.setTopOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));
+            }
+            if (!newVal) {
+                this.applySearchAnimation(newVal);
+            }
+            else if (newVal === MobileSearchViewModel.maxHeight) {
+                this.slideOptions.searchPanel.searchPanelVisible = true;
+                this.applySearchAnimation(newVal);
+            }
+            else {
+                const dif = 1 - minScale;
+                const perc = newVal / MobileSearchViewModel.maxHeight;
+                const scale = 1 - dif * perc;
+                setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');
+            }
+        }));
+    }
     applySearchAnimation(value) {
         if (this.slideOptions.animationSettings.zoomEnabled) {
             this.$galleryblocks.addClass('dxrdp-animation');
@@ -14548,9 +14630,6 @@ var dateRangeEditor_ranges_decorate = (undefined && undefined.__decorate) || fun
 
 
 class CSDateTime {
-    constructor(_date = null) {
-        this._date = _date;
-    }
     static get today() {
         return new CSDateTime().now();
     }
@@ -14566,6 +14645,9 @@ class CSDateTime {
     get year() {
         return this._date.getFullYear();
     }
+    constructor(_date = null) {
+        this._date = _date;
+    }
     addMonths(months) {
         return new CSDateTime(new Date(this._date.setMonth(CSDateTime.today.month + months)));
     }
@@ -14662,7 +14744,6 @@ const predefinedDateRanges = predefinedDateRangesModel.ranges;
 
 
 
-
 function createDateRangeEditorViewModel(baseViewModel) {
     let popupSettings = null;
     const inRange = (date) => {
@@ -14676,7 +14757,7 @@ function createDateRangeEditorViewModel(baseViewModel) {
             .generateProperty('selected', this._isSelected(x))
             .getViewModel();
     });
-    const viewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(Object.assign(Object.assign({}, baseViewModel), { showPopup: () => this._showPopup(), popupTemplate: this.popupTemplate, items: this.items, cacheElement: ($element) => this._$element = external_jQuery_namespaceObject.fn.constructor($element), scrollViewOptions: {
+    const viewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(Object.assign(Object.assign({}, baseViewModel), { showPopup: () => this._showPopup(), popupTemplate: this.popupTemplate, items: this.items, cacheElement: ($element) => this._$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)($element), scrollViewOptions: {
             showScrollbar: 'always',
             direction: 'horizontal',
             useNative: false,
@@ -14773,36 +14854,6 @@ function createDateRangeEditor(_options, element, model) {
     return rangeEditor;
 }
 class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(_options, editorInputId, visibilityChangedCallback) {
-        super();
-        this._options = _options;
-        this._locker = new Locker();
-        this._showPopup = () => {
-            this._popupVisible = true;
-        };
-        this._hidePopup = () => {
-            this._popupVisible = false;
-            this._$element.get(0).querySelector('input').focus();
-        };
-        this.popupTemplate = 'dxrv-daterange-editor-popup';
-        this.items = [];
-        this.calendarHeight = '100%';
-        this._visibilityChangedCallback = visibilityChangedCallback;
-        this._displayText = this._getStringValue([this.startDate, this.endDate]);
-        this.applyDate(this._options.value);
-        if (_options.isMobile) {
-            this.popupTemplate = 'dxrd-menu-parameters-content';
-            this.popupModel = new DateRangeParemeterPopupModel(this);
-        }
-        else {
-            this.popupModel = this;
-        }
-        this.items = [...predefinedDateRanges];
-        this.dialogKeyboardHelper = new DateRangeDialogElementsKeyboardHelper(this);
-        this._disposables.push(this.dialogKeyboardHelper);
-        this._editorInputId = editorInputId;
-        this._displayName = _options.displayName;
-    }
     createViewModel() {
         return createDateRangeEditorViewModel.call(this, super.createViewModel());
     }
@@ -14828,23 +14879,53 @@ class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_na
         if (args.propertyName === 'endDate') {
             this.applyValue();
         }
-    }
-    deferredUpdateViewModel() {
-        return false;
-    }
-    updateViewModel(args) {
-        const viewModel = this.getViewModel();
-        if (args.propertyName === '_popupVisible') {
-            viewModel.getPopupSettings().visible = this._popupVisible;
-            this._visibilityChangedCallback && this._visibilityChangedCallback(this._popupVisible);
+    }
+    deferredUpdateViewModel() {
+        return false;
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        if (args.propertyName === '_popupVisible') {
+            viewModel.getPopupSettings().visible = this._popupVisible;
+            this._visibilityChangedCallback && this._visibilityChangedCallback(this._popupVisible);
+        }
+        viewModel.predefinedRanges.items.forEach(x => {
+            x.selected = this._isSelected(x);
+        });
+        viewModel.startRange.value = this.startDate;
+        viewModel.endRange.value = this.endDate;
+        viewModel.endRange.min = this.startDate;
+        viewModel.displayValue = this._displayText;
+    }
+    constructor(_options, editorInputId, visibilityChangedCallback) {
+        super();
+        this._options = _options;
+        this._locker = new Locker();
+        this._showPopup = () => {
+            this._popupVisible = true;
+        };
+        this._hidePopup = () => {
+            this._popupVisible = false;
+            this._$element.get(0).querySelector('input').focus();
+        };
+        this.popupTemplate = 'dxrv-daterange-editor-popup';
+        this.items = [];
+        this.calendarHeight = '100%';
+        this._visibilityChangedCallback = visibilityChangedCallback;
+        this._displayText = this._getStringValue([this.startDate, this.endDate]);
+        this.applyDate(this._options.value);
+        if (_options.isMobile) {
+            this.popupTemplate = 'dxrd-menu-parameters-content';
+            this.popupModel = new DateRangeParemeterPopupModel(this);
+        }
+        else {
+            this.popupModel = this;
         }
-        viewModel.predefinedRanges.items.forEach(x => {
-            x.selected = this._isSelected(x);
-        });
-        viewModel.startRange.value = this.startDate;
-        viewModel.endRange.value = this.endDate;
-        viewModel.endRange.min = this.startDate;
-        viewModel.displayValue = this._displayText;
+        this.items = [...predefinedDateRanges];
+        this.dialogKeyboardHelper = new DateRangeDialogElementsKeyboardHelper(this);
+        this._disposables.push(this.dialogKeyboardHelper);
+        this._editorInputId = editorInputId;
+        this._displayName = _options.displayName;
     }
     _toParameterValue() {
         return [this.startDate, this.endDate];
@@ -14888,14 +14969,13 @@ dateRangeEditor_decorate([
 
 
 
-
 external_ko_namespaceObject.bindingHandlers['dxrvDateRangeEditor'] = {
     init: (element, valueAccessor, bindings, model, bindingContext) => {
         const rangeEditor = createDateRangeEditor(valueAccessor(), element, model);
-        external_jQuery_namespaceObject.fn.constructor(element).children().remove();
-        const templateHtml = (0,external_DevExpress_Analytics_Utils_namespaceObject.getTemplate)('dxrv-daterange-editor'), $element = external_jQuery_namespaceObject.fn.constructor(element).append(templateHtml);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).empty();
+        const templateHtml = (0,external_DevExpress_Analytics_Utils_namespaceObject.getTemplate)('dxrv-daterange-editor'), $element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).append(templateHtml);
         const context = bindingContext.createChildContext(rangeEditor.getViewModel());
-        external_ko_namespaceObject.applyBindingsToDescendants(context, $element.children()[0]);
+        external_ko_namespaceObject.applyBindingsToDescendants(context, $element[0].children[0]);
         (0,external_DevExpress_Analytics_Internal_namespaceObject.addDisposeCallback)(element, () => rangeEditor.dispose());
         return { controlsDescendantBindings: true };
     }
@@ -14918,11 +14998,6 @@ external_ko_namespaceObject.bindingHandlers['dxrvDateRangeEditor'] = {
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/pictureEditor/_imagePainter.js
 
 class ImagePainter {
-    constructor(options) {
-        this.image = options.imageSource;
-        this.sizeMode = options.sizeMode;
-        this.alignment = options.alignment;
-    }
     _drawImage(imageSource, context, scale, contentSize) {
         return new Promise((resolve, reject) => {
             if (!imageSource) {
@@ -14985,6 +15060,11 @@ class ImagePainter {
         }
         return { x: x, y: y };
     }
+    constructor(options) {
+        this.image = options.imageSource;
+        this.sizeMode = options.sizeMode;
+        this.alignment = options.alignment;
+    }
     refresh(context, scale = 1, contentSize) {
         contentSize = contentSize || {
             width: context.canvas.width,
@@ -15207,11 +15287,6 @@ class PictureEditorToolbarItemWithPopup extends PictureEditorToolbarItem {
 
 
 class PictureEditorActionProvider extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
-    constructor(_editorModel, _popupOptions) {
-        super();
-        this._editorModel = _editorModel;
-        this._popupOptions = _popupOptions;
-    }
     _initPopupOptions(options) {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(options)
             .generateProperty('boundary', this._popupOptions.boundary)
@@ -15294,8 +15369,14 @@ class PictureEditorActionProvider extends external_DevExpress_Analytics_Utils_na
         };
         return new PictureEditorToolbarItem(clearItemOptions);
     }
+    constructor(_editorModel, _popupOptions) {
+        super();
+        this._editorModel = _editorModel;
+        this._popupOptions = _popupOptions;
+    }
 }
 PictureEditorActionProvider.colors = ['#FFFFFF', '#FFC0C0', '#FFE0C0', '#FFFFC0', '#C0FFC0', '#C0FFFF', '#C0C0FF', '#FFC0FF', '#E0E0E0', '#FF8080', '#FFC080', '#FFFF80', '#80FF80', '#80FFFF', '#8080FF', '#FF80FF', '#C0C0C0', '#FF0000', '#FF8000', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#FF00FF', '#808080', '#C00000', '#C04000', '#C0C000', '#00C000', '#00C0C0', '#0000C0', '#C000C0', '#404040', '#800000', '#804000', '#808000', '#008000', '#008080', '#000080', '#800080', '#000000', '#400000', '#804040', '#404000', '#004000', '#004040', '#000040', '#400040'];
+
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { fill: $data.templateOptions.contentData.lineColor }', function ($context, $element) {
     return {
         'style': function () {
@@ -15323,71 +15404,6 @@ var _painter_decorate = (undefined && undefined.__decorate) || function (decorat
 
 
 class Painter extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(element, options, onResize) {
-        super();
-        this._pointerDownHandler = (e) => {
-            const point = this._getContextPoint(e);
-            point && this.signaturePainter.drawCircle(this._context, point.x, point.y, this.lineColor, this.lineWidth);
-        };
-        this._pointerMoveHandler = (e) => {
-            if (e.pointerType === 'touch' || e.pointerType === 'pen' || (e.pointerType === 'mouse' && e.originalEvent['buttons'] == 1)) {
-                const point = this._getContextPoint(e);
-                point && this.signaturePainter.drawPath(this._context, point.x, point.y, this.lineColor, this.lineWidth);
-            }
-        };
-        this._pointerLeaveHandler = (e) => {
-            this.signaturePainter.resetLastPosition();
-        };
-        this.format = (newVal) => {
-            if (newVal)
-                this.imagePainter.format = newVal;
-            return this.imagePainter.format;
-        };
-        this.image = options.imageSource;
-        this.imageSizeMode = options.sizeMode;
-        this.imageAlignment = options.alignment;
-        this.imagePainter = new ImagePainter({
-            alignment: () => this.imageAlignment,
-            imageSource: () => this.image,
-            sizeMode: () => this.imageSizeMode
-        });
-        this.getZoom = () => options.editingFieldModel.zoom;
-        this.format(options.imageType);
-        this._disposables.push(this.signaturePainter = new SignaturePainter());
-        this.addDisposable(this.signaturePainter.events.on('hasPointsChanged', (args) => {
-            if (args.newValue)
-                this._setCanvasSize(this.initialSize.width, this.initialSize.height);
-            else
-                this._setCanvasSize(this.initialSize.width * this.getZoom(), this.initialSize.height * this.getZoom());
-            this.refresh();
-            this._updateScale();
-        }));
-        this._updateScale = () => {
-            this.scale = this.hasSignature() ? this.getZoom() : 1;
-            onResize && onResize();
-        };
-        this._updateScale();
-        if (options.pictureEditorModel) {
-            this.addDisposable(options.pictureEditorModel.events.on('canDrawChanged', (args) => {
-                if (args.newValue) {
-                    this._addEvents();
-                }
-                else {
-                    this._removeEvents();
-                }
-            }));
-        }
-        this.addDisposable(options.editingFieldModel.events.on('zoomChanged', (args) => {
-            const newVal = args.newValue;
-            if (!this.signaturePainter.hasPoints) {
-                this._setCanvasSize(this.initialSize.width * newVal, this.initialSize.height * newVal);
-                this.refresh();
-            }
-            this._updateScale();
-        }));
-        this.initSize(element, options.editingFieldModel.zoom);
-        this.initCanvas(options.editingFieldModel.zoom);
-    }
     _getContextPoint(e) {
         const element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(e.target);
         if (element.nodeName !== 'CANVAS')
@@ -15461,6 +15477,71 @@ class Painter extends external_DevExpress_Analytics_Serializer_Native_namespaceO
         });
         return array;
     }
+    constructor(element, options, onResize) {
+        super();
+        this._pointerDownHandler = (e) => {
+            const point = this._getContextPoint(e);
+            point && this.signaturePainter.drawCircle(this._context, point.x, point.y, this.lineColor, this.lineWidth);
+        };
+        this._pointerMoveHandler = (e) => {
+            if (e.pointerType === 'touch' || e.pointerType === 'pen' || (e.pointerType === 'mouse' && e.originalEvent['buttons'] == 1)) {
+                const point = this._getContextPoint(e);
+                point && this.signaturePainter.drawPath(this._context, point.x, point.y, this.lineColor, this.lineWidth);
+            }
+        };
+        this._pointerLeaveHandler = (e) => {
+            this.signaturePainter.resetLastPosition();
+        };
+        this.format = (newVal) => {
+            if (newVal)
+                this.imagePainter.format = newVal;
+            return this.imagePainter.format;
+        };
+        this.image = options.imageSource;
+        this.imageSizeMode = options.sizeMode;
+        this.imageAlignment = options.alignment;
+        this.imagePainter = new ImagePainter({
+            alignment: () => this.imageAlignment,
+            imageSource: () => this.image,
+            sizeMode: () => this.imageSizeMode
+        });
+        this.getZoom = () => options.editingFieldModel.zoom;
+        this.format(options.imageType);
+        this._disposables.push(this.signaturePainter = new SignaturePainter());
+        this.addDisposable(this.signaturePainter.events.on('hasPointsChanged', (args) => {
+            if (args.newValue)
+                this._setCanvasSize(this.initialSize.width, this.initialSize.height);
+            else
+                this._setCanvasSize(this.initialSize.width * this.getZoom(), this.initialSize.height * this.getZoom());
+            this.refresh();
+            this._updateScale();
+        }));
+        this._updateScale = () => {
+            this.scale = this.hasSignature() ? this.getZoom() : 1;
+            onResize && onResize();
+        };
+        this._updateScale();
+        if (options.pictureEditorModel) {
+            this.addDisposable(options.pictureEditorModel.events.on('canDrawChanged', (args) => {
+                if (args.newValue) {
+                    this._addEvents();
+                }
+                else {
+                    this._removeEvents();
+                }
+            }));
+        }
+        this.addDisposable(options.editingFieldModel.events.on('zoomChanged', (args) => {
+            const newVal = args.newValue;
+            if (!this.signaturePainter.hasPoints) {
+                this._setCanvasSize(this.initialSize.width * newVal, this.initialSize.height * newVal);
+                this.refresh();
+            }
+            this._updateScale();
+        }));
+        this.initSize(element, options.editingFieldModel.zoom);
+        this.initCanvas(options.editingFieldModel.zoom);
+    }
     onPropertyChanged(args) { }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
@@ -15584,44 +15665,6 @@ var _pictureEditorModel_decorate = (undefined && undefined.__decorate) || functi
 
 
 class PictureEditorModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(editingFieldModel, element, onResize) {
-        super();
-        this.editingFieldModel = editingFieldModel;
-        this.GESTURE_COVER_CLASS = 'dx-gesture-cover';
-        this.ACTIVE_POPUP_CLASS = '.dx-picture-editing-active';
-        this._getPopupContent = () => {
-            const popupInstance = external_DevExpress_ui_dxPopup_default().getInstance(this.$element.find(this.ACTIVE_POPUP_CLASS).element);
-            return popupInstance && (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(popupInstance.content());
-        };
-        this.actions = [];
-        this._initialImageType = editingFieldModel.getImageType() || 'png';
-        this.editMode = editingFieldModel.editMode || PictureEditMode.Image;
-        this._initialImage = editingFieldModel.getImage();
-        this._initialAlignment = editingFieldModel.alignment;
-        this._initialSizeMode = editingFieldModel.sizeMode;
-        this._callbacks = editingFieldModel.callbacks;
-        this.$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element);
-        this.shadingEnabled = editingFieldModel.shadingEnabled;
-        this.active = editingFieldModel.active;
-        const painterOptions = {
-            alignment: this._initialAlignment,
-            imageSource: this._initialImage,
-            imageType: this._initialImageType,
-            sizeMode: this._initialSizeMode,
-            pictureEditorModel: this,
-            editingFieldModel: editingFieldModel
-        };
-        this.painter = new Painter(this.$element.element, painterOptions, onResize);
-        this._disposables.push(this.painter);
-        this.actionsProvider = new PictureEditorActionProvider(this, (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {
-            getPositionTarget: () => {
-                return this._getPopupContent().find('.dx-picture-editing-toolbar').element;
-            }
-        }, (editingFieldModel.popupOptions || {})));
-        this._disposables.push(this.actionsProvider);
-        this._initActions(editingFieldModel.callbacks && editingFieldModel.callbacks.customizeActions);
-        this._addEvents();
-    }
     _takeFocus() {
         if (!this.editingFieldModel.active) {
             this._callbacks && this._callbacks.onFocusIn && this._callbacks.onFocusIn(this);
@@ -15709,6 +15752,44 @@ class PictureEditorModel extends external_DevExpress_Analytics_Serializer_Native
         external_DevExpress_events_namespaceObject.on(element, 'dxpointercancel', this._pointerCancelHandler);
         external_DevExpress_events_namespaceObject.on(document, 'dxpointerup', this._pointerUpHandler);
     }
+    constructor(editingFieldModel, element, onResize) {
+        super();
+        this.editingFieldModel = editingFieldModel;
+        this.GESTURE_COVER_CLASS = 'dx-gesture-cover';
+        this.ACTIVE_POPUP_CLASS = '.dx-picture-editing-active';
+        this._getPopupContent = () => {
+            const popupInstance = external_DevExpress_ui_dxPopup_default().getInstance(this.$element.find(this.ACTIVE_POPUP_CLASS).element);
+            return popupInstance && (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(popupInstance.content());
+        };
+        this.actions = [];
+        this._initialImageType = editingFieldModel.getImageType() || 'png';
+        this.editMode = editingFieldModel.editMode || PictureEditMode.Image;
+        this._initialImage = editingFieldModel.getImage();
+        this._initialAlignment = editingFieldModel.alignment;
+        this._initialSizeMode = editingFieldModel.sizeMode;
+        this._callbacks = editingFieldModel.callbacks;
+        this.$element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element);
+        this.shadingEnabled = editingFieldModel.shadingEnabled;
+        this.active = editingFieldModel.active;
+        const painterOptions = {
+            alignment: this._initialAlignment,
+            imageSource: this._initialImage,
+            imageType: this._initialImageType,
+            sizeMode: this._initialSizeMode,
+            pictureEditorModel: this,
+            editingFieldModel: editingFieldModel
+        };
+        this.painter = new Painter(this.$element.element, painterOptions, onResize);
+        this._disposables.push(this.painter);
+        this.actionsProvider = new PictureEditorActionProvider(this, (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {
+            getPositionTarget: () => {
+                return this._getPopupContent().find('.dx-picture-editing-toolbar').element;
+            }
+        }, (editingFieldModel.popupOptions || {})));
+        this._disposables.push(this.actionsProvider);
+        this._initActions(editingFieldModel.callbacks && editingFieldModel.callbacks.customizeActions);
+        this._addEvents();
+    }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('shadingEnabled', this.shadingEnabled)
@@ -15777,14 +15858,13 @@ _pictureEditorModel_decorate([
 
 
 
-
 external_ko_namespaceObject.bindingHandlers['dxPainter'] = {
     init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
         const options = valueAccessor();
-        external_jQuery_namespaceObject.fn.constructor(element).children().remove();
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).empty();
         const templateHtml = (0,external_DevExpress_Analytics_Utils_namespaceObject.getTemplate)('dx-painter');
-        const $element = external_jQuery_namespaceObject.fn.constructor(element).append(templateHtml);
-        const child = $element.children()[0];
+        const $element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).append(templateHtml);
+        const child = $element[0].children[0];
         const model = new Painter(child, options);
         options.setPainter(model);
         (0,external_DevExpress_Analytics_Internal_namespaceObject.addDisposeCallback)(element, function () {
@@ -15798,10 +15878,10 @@ external_ko_namespaceObject.bindingHandlers['dxPainter'] = {
 external_ko_namespaceObject.bindingHandlers['dxPictureEditor'] = {
     init: function (element, valueAccessor) {
         const viewModel = valueAccessor();
-        external_jQuery_namespaceObject.fn.constructor(element).children().remove();
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).empty();
         const templateHtml = (0,external_DevExpress_Analytics_Utils_namespaceObject.getTemplate)('dx-picture-editing');
-        const $element = external_jQuery_namespaceObject.fn.constructor(element).append(templateHtml);
-        const child = $element.children()[0];
+        const $element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).append(templateHtml);
+        const child = $element[0].children[0];
         const model = viewModel.getModel();
         const pictureEditorModel = new PictureEditorModel(model, child);
         model._setPictureEditor && model._setPictureEditor(pictureEditorModel);