devexpress-reporting 24.1.2-beta → 24.1.3

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.1.2-beta
-* Build date: May 14, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -217,6 +217,7 @@ var reporting_viewer_namespaceObject = {};
 __webpack_require__.r(reporting_viewer_namespaceObject);
 __webpack_require__.d(reporting_viewer_namespaceObject, {
   ActionId: () => (ActionId),
+  BreadcrumbsKeyboardHelper: () => (BreadcrumbsKeyboardHelper),
   DateRangeDialogElementWithHighlight: () => (DateRangeDialogElementWithHighlight),
   DateRangeDialogElementsKeyboardHelper: () => (DateRangeDialogElementsKeyboardHelper),
   DxReportParametersPanel: () => (DxReportParametersPanel),
@@ -886,7 +887,13 @@ class EventGenerator {
             return arg.dataSource;
         };
         previewClickEvent['callback'] = function previewClick(pageIndex, brick, defaultHandler) {
-            const arg = Object.assign(Object.assign({ PageIndex: pageIndex, Brick: brick, DefaultHandler: defaultHandler }, generateBrickMethods(() => brick)), { Handled: false });
+            const arg = {
+                PageIndex: pageIndex,
+                Brick: brick,
+                DefaultHandler: defaultHandler,
+                ...generateBrickMethods(() => brick),
+                Handled: false
+            };
             fireEvent(previewClickEvent.publicName, arg);
             return arg.Handled;
         };
@@ -911,7 +918,12 @@ class EventGenerator {
             });
         };
         editingFieldChangedEvent['callback'] = function editingFieldChanged(field, oldValue, newValue) {
-            const arg = Object.assign({ Field: field, OldValue: oldValue, NewValue: newValue }, generateBrickMethods(() => field.brick));
+            const arg = {
+                Field: field,
+                OldValue: oldValue,
+                NewValue: newValue,
+                ...generateBrickMethods(() => field.brick)
+            };
             fireEvent(editingFieldChangedEvent.publicName, arg);
             return arg.NewValue;
         };
@@ -969,7 +981,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.2';
+const version = '24.1.3';
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -1229,29 +1241,17 @@ const generateGuid = () => {
     };
     return getNewQuartet(2) + '-' + getNewQuartet(1) + '-' + getNewQuartet(1) + '-' + getNewQuartet(1) + '-' + getNewQuartet(3);
 };
-let commonBlur = HTMLElement.prototype.blur;
 const fullscreenEventsList = ['fullscreenchange', 'mozfullscreenchange', 'webkitfullscreenchange', 'MSFullscreenChange'];
 function createFullscreenComputed(element, parent) {
     const fullscreen = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false, (newVal) => toggleFullscreen(element, newVal));
     let func = () => {
         const isFullscreen = document.fullscreen || !!document['msFullscreenElement'] || !!document['webkitFullscreenElement'];
-        if (element['msRequestFullscreen']) {
-            HTMLElement.prototype.blur = isFullscreen ? function () {
-                try {
-                    commonBlur.apply(this);
-                }
-                catch (e) {
-                    document.body.blur();
-                }
-            } : commonBlur;
-        }
         fullscreen.notifySubscribers(isFullscreen);
     };
     addFullscreenListener(document, func);
     parent._disposables.push({
         dispose: () => {
             removeFullscreenListener(document, func);
-            commonBlur = null;
             func = null;
         }
     });
@@ -1296,7 +1296,6 @@ function exitFullscreen() {
     else if (document['webkitExitFullscreen'])
         document['webkitExitFullscreen']();
     else if (document['msExitFullscreen']) {
-        HTMLElement.prototype.blur = commonBlur;
         document['msExitFullscreen']();
     }
 }
@@ -1681,14 +1680,14 @@ const imageExportOptionsSerializationInfoBase = [
     {
         propertyName: 'format', modelName: '@Format', displayName: 'Format', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.Format', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), defaultVal: 'Png', from: external_DevExpress_Analytics_Utils_namespaceObject.fromEnum,
         valuesArray: [
-            { value: 'Bmp', displayValue: 'BMP' },
-            { value: 'Gif', displayValue: 'GIF' },
-            { value: 'Jpeg', displayValue: 'JPEG' },
             { value: 'Png', displayValue: 'PNG' },
+            { value: 'Jpeg', displayValue: 'JPEG' },
+            { value: 'Svg', displayValue: 'SVG' },
+            { value: 'Bmp', displayValue: 'BMP' },
             { value: 'Emf', displayValue: 'EMF' },
             { value: 'Wmf', displayValue: 'WMF' },
             { value: 'Tiff', displayValue: 'TIFF' },
-            { value: 'Svg', displayValue: 'SVG' }
+            { value: 'Gif', displayValue: 'GIF' },
         ]
     }
 ];
@@ -2275,7 +2274,7 @@ const external_ko_namespaceObject = ko;
 
 function getChartChildComponents(chartComponent, path, displayPath = '') {
     const result = [];
-    if (chartComponent === null || chartComponent === void 0 ? void 0 : chartComponent.getChildComponents) {
+    if (chartComponent?.getChildComponents) {
         const childComponents = chartComponent.getChildComponents();
         childComponents.forEach(childComponent => {
             if (!childComponent.component)
@@ -2743,7 +2742,7 @@ class TextEditingFieldViewModelBase extends EditingFieldBase {
             .getViewModel();
     }
     activateEditor(model, event, elementFocused = false) {
-        const eventTarget = event === null || event === void 0 ? void 0 : event.currentTarget;
+        const eventTarget = event?.currentTarget;
         if (!elementFocused) {
             setTimeout(() => {
                 focusTextElement(eventTarget);
@@ -2795,7 +2794,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
             }, 1);
         };
         const editor = EditingFieldExtensions.instance().editor(field.editorName());
-        const editorOptions = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, (editor === null || editor === void 0 ? void 0 : editor.options) || {});
+        const editorOptions = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, editor?.options || {});
         this.data = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)().createDefaultModel(this)
             .generateProperty('value', field._editorValue)
             .generateProperty('hideEditor', (shouldCommit) => this.hideEditor(shouldCommit))
@@ -2812,7 +2811,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
                 value: field._editorValue,
                 onValueChanged: (event) => {
                     if (!event.component[___isCancelFlag]) {
-                        (editorOptions === null || editorOptions === void 0 ? void 0 : editorOptions.onValueChanged) && (editorOptions === null || editorOptions === void 0 ? void 0 : editorOptions.onValueChanged(event));
+                        editorOptions?.onValueChanged && editorOptions?.onValueChanged(event);
                         this.field._editorValue = event.value;
                         this.data.options.value = event.value;
                     }
@@ -2883,8 +2882,8 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
         this.active = true;
         let elementFocused = false;
         const options = viewModel['options'];
-        if (options === null || options === void 0 ? void 0 : options.onEditorShown) {
-            elementFocused = options.onEditorShown(this.data, e === null || e === void 0 ? void 0 : e.currentTarget);
+        if (options?.onEditorShown) {
+            elementFocused = options.onEditorShown(this.data, e?.currentTarget);
         }
         super.activateEditor(viewModel, e, elementFocused);
     }
@@ -2893,7 +2892,7 @@ function focusTextElement(target) {
     const element = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(target).find('input:visible').element || (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(target).find('textarea:visible').element;
     if (!element)
         return;
-    element === null || element === void 0 ? void 0 : element.focus();
+    element?.focus();
     if (element['setSelectionRange']) {
         element['setSelectionRange'](element['value'].length, element['value'].length);
     }
@@ -2975,9 +2974,9 @@ class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase {
         const rowsCount = Object.keys(rowTops).length;
         const colsCount = cells.length / rowsCount;
         this.cells = this._createCellViewModels(cells);
-        CharacterCombEditingFieldViewModel.setText(this.cells, style['textAlignment'](), style.rtl(), field.getEditValue(), rowsCount, colsCount);
+        CharacterCombEditingFieldViewModel.setText(this.cells, external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.unwrap(style['textAlignment']), style.rtl(), field.getEditValue(), rowsCount, colsCount);
         this.addDisposable(this.field.events.on('editValueChanged', (args) => {
-            CharacterCombEditingFieldViewModel.setText(this.cells, style['textAlignment'](), style.rtl(), args.newValue, rowsCount, colsCount);
+            CharacterCombEditingFieldViewModel.setText(this.cells, external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.unwrap(style['textAlignment']), style.rtl(), args.newValue, rowsCount, colsCount);
         }));
     }
     _createCellViewModels(cells) {
@@ -3408,7 +3407,6 @@ var imageEditingField_decorate = (undefined && undefined.__decorate) || function
 
 class ImageEditingFieldViewModel extends EditingFieldBase {
     constructor(field, pageWidth, pageHeight, page, bounds) {
-        var _a;
         super(page);
         this.field = field;
         this.bounds = bounds;
@@ -3432,7 +3430,7 @@ class ImageEditingFieldViewModel extends EditingFieldBase {
         this.sizeMode = this.field.getEditValue().sizeMode;
         const editor = EditingFieldExtensions.instance().editor(field.editorName()) || EditingFieldExtensions.instance().editor('ImageAndSignature');
         const options = editor.options;
-        this.shadingEnabled = !!((_a = options.registrationOptions) === null || _a === void 0 ? void 0 : _a.shadingEnabled);
+        this.shadingEnabled = !!options.registrationOptions?.shadingEnabled;
         this.editMode = options.editMode;
         this._updateContainerStyle = () => {
             if (!this.bounds)
@@ -4122,15 +4120,19 @@ class MultiValueEditor extends external_DevExpress_Analytics_Widgets_namespaceOb
             .generateProperty('displayExpr', 'displayValue')
             .generateProperty('editorInputId', this.editorInputId)
             .generateProperty('getOptions', (options) => {
-            return Object.assign(Object.assign({}, this.getOptions(options)), { onValueChanged: (e) => {
+            return {
+                ...this.getOptions(options),
+                onValueChanged: (e) => {
                     currentValue.value = e.value;
-                }, onMultiTagPreparing: (args) => {
+                },
+                onMultiTagPreparing: (args) => {
                     const selectedItemsLength = args.selectedItems.length, totalCount = currentValue.items.length;
                     if (selectedItemsLength === totalCount) {
                         const stringFormat = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
                         args.text = (0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)(stringFormat, selectedItemsLength);
                     }
-                } });
+                }
+            };
         })
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
             .generateProperty('maxDisplayedTags', currentValue.maxDisplayedTags)
@@ -4725,8 +4727,8 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
         this._exportResultDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method)
-            .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); });
+            .then(response => this._exportResultDeferred?.resolve(response))
+            .catch(fail => this._exportResultDeferred?.fail(fail));
         this.preview.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Downloading the document...', 'WebDocumentViewer_DownloadingDocument');
         this._exportResultDeferred.done(response => {
             if (response.ok) {
@@ -4976,9 +4978,8 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         return _exportWindow;
     }
     dispose() {
-        var _a;
         super.dispose();
-        (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.reject();
+        this._exportResultDeferred?.reject();
         if (this._xhr)
             this._xhr.onreadystatechange = null;
         (this._timeouts || []).forEach(tic => clearTimeout(tic));
@@ -5216,6 +5217,7 @@ function createPreviewPageViewModel(base) {
         };
     })
         .generateProperty('editingFieldsKeyboardHelper', this.editingFieldsKeyboardHelper)
+        .generateProperty('unifier', this._unifier)
         .getViewModel();
 }
 function updatePreviewPageViewModel(args) {
@@ -5262,6 +5264,9 @@ function updatePreviewPageViewModel(args) {
     else if (args.propertyName === 'currentPageAriaLabelImgAlt') {
         viewModel.currentPageAriaLabelImgAlt = this.currentPageAriaLabelImgAlt;
     }
+    else if (args.propertyName === '_unifier') {
+        viewModel.unifier = this._unifier;
+    }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_page.js
@@ -5513,12 +5518,11 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         this.brickLoading = true;
     }
     dispose() {
-        var _a;
         super.dispose();
         this._isDisposed = true;
         this._editingFieldsSubscriptionDispose && this._editingFieldsSubscriptionDispose();
         this.reportPreview = null;
-        (_a = this.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.reject();
+        this.lastGetPageDeferred?.reject();
     }
     _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks) {
         if (!documentId || this.pageIndex === -1) {
@@ -5540,7 +5544,7 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         }
         this.actualResolution = newResolution;
         this._currentScaleFactor = zoom;
-        this.shouldSkipBrickLoading = shouldSkipBricks !== null && shouldSkipBricks !== void 0 ? shouldSkipBricks : false;
+        this.shouldSkipBrickLoading = shouldSkipBricks ?? false;
         this.imageSrc = HandlerUri() +
             '?actionKey=getPage&unifier=' + unifier +
             '&arg=' + encodeURIComponent(JSON.stringify(this._getCurrentPageRequest(documentId, shouldSkipBricks)));
@@ -5670,8 +5674,7 @@ class PageLoader {
         return this._preview.pages || [];
     }
     _getNextStartingIndex(currentIndex) {
-        var _a;
-        return (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > currentIndex && !page.imageSrc)) === null || _a === void 0 ? void 0 : _a.pageIndex;
+        return this.pages.find(page => page?.pageIndex > currentIndex && !page.imageSrc)?.pageIndex;
     }
     _getPagesToUpdate(startIndex, endIndex, currentPageIndex) {
         return this.pages.slice(startIndex, endIndex).filter(page => {
@@ -5691,7 +5694,7 @@ class PageLoader {
                 this.reset();
                 return;
             }
-            const promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
+            const promises = pendingPages.map(page => page.lastGetPageDeferred?.promise()).filter(x => !!x);
             external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred.when(promises).done(() => {
                 !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
@@ -5748,8 +5751,7 @@ class PreviewHandlersHelper {
             exportOperationIdDeferred.resolve(exportOperationId);
             let progress = 0;
             const doGetExportStatus = (operationId) => {
-                var _a;
-                if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))
+                if (!this._preview?.exportHandler)
                     return;
                 const promise = this._preview.exportHandler.getExportStatus(operationId);
                 promise.then((result) => {
@@ -5850,7 +5852,6 @@ class PreviewHandlersHelper {
         deferred.resolve({ requestAgain: false, completed: false });
     }
     processPages(pageCount, stopProcessingPredicate) {
-        var _a;
         const wereNoPagesAndNewOnesExist = this._preview.pageIndex === -1 && pageCount > 0;
         if (wereNoPagesAndNewOnesExist) {
             this._preview.pageIndex = 0;
@@ -5864,7 +5865,7 @@ class PreviewHandlersHelper {
                 if (!page || page.isEmpty) {
                     page = createNewPage(i);
                     const deleted = this._preview.pages.splice(i, 1, page);
-                    (_a = deleted[0]) === null || _a === void 0 ? void 0 : _a.dispose();
+                    deleted[0]?.dispose();
                 }
                 if (page.pageIndex === -1) {
                     page.pageIndex = i;
@@ -6154,12 +6155,11 @@ class SortingProcessor {
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/reportPreview.viewModel.js
 
 function createReportPreviewViewModel(base) {
-    var _a, _b;
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(base)
         .generateProperty('editingFieldsHighlighted', this.editingFieldsHighlighted)
         .generateProperty('rtlReport', this.rtlReport)
-        .generateProperty('currentPage', (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.getViewModel())
-        .generateProperty('progressBar', (_b = this.progressBar) === null || _b === void 0 ? void 0 : _b.getViewModel())
+        .generateProperty('currentPage', this.currentPage?.getViewModel())
+        .generateProperty('progressBar', this.progressBar?.getViewModel())
         .generateProperty('showMultipagePreview', this.showMultipagePreview)
         .generateProperty('previewVisible', this.previewVisible)
         .generateProperty('getSelectedContent', (mask) => this.getSelectedContent(mask))
@@ -6183,7 +6183,6 @@ function createReportPreviewViewModel(base) {
         .getViewModel();
 }
 function updateReportPreviewViewModel(args) {
-    var _a;
     const viewModel = this.getViewModel();
     if (args.propertyName === 'editingFieldsHighlighted') {
         viewModel.editingFieldsHighlighted = this.editingFieldsHighlighted;
@@ -6201,7 +6200,7 @@ function updateReportPreviewViewModel(args) {
         viewModel.previewVisible = this.previewVisible;
     }
     if (args.propertyName === 'currentPage') {
-        viewModel.currentPage = (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.getViewModel();
+        viewModel.currentPage = this.currentPage?.getViewModel();
     }
     if (args.propertyName === 'pages') {
         viewModel.pages = this._getPagesViewModels();
@@ -6211,6 +6210,62 @@ function updateReportPreviewViewModel(args) {
     }
 }
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_breadcrumbsKeyboardHelper.js
+
+class BreadcrumbsKeyboardHelper extends external_DevExpress_Analytics_Internal_namespaceObject.AccessibilityKeyboardHelperBase {
+    constructor(_breadcrumbsModel) {
+        super();
+        this._breadcrumbsModel = _breadcrumbsModel;
+        this.controlElementClassName = 'breadcrumb-item';
+        this.addDisposable(this._breadcrumbsModel.events.on('listItemsChanged', () => {
+            this._initialize();
+        }));
+    }
+    _initialize() {
+        this._initTimeout && clearTimeout(this._initTimeout);
+        this._initTimeout = setTimeout(() => {
+            this.initialize();
+        }, 1);
+    }
+    bindHandler(el) {
+        super.bindHandler(el);
+        this._initialize();
+    }
+    initialize() {
+        super.initialize();
+        this.setTabIndexes('-1');
+        if (this.controlElements && this.controlElements.length) {
+            this.controlElements[0].setTabIndex('0');
+        }
+    }
+    createControlElement(element, index) {
+        return new external_DevExpress_Analytics_Internal_namespaceObject.AccessibilityControlElementBase(element);
+    }
+    itemHandleEnterKey(e, index) {
+        if (this.controlElements && this.controlElements[index]) {
+            this.controlElements[index].element?.dispatchEvent(new Event('click'));
+            return true;
+        }
+        return false;
+    }
+    itemHandleDownArrowKey(e, index) {
+        this.setTabIndexes('-1');
+        this.setFocusToNext(index, true);
+        return true;
+    }
+    itemHandleLeftArrowKey(e, index) {
+        return this.itemHandleUpArrowKey(e, index);
+    }
+    itemHandleUpArrowKey(e, index) {
+        this.setTabIndexes('-1');
+        this.setFocusToPrevious(index, true);
+        return true;
+    }
+    itemHandleRightArrowKey(e, index) {
+        return this.itemHandleDownArrowKey(e, index);
+    }
+}
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewBreadcrumbs.js
 var _previewBreadcrumbs_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;
@@ -6220,6 +6275,7 @@ var _previewBreadcrumbs_decorate = (undefined && undefined.__decorate) || functi
 };
 
 
+
 class BreadcrumbItem extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     constructor(position, previewInitData, onItemClick) {
         super();
@@ -6301,11 +6357,10 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
                     return;
                 const getValue = (parameter) => parameter.value ? [...parameter.value] : parameter;
                 const searchForValue = (groupLayoutItem, parameterPath) => {
-                    var _a;
                     let parameterValue;
                     if (groupLayoutItem[parameterPath])
                         return getValue(groupLayoutItem[parameterPath]);
-                    (_a = groupLayoutItem.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
+                    groupLayoutItem.groupLayoutItems?.forEach(groupLayoutItem => {
                         const valueFound = searchForValue(groupLayoutItem, parameterPath);
                         if (valueFound)
                             parameterValue = valueFound;
@@ -6362,6 +6417,7 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
     }
     constructor() {
         super();
+        this.keyboardHelper = new BreadcrumbsKeyboardHelper(this);
         this.templateName = PreviewElements.Breadcrumb;
         this.listItems = [];
     }
@@ -6389,6 +6445,7 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
             .generateProperty('listItems', this.listItems.map(item => item.getViewModel()))
             .generateProperty('templateName', this.templateName)
             .generateProperty('onClick', this.onClick)
+            .generateProperty('keyboardHelper', this.keyboardHelper)
             .getViewModel();
         return viewModel;
     }
@@ -6463,7 +6520,7 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
         initializeDataPromise.then((previewInitialize) => {
             if (this._initializeDataPromise !== initializeDataPromise)
                 return;
-            (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize === null || previewInitialize === void 0 ? void 0 : previewInitialize._licenseOptions);
+            (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize?._licenseOptions);
             if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
                 this.reportId = previewInitialize.reportId;
                 this.reportUrl = previewInitialize.reportUrl;
@@ -6487,8 +6544,7 @@ class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_names
         MessageHandler().processError(error, showForUser, serverError && prefix, this._getToastMessageContainer());
     }
     _getToastMessageContainer() {
-        var _a;
-        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('dx-designer-viewport')[0];
+        return this.element?.getElementsByClassName('dx-designer-viewport')[0];
     }
 }
 reportHolder_decorate([
@@ -6567,27 +6623,25 @@ class ReportPreview extends ReportHolder {
     }
     removePage(page) {
         const deletedPage = this.pages.splice(this.pages.indexOf(page), 1)[0];
-        deletedPage === null || deletedPage === void 0 ? void 0 : deletedPage.dispose();
+        deletedPage?.dispose();
     }
     removeAllPages() {
         this.pages.forEach(x => x.dispose());
         this.pages = [];
     }
     removeEmptyPages(all) {
-        var _a;
         all && this.removeAllPages();
-        for (let idx = ((_a = this.pages) === null || _a === void 0 ? void 0 : _a.length) - 1; idx >= 0; idx--) {
+        for (let idx = this.pages?.length - 1; idx >= 0; idx--) {
             const tempPage = this.pages[idx];
             (tempPage.isEmpty || tempPage.pageIndex === -1) && this.removePage(tempPage);
         }
     }
     _initialize(closeDocument = true) {
-        var _a, _b, _c;
         this._drillDownState = [];
         this._sortingState = [];
         this._initialDocumentData = null;
-        if (this.requestWrapper && ((_a = this.requestWrapper['_searchModel']) === null || _a === void 0 ? void 0 : _a.loading) && ((_b = this.requestWrapper['_searchModel']) === null || _b === void 0 ? void 0 : _b.useAsyncSearch))
-            (_c = this.requestWrapper['_searchModel']) === null || _c === void 0 ? void 0 : _c.stopSearchProcess();
+        if (this.requestWrapper && this.requestWrapper['_searchModel']?.loading && this.requestWrapper['_searchModel']?.useAsyncSearch)
+            this.requestWrapper['_searchModel']?.stopSearchProcess();
         if (closeDocument)
             this.closeDocument();
         this._editingFields = [];
@@ -6747,7 +6801,7 @@ class ReportPreview extends ReportHolder {
         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._getPagesViewModels = () => this.pages?.map(x => x.getViewModel());
         this.canSwitchToDesigner = true;
         this.allowURLsWithJSContent = false;
         this.zoomStep = 0.05;
@@ -6758,7 +6812,7 @@ class ReportPreview extends ReportHolder {
         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._breadcrumb = breadcrumb ?? new BreadcrumbModel();
         this.exportHandler = new ExportHandler(exportSettings, this);
         if (callbacks) {
             this.customProcessBrickClick = callbacks.previewClick;
@@ -6868,10 +6922,9 @@ class ReportPreview extends ReportHolder {
         return promise;
     }
     _sortCustomParametersLookUpValues(reportParameterInfo) {
-        var _a;
         if (!reportParameterInfo || !reportParameterInfo.knownEnums)
             return;
-        (_a = reportParameterInfo.parameters) === null || _a === void 0 ? void 0 : _a.forEach((parameter) => {
+        reportParameterInfo.parameters?.forEach((parameter) => {
             if (!parameter.LookUpValues)
                 return;
             if (reportParameterInfo.knownEnums.some(x => x.enumType === parameter.TypeName)) {
@@ -6902,8 +6955,7 @@ class ReportPreview extends ReportHolder {
         this._deferreds.push(_initializeDeferred);
         _initializeDeferred.done(() => {
             initializeDataPromise.then((previewInitialize) => {
-                var _a;
-                (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize === null || previewInitialize === void 0 ? void 0 : previewInitialize._licenseOptions);
+                (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize?._licenseOptions);
                 this.reportOpening = false;
                 if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
                     const setReport = (previewInitialize, parameters, pageIndex) => {
@@ -6955,7 +7007,7 @@ class ReportPreview extends ReportHolder {
                         }
                     };
                     setReport(previewInitialize);
-                    this._breadcrumb.updateCurrentItem(previewInitialize, setReport, (_a = previewInitialize.documentData) === null || _a === void 0 ? void 0 : _a.displayName);
+                    this._breadcrumb.updateCurrentItem(previewInitialize, setReport, previewInitialize.documentData?.displayName);
                 }
                 else if (previewInitialize.startBuildFaultMessage) {
                     this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot create a document for the current report', 'ASPxReportsStringId.WebDocumentViewer_DocumentCreationError'), null, true, previewInitialize.startBuildFaultMessage);
@@ -7055,7 +7107,7 @@ class ReportPreview extends ReportHolder {
         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);
+            const firstPageRequest = (firstPage?.shouldSendRequest || !shouldRequestFirstPage) ? undefined : firstPage?._getCurrentPageRequest(documentId);
             this.requestWrapper.getBuildStatusRequest(documentId, ignorePredicate, isFirstRequest, firstPageRequest)
                 .then((response) => {
                 sessionDeferred.resolve(response);
@@ -7123,7 +7175,6 @@ class ReportPreview extends ReportHolder {
         const documentDataDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._deferreds.push(documentDataDeferred);
         documentDataDeferred.done((response) => {
-            var _a, _b;
             if (!response) {
                 return;
             }
@@ -7170,7 +7221,7 @@ class ReportPreview extends ReportHolder {
             this._sortingState = response.sortingState || [];
             const isMerged = this.reportId
                 ? response.canPerformContinuousExport === false
-                : (_b = !((_a = this._initialDocumentData) === null || _a === void 0 ? void 0 : _a.canPerformContinuousExport)) !== null && _b !== void 0 ? _b : true;
+                : !this._initialDocumentData?.canPerformContinuousExport ?? true;
             const deserializedExportOptions = this._deserializeExportOptions(response.exportOptions, isMerged);
             const customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };
             this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);
@@ -7287,7 +7338,6 @@ class ReportPreview extends ReportHolder {
         page._setPageImgSrc(this.documentId, this._unifier, zoom, this.documentBuilding);
     }
     goToPage(pageIndex, forcePageChanging, throttle) {
-        var _a;
         if (!forcePageChanging && this.pageIndex === pageIndex || this.pages.length === 0 || pageIndex < 0 || pageIndex >= this.pages.length) {
             return;
         }
@@ -7302,7 +7352,7 @@ class ReportPreview extends ReportHolder {
             });
             this._goToPageTimer = undefined;
         };
-        if (throttle && !((_a = this.pages[pageIndex]) === null || _a === void 0 ? void 0 : _a.imageSrc))
+        if (throttle && !this.pages[pageIndex]?.imageSrc)
             this._timeouts.push(this._goToPageTimer = setTimeout(() => updateActivePage(this.pageIndex), throttle));
         else
             updateActivePage(pageIndex);
@@ -7493,9 +7543,8 @@ 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();
+            args.oldValue?.dispose();
         }
     }
     dispose() {
@@ -7696,7 +7745,7 @@ class DocumentMapModel extends external_DevExpress_Analytics_Serializer_Native_n
             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(); },
+            onItemsVisibilityChanged: () => this.tabInfo?.keyboardHelper?.initialize(),
             setSelectedPathChangedEvent: (callback) => {
                 this._selectedPathChangedEvent = callback;
                 return () => this._selectedPathChangedEvent = undefined;
@@ -7748,9 +7797,8 @@ class DocumentMapModel extends external_DevExpress_Analytics_Serializer_Native_n
         };
         this._disposables.push({
             dispose: reportPreview.events.on('documentMapChanged', (args) => {
-                var _a, _b;
                 this.treeListOptions = this.getTreeListModel(reportPreview.documentMap);
-                this.isEmpty = !(((_b = (_a = reportPreview.documentMap) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.length) > 0);
+                this.isEmpty = !(reportPreview.documentMap?.nodes?.length > 0);
             })
         });
         this._disposables.push({ dispose: () => delete reportPreview.brickClickDocumentMapHandler });
@@ -7917,7 +7965,7 @@ class FullScreenActionBase extends external_DevExpress_Analytics_Internal_namesp
         this.imageClassName = 'dxrd-image-fullscreen';
         this.imageTemplateName = this.getFullScreenImageTemplateName();
         this.selected = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(this.fullscreen);
-        this.addDisposable(fullscreen === null || fullscreen === void 0 ? void 0 : fullscreen.subscribe(() => {
+        this.addDisposable(fullscreen?.subscribe(() => {
             this.selected = this.fullscreen();
             this.imageTemplateName = this.getFullScreenImageTemplateName();
         }));
@@ -8034,16 +8082,8 @@ class PaginationAction extends NavigationAction {
             .generateProperty('displayExpr', this.displayExpr)
             .generateProperty('value', this.selectedItem)
             .generateProperty('searchEnabled', true)
-            .generateProperty('opened', false)
             .generateProperty('onValueChanged', (e) => {
             this.selectItem(e.value);
-        })
-            .generateProperty('onKeyUp', (e) => {
-            if (e.event.which !== 13)
-                return;
-            if (this._isPageChanged(e.component.option('text'))) {
-                selectBoxViewModel.widget.opened = false;
-            }
         })
             .generateProperty('searchMode', this.searchMode)
             .generateProperty('searchTimeout', this.searchTimeout)
@@ -8424,8 +8464,7 @@ class ExportOptionsEventHandlers {
         }
     }
     onItemRendered(e) {
-        var _a;
-        (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(e.itemElement).setAttribute('aria-label', (_a = e.itemData) === null || _a === void 0 ? void 0 : _a.text);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(e.itemElement).setAttribute('aria-label', e.itemData?.text);
     }
 }
 class ExportAction extends ExportActionBase {
@@ -8962,6 +9001,10 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
             viewModel.searchResultDataSource = this.searchResultDataSource;
         if (args.propertyName === 'loading')
             viewModel.loading = this.loading;
+        if (args.propertyName === 'matchCase')
+            viewModel.matchCaseEditor.value = this.matchCase;
+        if (args.propertyName === 'matchWholeWord')
+            viewModel.matchWholeWordEditor.value = this.matchWholeWord;
     }
     createViewModel() {
         const searchViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
@@ -9168,7 +9211,6 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         }
     }
     onPropertyChanged(args) {
-        var _a;
         if (args.propertyName === 'matchCase' || args.propertyName === 'matchWholeWord') {
             this.updateSearch(100);
         }
@@ -9181,7 +9223,7 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
                 if (this.searchResultDataSource.items().length < this.pageSize)
                     this.searchResultDataSource.reload();
             }
-            if ((_a = this.searchResult) === null || _a === void 0 ? void 0 : _a.length) {
+            if (this.searchResult?.length) {
                 this.searchResultPageCount = new Set((this.searchResult.map(result => result.pageIndex))).size;
                 this.searchResultCount = this.searchResult.length;
             }
@@ -9191,7 +9233,6 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         }
     }
     constructor(reportPreview, searchSettings, enableKeyboardSupport) {
-        var _a, _b;
         super();
         this.reportPreview = reportPreview;
         this._searchIgnoreObs = false;
@@ -9208,8 +9249,8 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         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;
+        this.useAsyncSearch = searchSettings?.useAsyncSearch ?? true;
+        const searchEnabled = searchSettings?.searchEnabled ?? true;
         if (!searchEnabled && SearchAvailable()) {
             SearchAvailable(false);
         }
@@ -9280,7 +9321,6 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         this.searchCompleted = false;
     }
     startSearchProcess() {
-        var _a;
         this.resetDeffereds();
         this.searchCompleted = false;
         this.searchResult = [];
@@ -9290,7 +9330,7 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
             this.newSearch(this.searchText, this.matchCase, this.matchWholeWord);
         }
         else {
-            (_a = this.reportPreview.currentPage) === null || _a === void 0 ? void 0 : _a.selectBrick('');
+            this.reportPreview.currentPage?.selectBrick('');
         }
     }
     searchButtonClick() {
@@ -9435,7 +9475,6 @@ class MobileSearchViewModel extends SearchViewModel {
         }
     }
     onPropertyChanged(args) {
-        var _a;
         super.onPropertyChanged(args);
         if (args.propertyName === 'searchResult') {
             const newResult = this.searchResult;
@@ -9446,8 +9485,8 @@ class MobileSearchViewModel extends SearchViewModel {
             else {
                 this.reportPreview.availablePages = newResult.map(x => x.pageIndex);
             }
-            const blocks = (_a = this.gallery) === null || _a === void 0 ? void 0 : _a.items[this.gallery.selectedIndex].blocks;
-            blocks === null || blocks === void 0 ? void 0 : blocks.forEach(block => {
+            const blocks = this.gallery?.items[this.gallery.selectedIndex].blocks;
+            blocks?.forEach(block => {
                 block.page && block.page.resetBrickRecusive(block.page.brick);
                 this._updateBricks(block.page, this.searchResult);
             });
@@ -9521,8 +9560,7 @@ class MobileSearchViewModel extends SearchViewModel {
     }
     updatePagesInBlocks(blocks) {
         blocks.forEach(block => {
-            var _a;
-            if (block.page && ((_a = this.searchResult) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            if (block.page && this.searchResult?.length > 0) {
                 this._updateBricks(block.page, this.searchResult);
             }
         });
@@ -9586,14 +9624,13 @@ class GalleryItemBlock extends external_DevExpress_Analytics_Serializer_Native_n
     deferredUpdateViewModel() { return false; }
     onPropertyChanged(args) { }
     createViewModel() {
-        var _a;
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('repaint', this.repaint)
             .generateProperty('classSet', this.classSet)
             .generateProperty('visible', this.visible)
             .generateProperty('position', this.position)
             .generateProperty('active', this.active)
-            .generateProperty('page', (_a = this.page) === null || _a === void 0 ? void 0 : _a.getViewModel())
+            .generateProperty('page', this.page?.getViewModel())
             .generateProperty('reportPreview', this.preview)
             .getViewModel();
     }
@@ -9630,13 +9667,12 @@ class GalleryItem extends external_DevExpress_Analytics_Serializer_Native_namesp
             .getViewModel();
     }
     updateViewModel(args) {
-        var _a, _b;
         const viewModel = this.getViewModel();
         if (args.propertyName === 'blocks') {
             const arrayArgs = args;
             if (arrayArgs.added || arrayArgs.removed) {
-                (_a = arrayArgs.added) === null || _a === void 0 ? void 0 : _a.forEach(change => viewModel.blocks.splice(change.index, 0, change.item.getViewModel()));
-                (_b = arrayArgs.removed) === null || _b === void 0 ? void 0 : _b.sort((a, b) => b.index - a.index).forEach(change => viewModel.blocks.splice(change.index, 1));
+                arrayArgs.added?.forEach(change => viewModel.blocks.splice(change.index, 0, change.item.getViewModel()));
+                arrayArgs.removed?.sort((a, b) => b.index - a.index).forEach(change => viewModel.blocks.splice(change.index, 1));
             }
             else {
                 viewModel.blocks = arrayArgs.newValue.map(x => x.getViewModel());
@@ -10165,7 +10201,7 @@ class MultiValuesHelper extends external_DevExpress_Analytics_Serializer_Native_
         let allValues;
         this.maxDisplayedTags = Math.min(((items && items.length) || 1) - 1, MultiValuesHelper.maxDisplayedTags);
         this.addDisposable(external_DevExpress_Analytics_Serializer_Native_namespaceObject.nativeMultiPlatformEngine.createComputedProperty(this, 'isSelectedAll', {
-            read: () => { var _a; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) == items.length; },
+            read: () => this.value?.length == items.length,
             write: (selectAll) => {
                 const newValue = selectAll ? (allValues || (allValues = items.map(x => x.value))) : [];
                 if (!(0,external_DevExpress_Analytics_Internal_namespaceObject.compareArrays)(this.value, newValue))
@@ -10233,7 +10269,7 @@ class ParameterHelper extends external_DevExpress_Analytics_Serializer_Native_na
     static getSerializationValue(value, dateConverter) {
         if (value instanceof Array) {
             return value.map((item) => {
-                const itemValue = (item === null || item === void 0 ? void 0 : item.value) ? external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.unwrap(item.value) : item;
+                const itemValue = item?.value ? external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.unwrap(item.value) : item;
                 return (itemValue instanceof Date) ? dateConverter(itemValue) : itemValue;
             });
         }
@@ -10694,7 +10730,10 @@ 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' });
+            const newArgs = {
+                ...args,
+                propertyName: 'getInfo'
+            };
             (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.updateViewModel)(this, args);
             this['events'] && this['events'].call('propertyChanged', newArgs);
         }
@@ -10868,13 +10907,12 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
         this._groupLayoutItems.forEach(item => item.initialize({}, parameters));
     }
     setParameterValueByPath(parameterPath, value) {
-        var _a;
         if (this[parameterPath] !== undefined) {
             this[parameterPath].value ? this[parameterPath].value = value
                 : this[parameterPath] = value;
         }
         else {
-            (_a = this.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
+            this.groupLayoutItems?.forEach(groupLayoutItem => {
                 groupLayoutItem.setParameterValueByPath(parameterPath, value);
             });
         }
@@ -11107,9 +11145,8 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
         });
         this._disposables.push({
             dispose: () => {
-                var _a;
                 clearTimeout(this._updateParametersTimeOut);
-                (_a = this.prevParametersStateRequest) === null || _a === void 0 ? void 0 : _a.reject();
+                this.prevParametersStateRequest?.reject();
             }
         });
         this.buttons = [{
@@ -11144,11 +11181,11 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
             this.addDisposable(external_DevExpress_Analytics_Serializer_Native_namespaceObject.nativeMultiPlatformEngine.createComputedProperty(model, 'selectAll', {
                 read: () => {
                     const value = x.value;
-                    return value === null || value === void 0 ? void 0 : value.isSelectedAll;
+                    return value?.isSelectedAll;
                 },
                 write: (newVal) => {
                     const value = x.value;
-                    if (value === null || value === void 0 ? void 0 : value.isSelectedAll) {
+                    if (value?.isSelectedAll) {
                         value.isSelectedAll = newVal;
                     }
                 }
@@ -11205,6 +11242,7 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
         }
         updateTopChangedParameter(changedParameterIndex, changedParameter, requiredParameterPaths);
         this.prevParametersStateRequest.reject();
+        clearTimeout(this._updateParametersTimeOut);
         const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._updateParametersTimeOut = setTimeout(() => {
             this.parametersLoading = true;
@@ -11350,7 +11388,6 @@ _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);
@@ -11377,11 +11414,11 @@ function getPreviewActionsMobile(options) {
     const exportToModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
         .generateProperty('visible', false)
         .generateProperty('items', getItems())
+        .generateProperty('hide', () => exportToModel.visible = false)
         .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);
+    disposables.push(exportToModel?._viewModelEvents?.on(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, args => {
+        const eventArgs = { ...args, propertyName: `mobileActions.exportTo.${args.propertyName}` };
+        options.designerModel.getViewModel()?._viewModelEvents.call(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, eventArgs);
     }));
     const searchAction = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
         clickAction: () => {
@@ -11464,7 +11501,10 @@ class PreviewDisposableModelBase extends external_DevExpress_Analytics_Serialize
             .generateProperty('rtl', this.rtl)
             .getViewModel();
         (0,external_DevExpress_Analytics_Internal_namespaceObject.appendStaticContextToRootViewModel)(viewModel, {
-            _static: Object.assign(Object.assign({}, external_DevExpress_Analytics_Internal_namespaceObject.staticContext._static), { formatSearchResult: formatSearchResult })
+            _static: {
+                ...external_DevExpress_Analytics_Internal_namespaceObject.staticContext._static,
+                formatSearchResult: formatSearchResult
+            }
         }, this.viewPortCss);
         return viewModel;
     }
@@ -11480,9 +11520,11 @@ class PreviewDisposableModelBase extends external_DevExpress_Analytics_Serialize
             .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}` });
+            const disposeCallback = part.viewModel._viewModelEvents?.on(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, args => {
+                const eventArgs = {
+                    ...args,
+                    propertyName: `parts.${part.id}.${args.propertyName}`
+                };
                 viewModelEventManager._viewModelEvents.call(external_DevExpress_Analytics_Serializer_Native_namespaceObject.ViewModelChangedEvent, eventArgs);
             });
             this._disposables.push({ dispose: disposeCallback });
@@ -11660,7 +11702,7 @@ function createDateRangeParemeterPopupViewModel(base) {
     const startButtonTextPlaceholder = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Start Date', 'AnalyticsCoreStringId.Mobile_DateRange_StartDate');
     const endButtonTextPlaceholder = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('End Date', 'AnalyticsCoreStringId.Mobile_DateRange_EndDate');
     const getButtonText = (val, placeholder) => val && this.getStringDate(val) || placeholder;
-    this.startButton = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(Object.assign({}, defaultButtonSettings))
+    this.startButton = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({ ...defaultButtonSettings })
         .generateProperty('text', getButtonText(this.model.startDate, startButtonTextPlaceholder))
         .generateProperty('focused', false)
         .generateProperty('onClick', () => {
@@ -11668,7 +11710,7 @@ function createDateRangeParemeterPopupViewModel(base) {
             this.endButton.focused = false;
     })
         .getViewModel();
-    this.endButton = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(Object.assign({}, defaultButtonSettings))
+    this.endButton = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({ ...defaultButtonSettings })
         .generateProperty('text', getButtonText(this.model.endDate, endButtonTextPlaceholder))
         .generateProperty('focused', true)
         .generateProperty('onClick', () => {
@@ -12128,11 +12170,10 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 
 
 function createStandaloneParametersPanel(bindingSettings) {
-    var _a;
     const bindingModel = bindingSettings.model;
     const previewWrapper = new PreviewRequestWrapper(null, bindingSettings.callbacks);
     const reportHolder = new ReportHolder(bindingModel.handlerUri, previewWrapper, bindingSettings.element);
-    const requestHelper = new PreviewParameterHelper((_a = bindingModel.parametersInfo) === null || _a === void 0 ? void 0 : _a.knownEnums, bindingSettings.callbacks);
+    const requestHelper = new PreviewParameterHelper(bindingModel.parametersInfo?.knownEnums, bindingSettings.callbacks);
     const parametersPanel = new ParametersPanelStandalone(reportHolder, requestHelper, bindingModel.accessibilityCompliant);
     previewWrapper.initialize(reportHolder, parametersPanel);
     const designerModel = new PreviewDisposableModelBase({
@@ -12150,7 +12191,7 @@ function createDesktopPreview(bindingSettings) {
     const callbacks = bindingSettings.callbacks;
     const bindingModel = bindingSettings.model;
     const bindingElement = bindingSettings.element;
-    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
+    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel?.searchSettings, enableKeyboardSupport);
     const documentMapModel = new DocumentMapModel(reportPreview);
     const parametersModel = new PreviewParametersPanelModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     const exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
@@ -12196,10 +12237,10 @@ function createDesktopPreview(bindingSettings) {
     const designerViewModel = designerModel.getViewModel();
     designerModel.parts = [
         { id: PreviewElements.Toolbar, templateName: PreviewElements.Toolbar, model: designerViewModel.toolBar, viewModel: designerViewModel.toolBar },
+        { id: PreviewElements.Breadcrumb, templateName: PreviewElements.Breadcrumb, model: designerViewModel.breadcrumb },
         { id: PreviewElements.Surface, templateName: PreviewElements.Surface, model: designerModel.reportPreview, viewModel: designerViewModel.reportPreview },
         { id: PreviewElements.RightPanel, templateName: PreviewElements.RightPanel, model: designerModel, viewModel: designerViewModel.tabPanel },
-        { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler, viewModel: designerViewModel.exportHandler },
-        { id: PreviewElements.Breadcrumb, templateName: PreviewElements.Breadcrumb, model: designerViewModel.breadcrumb }
+        { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler, viewModel: designerViewModel.exportHandler }
     ];
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
     const timers = [];
@@ -12241,7 +12282,6 @@ function createDesktopPreview(bindingSettings) {
     return designerModel;
 }
 function _createPreview(bindingSettings) {
-    var _a;
     const bindingModel = bindingSettings.model;
     bindingModel.previewVisible = bindingModel.previewVisible !== undefined ? bindingModel.previewVisible : true;
     bindingModel.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent !== undefined ? bindingModel.allowURLsWithJSContent : false;
@@ -12268,10 +12308,10 @@ function _createPreview(bindingSettings) {
             };
             const requestManagerInstance = external_DevExpress_Analytics_Utils_namespaceObject.requestManager.getInstance(requestManagerSetup);
             if ((0,external_DevExpress_Analytics_Utils_namespaceObject._isFetchConfigured)()) {
-                external_DevExpress_Analytics_Utils_namespaceObject.fetchSetup.fetchSettings.headers = Object.assign(Object.assign({}, external_DevExpress_Analytics_Utils_namespaceObject.fetchSetup.fetchSettings.headers), headers);
+                external_DevExpress_Analytics_Utils_namespaceObject.fetchSetup.fetchSettings.headers = { ...external_DevExpress_Analytics_Utils_namespaceObject.fetchSetup.fetchSettings.headers, ...headers };
             }
             else {
-                external_DevExpress_Analytics_Utils_namespaceObject.ajaxSetup.ajaxSettings.headers = Object.assign(Object.assign({}, external_DevExpress_Analytics_Utils_namespaceObject.ajaxSetup.ajaxSettings.headers), headers);
+                external_DevExpress_Analytics_Utils_namespaceObject.ajaxSetup.ajaxSettings.headers = { ...external_DevExpress_Analytics_Utils_namespaceObject.ajaxSetup.ajaxSettings.headers, ...headers };
             }
         }
     }
@@ -12283,7 +12323,7 @@ function _createPreview(bindingSettings) {
         designerModel = createDesktopPreview(bindingSettings);
     }
     if (bindingSettings.element && bindingSettings.applyBindings && !designerModel.reportPreview.canSwitchToDesigner) {
-        ((_a = bindingSettings.callbacks) === null || _a === void 0 ? void 0 : _a.beforeRender) && bindingSettings.callbacks.beforeRender(designerModel);
+        bindingSettings.callbacks?.beforeRender && bindingSettings.callbacks.beforeRender(designerModel);
         (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(bindingSettings.element).empty();
         external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.applyBindings(designerModel.getViewModel(), bindingSettings.element);
     }
@@ -12474,8 +12514,7 @@ external_ko_namespaceObject.bindingHandlers[dxReportViewerBindingName] = {
 
 class JSReportParametersPanel extends JSReportViewerBase {
     SerializeParametersState() {
-        var _a;
-        const parametersModelState = (_a = this.GetParametersModel()) === null || _a === void 0 ? void 0 : _a.serializeParameters();
+        const parametersModelState = this.GetParametersModel()?.serializeParameters();
         return JSON.stringify(parametersModelState);
     }
 }
@@ -12549,7 +12588,7 @@ class DateRangeDialogElementWithHighlight extends external_DevExpress_Analytics_
         this.elementClassName = '.dx-calendar-views-wrapper';
         this.dateRangeItemHandleFocus = () => {
             const target = this._getTargetElement();
-            target === null || target === void 0 ? void 0 : target.focus();
+            target?.focus();
             if (!this._parentElement.classList.contains(this._borderCssClassName[1]))
                 this._parentElement.classList.add(...this._borderCssClassName);
         };
@@ -12667,6 +12706,8 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 
 
 
+
+
 
 
 
@@ -13525,7 +13566,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\', 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)('dxMenu: { elementAttr: { 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 { 'elementAttr': { '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 }; } }; });
@@ -13583,7 +13624,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: model.showButtons', function ($context, $element) { return { 'visible': function () { return $context.$data.model.showButtons; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxLoadIndicator: { visible: model.parametersLoading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.model.parametersLoading }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: $data', function ($context, $element) { return { 'dxButton': function () { return $context.$data; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true, onKeyUp: widget.onKeyUp, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'opened': $context.$data.widget.opened, 'displayExpr': $context.$data.widget.displayExpr, 'useItemTextAsTitle': true, 'onKeyUp': $context.$data.widget.onKeyUp, 'itemTemplate': $context.$data.widget.itemTemplate, 'searchMode': $context.$data.widget.searchMode, 'searchEnabled': $context.$data.widget.searchEnabled, 'searchTimeout': $context.$data.widget.searchTimeout, 'disabled': $context.$data.widget.disabled, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'wrapperAttr': $context.$data.widget.wrapperAttr }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, useItemTextAsTitle: true, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'displayExpr': $context.$data.widget.displayExpr, 'useItemTextAsTitle': true, 'itemTemplate': $context.$data.widget.itemTemplate, 'searchMode': $context.$data.widget.searchMode, 'searchEnabled': $context.$data.widget.searchEnabled, 'searchTimeout': $context.$data.widget.searchTimeout, 'disabled': $context.$data.widget.disabled, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'wrapperAttr': $context.$data.widget.wrapperAttr }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap'); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('treelist: treeListOptions', function ($context, $element) { return { 'treelist': function () { return $context.$data.treeListOptions; } }; });
@@ -13718,18 +13759,18 @@ 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\', 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-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: { elementAttr: { 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>',
     'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }"> <!-- ko if: popupData.showContent --> <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
     'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> </div>',
     'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
-    'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="breadcrumbs-wrapper"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="breadcrump-link breadcrumb-item dxd-text-accented" data-bind="click: function(s, e) { $parent.onClick($data.position); }"> <span data-bind="text: $data.displayText"></span> </a> <span class="breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="breadcrumb-item dxd-text-primary"> <span data-bind="text: $data.displayText"></span> </div> <!-- /ko --> <!-- /ko --></div><!-- /ko -->',
+    'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="breadcrumbs-wrapper" data-bind="dxMutationObserver: keyboardHelper" aria-label="Breadcrumbs" role="navigation"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="breadcrump-link breadcrumb-item dxd-text-accented dx-accessibility-border-accented" data-bind="click: function(s, e) { $parent.onClick($data.position); }"> <span data-bind="text: $data.displayText"></span> </a> <span class="breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="breadcrumb-item dxd-text-primary dx-accessibility-border-accented" aria-current="location"> <span data-bind="text: $data.displayText"></span> </div> <!-- /ko --> <!-- /ko --></div><!-- /ko -->',
     'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active && visible, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model.getViewModel() --> <div class="dxrd-preview-search-tab-header"> <span class="dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary" data-bind="text: headerText"></span> <div class="dxrd-preview-search-tab-editor-button-container"> <div class="dxrd-preview-search-editor dx-searcheditor" data-bind="dxTextBox: searchEditor"></div> <div data-bind="dxButton: buttons.searchButton" class="dxrd-preview-search-button"></div> </div> <div class="dxrd-preview-search-tab-header-text"> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: matchCaseEditor"></div> <div class="dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second" data-bind="dxCheckBox: matchWholeWordEditor"></div> </div> </div> <!-- ko if: (searchResultCount > 0 || loading) --> <div class="dxrd-preview-search-result-wrapper"> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div class = "dxrd-preview-search-results dxrd-preview-search-result-text" data-bind="attr: { id: searchResultHeaderId, \'aria-busy\': loading ? \'true\' : \'false\' }"> <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultCount"></span>&nbsp <span data-bind="text: resultsInText"></span>&nbsp <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultPageCount"></span>&nbsp <span data-bind="text: resultsPagesText"></span> </div> <div class="dxrd-preview-search-results-navigation"> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: loading }"></div> <div data-bind="dxButton: buttons.upButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> <div data-bind="dxButton: buttons.downButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> </div> </div> </div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true }, attr: { \'aria-labelledby\': searchResultHeaderId }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: data, action: itemClickAction }, attr: attr" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: info"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: (searchCompleted && searchResultCount == 0) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div data-bind="text: noResultText" class = "dxrd-preview-search-result-text"> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }"></div> </div>',
     'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
-    'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true, onKeyUp: widget.onKeyUp, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
+    'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, useItemTextAsTitle: true, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-preview-document-map': '<div class="dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-display-inline-block" data-bind="text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')"></div> </div> <!-- ko if: model --> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper"> <div role="tree" id="documentMapTree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-report-preview': '<div class="dxrd-preview dxrd-designer-wrapper dxd-scrollbar-color dxd-surface-back-color" data-bind="visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \'dx-rtl\' : $data.rtl, \'dx-ltr\': !$data.rtl } ]"> <!-- ko foreach: parts --> <!-- ko template: { name: templateName, data: viewModel || model }--> <!-- /ko --> <!-- /ko --> </div>',
     'dxrdp-surface': '<div class="dxrd-preview-wrapper" data-bind="textCopier, css: { \'dx-rtl\': rtlReport, \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted } "> <!-- ko with: progressBar --> <!-- ko template: \'dxrd-preview-progress-bar\'--> <!-- /ko --> <!-- /ko --> <div class="dxrd-preview-surface" data-bind="dxMutationObserver: previewBrickKeyboardHelper"> <!-- ko if: !showMultipagePreview --> <div class="dxrd-report-preview-holder" role="tablist"> <!-- ko with: currentPage --> <!-- ko if: pageLoading || (!pageLoading && displayImageSrc) --> <div role="tab" class="dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented" data-bind="autoFit: autoFitOptions, styleunit: { width: width, height: height }"> <!-- ko template: { name: \'dxrd-preview-page\', afterRender: function() { delayedInit() } }--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: showMultipagePreview && !!currentPage --> <div class="dxrd-report-preview-holder" role="list" data-bind="lazyImages: lazyImagesOptions"> <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  --> <!-- ko lazy: { if: pageLoading || (!pageLoading && displayImageSrc) } --> <div role="listitem" class="dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented" data-bind="styleunit: { \'width\': width, \'height\': height }, toView: { setPageActiveChangedEvent: setPageActiveChangedEvent }, css : { \'dxrd-report-preview-active\': active }"> <!-- ko template: \'dxrd-preview-page\'--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div data-bind="css: { \'dxrd-visually-hidden\': !!currentPage }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption"></div> </div> </div> </div> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div id="clipboard-container" class="dxrd-position-absolute dxrd-top--100px"><textarea disabled data-bind="attr: { \'aria-label\': $root.getLocalization(\'Clipboard\', \'ASPxReportsStringId.WebDocumentViewer_AriaClipboard\') }" id="clipboard"></textarea></div>',
@@ -13838,7 +13879,7 @@ function initializeLazyImagesBinding(element, options) {
                 const previewPage = element.children[i], rect = previewPage.getBoundingClientRect(), pageTop = rect.top;
                 if (visibleArea > pageTop && pageTop >= 0 || pageTop < 0 && pageTop + rect.height > -100) {
                     const previewPageModel = options.getPage(i);
-                    if ((previewPageModel === null || previewPageModel === void 0 ? void 0 : previewPageModel.isClientVisible) === false) {
+                    if (previewPageModel?.isClientVisible === false) {
                         options.setPageVisibility(previewPageModel.getViewModel(), true);
                     }
                 }
@@ -14027,6 +14068,7 @@ var external_DevExpress_registerComponent_default = /*#__PURE__*/__webpack_requi
 class dxGalleryExtender {
     constructor(_gallery) {
         this._gallery = _gallery;
+        this._disposableCallbacks = [];
     }
     extend(element) {
         this
@@ -14044,6 +14086,10 @@ class dxGalleryExtender {
             ._extend_endSwipe();
         this._gallery.repaint();
     }
+    dispose() {
+        this._disposableCallbacks.forEach(x => x && x());
+        this._disposableCallbacks = [];
+    }
     _extendCtor(element) {
         this._gallery._animationClassName = 'dxrdp-gallery-item-animation';
         this._gallery.currentBlockItem = null;
@@ -14069,9 +14115,8 @@ class dxGalleryExtender {
                 this._gallery.repaint();
             }
         });
-        (0,external_DevExpress_Analytics_Internal_namespaceObject.addDisposeCallback)(element, () => {
-            subscriptionDispose();
-        });
+        this._disposableCallbacks.push(subscriptionDispose);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.addDisposeCallback)(element, () => this.dispose());
         return this;
     }
     _extendRepaint() {
@@ -14753,16 +14798,28 @@ function createDateRangeEditorViewModel(baseViewModel) {
             date >= new Date(_start.setHours(0, 0, 0, 0));
     };
     const createPredefinedItemsViewModel = () => predefinedDateRanges.map(x => {
-        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(Object.assign(Object.assign({}, x), { click: () => this.applyDate(x.range(), true) }))
+        return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
+            ...x,
+            click: () => this.applyDate(x.range(), true)
+        })
             .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 = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)($element), scrollViewOptions: {
+    const viewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
+        ...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,
             onInitialized: function (e) { e.component.option('useKeyboard', false); }
-        }, _editorInputId: this._editorInputId, _displayName: this._displayName }))
+        },
+        _editorInputId: this._editorInputId,
+        _displayName: this._displayName
+    })
         .generateProperty('getPopupSettings', () => {
         if (!popupSettings) {
             popupSettings = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
@@ -14838,14 +14895,19 @@ var dateRangeEditor_decorate = (undefined && undefined.__decorate) || function (
 
 
 function createDateRangeEditor(_options, element, model) {
-    const editor = model instanceof external_DevExpress_Analytics_Widgets_namespaceObject.Editor ? model : model === null || model === void 0 ? void 0 : model.getModel();
-    const rangeEditorOptions = Object.assign(Object.assign({}, _options), { displayName: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model === null || model === void 0 ? void 0 : model.displayName), value: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_options.value), onValueChanged: (e) => {
+    const editor = model instanceof external_DevExpress_Analytics_Widgets_namespaceObject.Editor ? model : model?.getModel();
+    const rangeEditorOptions = {
+        ..._options,
+        displayName: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.displayName),
+        value: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_options.value),
+        onValueChanged: (e) => {
             if (external_DevExpress_Analytics_Internal_namespaceObject.koUtils.isSubscribable(_options.value))
                 _options.value(e.value);
             else
                 editor._set('value', e.value);
-        } });
-    const rangeEditor = new DateRangeEditor(rangeEditorOptions, model === null || model === void 0 ? void 0 : model.editorInputId, model === null || model === void 0 ? void 0 : model.visibilityChanged);
+        }
+    };
+    const rangeEditor = new DateRangeEditor(rangeEditorOptions, model?.editorInputId, model?.visibilityChanged);
     if (external_DevExpress_Analytics_Internal_namespaceObject.koUtils.isSubscribable(_options.value))
         rangeEditor.addDisposable(_options.value.subscribe((newVal) => rangeEditor.applyDate(newVal)));
     else if (editor) {
@@ -15071,7 +15133,7 @@ class ImagePainter {
             height: context.canvas.height
         };
         return this._drawImage(this.image(), context, scale, contentSize)
-            .catch((error) => { (error === null || error === void 0 ? void 0 : error.message) && console.warn(error.message); });
+            .catch((error) => { error?.message && console.warn(error.message); });
     }
 }