devexpress-reporting 23.2.4-build-2419-1220 → 23.2.4

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  23.2.4-build-2419-1220
-* Build date: Jan 19, 2024
+* Version:  23.2.4
+* Build date: Jan 29, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -264,6 +264,7 @@ __webpack_require__.d(reporting_viewer_export_namespaceObject, {
   CsvExportOptionsPreview: () => (CsvExportOptionsPreview),
   DocxExportOptionsMergedPreview: () => (DocxExportOptionsMergedPreview),
   DocxExportOptionsPreview: () => (DocxExportOptionsPreview),
+  ExportAction: () => (ExportAction),
   ExportOptionsEventHandlers: () => (ExportOptionsEventHandlers),
   ExportOptionsMergedPreview: () => (ExportOptionsMergedPreview),
   ExportOptionsModel: () => (ExportOptionsModel),
@@ -332,8 +333,10 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   DocumentMapItemsProvider: () => (DocumentMapItemsProvider),
   DocumentMapModel: () => (DocumentMapModel),
   DocumentMapTreeListController: () => (DocumentMapTreeListController),
+  ExportActionBase: () => (ExportActionBase),
   ExportHandler: () => (ExportHandler),
   ExportResultRequestData: () => (ExportResultRequestData),
+  FullScreenActionBase: () => (FullScreenActionBase),
   PageLoader: () => (PageLoader),
   PreviewActions: () => (PreviewActions),
   PreviewDesignerActions: () => (PreviewDesignerActions),
@@ -347,6 +350,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   SearchResultNavigator: () => (SearchResultNavigator),
   SearchViewModel: () => (SearchViewModel),
   SortingProcessor: () => (SortingProcessor),
+  ViewerAction: () => (ViewerAction),
   brickText: () => (brickText),
   convertToPercent: () => (convertToPercent),
   createDesktopPreview: () => (createDesktopPreview),
@@ -470,8 +474,8 @@ __webpack_require__.r(reporting_viewer_widgets_namespaceObject);
 __webpack_require__.d(reporting_viewer_widgets_namespaceObject, {
   DateRangeEditor: () => (DateRangeEditor),
   PictureEditMode: () => (PictureEditMode),
+  createDateRangeEditor: () => (createDateRangeEditor),
   createDateRangeEditorViewModel: () => (createDateRangeEditorViewModel),
-  koWrapDateRangeEditor: () => (koWrapDateRangeEditor),
   predefinedDateRanges: () => (predefinedDateRanges),
   predefinedDateRangesModel: () => (predefinedDateRangesModel),
   viewerEditorTemplates: () => (viewerEditorTemplates)
@@ -935,7 +939,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 = '23.2.3';
+const version = '23.2.4';
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -7692,7 +7696,560 @@ _documentMapModel_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
 ], DocumentMapModel.prototype, "isEmpty", void 0);
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_actions.js
+var _actions_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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+class PreviewDesignerActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+    constructor(reportPreview, fullscreen) {
+        super();
+        this.actions = [];
+        const designAction = {
+            id: ActionId.Design,
+            text: 'Design',
+            displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ASPxReportsStringId.ToolBarItemText_Design'),
+            imageClassName: 'dxrd-image-design',
+            imageTemplateName: 'dxrd-svg-preview-report_designer',
+            templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
+            visible: reportPreview.canSwitchToDesigner,
+            hotKey: { ctrlKey: true, keyCode: 68 },
+            clickAction: () => {
+                reportPreview.previewVisible = false;
+                reportPreview.deactivate();
+            }
+        };
+        designAction.contentData = {
+            items: [
+                { itemData: designAction, active: false },
+                { getDisplayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'), active: true }
+            ]
+        };
+        this.actions.push(designAction);
+        this.actions.push(new FullScreenViewerAction(reportPreview, fullscreen));
+    }
+    dispose() {
+        super.dispose();
+        this.removeProperties();
+    }
+    getActions(context) {
+        return this.actions;
+    }
+}
+class ActionLists extends external_DevExpress_Analytics_Internal_namespaceObject.ActionListsBase {
+    constructor(reportPreview, globalActionProviders, customizeActions, enabled) {
+        super(enabled);
+        this.updateToolbarItems = () => {
+            const globalActions = [];
+            this.globalActionProviders.forEach((actionProvider) => {
+                globalActions.push.apply(globalActions, actionProvider.getActions(reportPreview));
+            });
+            customizeActions && customizeActions(globalActions);
+            this.toolbarItems = globalActions;
+        };
+        this.globalActionProviders = globalActionProviders;
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'globalActionProviders')
+            this.updateToolbarItems();
+    }
+    processShortcut(actions, e) {
+        if (this.shouldIgnoreProcessing(e))
+            return;
+        super.processShortcut(actions, e);
+    }
+    dispose() {
+        super.dispose();
+        this.globalActionProviders = [];
+        this.removeProperties();
+    }
+}
+_actions_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
+], ActionLists.prototype, "globalActionProviders", void 0);
+class PreviewActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+    constructor(reportPreview) {
+        super();
+        this.actions = [];
+        const actions = [
+            new FirstPageAction(reportPreview),
+            new PreviousPageAction(reportPreview),
+            new PaginationAction(reportPreview),
+            new NextPageAction(reportPreview),
+            new LastPageAction(reportPreview),
+            new MultipageModeAction(reportPreview),
+            new ZoomOutAction(reportPreview),
+            new ZoomAction(reportPreview),
+            new ZoomInAction(reportPreview),
+            new HighlightingAction(reportPreview),
+            new PrintAction(reportPreview),
+            new PrintPageAction(reportPreview),
+        ];
+        this.addDisposable(...actions);
+        this.actions.push(...actions);
+    }
+    wrapDisposable(object) {
+        this.addDisposable(object);
+        return object;
+    }
+    dispose() {
+        super.dispose();
+        this.removeProperties();
+    }
+    getActions(context) {
+        return this.actions;
+    }
+}
+class ViewerAction extends external_DevExpress_Analytics_Internal_namespaceObject.BaseAction {
+    constructor(reportPreview, visibilityDependencies = [], disabilityDependencies = [], model) {
+        super(model);
+        this.reportPreview = reportPreview;
+        this.visible = this.isVisible();
+        this.disabled = this.isDisabled();
+        visibilityDependencies.forEach(dependency => {
+            this.addDisposable(this.reportPreview.events.on(`${dependency}Changed`, () => {
+                this.visible = this.isVisible();
+            }));
+        });
+        disabilityDependencies.forEach(dependency => {
+            this.addDisposable(this.reportPreview.events.on(`${dependency}Changed`, () => {
+                this.disabled = this.isDisabled();
+            }));
+        });
+    }
+}
+class FullScreenActionBase extends external_DevExpress_Analytics_Internal_namespaceObject.BaseAction {
+    constructor(fullscreen, model) {
+        super(model);
+        this.fullscreen = fullscreen;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Full Screen', 'ASPxReportsStringId.ToolBarItemText_FullScreen');
+        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.selected = this.fullscreen();
+            this.imageTemplateName = this.getFullScreenImageTemplateName();
+        }));
+        this.clickAction = () => {
+            fullscreen(!fullscreen());
+        };
+    }
+    getFullScreenImageTemplateName() { return external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(this.fullscreen) ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen'; }
+}
+class FullScreenViewerAction extends FullScreenActionBase {
+    constructor(reportPreview, fullscreen) {
+        super(fullscreen);
+        this.id = ActionId.FullScreen;
+        this.visible = !reportPreview.canSwitchToDesigner;
+    }
+}
+class NavigationAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview, ['previewVisible'], ['pageIndex', 'pages']);
+    }
+    isVisible() {
+        return this.reportPreview.previewVisible;
+    }
+}
+class GoBackwardsAction extends NavigationAction {
+    isDisabled() {
+        return this.reportPreview.pageIndex < 1;
+    }
+}
+class FirstPageAction extends GoBackwardsAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.FirstPage;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('First Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_FirstPage');
+        this.imageClassName = 'dxrd-image-preview-first';
+        this.imageTemplateName = 'dxrd-svg-preview-first_page';
+        this.hotKey = { ctrlKey: true, keyCode: 37 };
+        this.clickAction = () => {
+            if (reportPreview.pageIndex > 0) {
+                reportPreview.goToPage(0);
+            }
+        };
+    }
+}
+class PreviousPageAction extends GoBackwardsAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.PrevPage;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Previous Page', 'ASPxReportsStringId.ToolBarItemText_PreviousPage');
+        this.imageClassName = 'dxrd-image-preview-prev';
+        this.imageTemplateName = 'dxrd-svg-preview-previous_page';
+        this.hotKey = { ctrlKey: false, keyCode: 37 };
+        this.clickAction = () => {
+            if (reportPreview.pageIndex >= 1) {
+                reportPreview.goToPage(reportPreview.pageIndex - 1, false, 500);
+            }
+        };
+    }
+}
+class PaginationAction extends NavigationAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.Pagination;
+        this.text = 'Pagination';
+        this.selectedItem = this.getSelectedItem();
+        this.addDisposable(reportPreview.events.on('pageIndexChanged', (args) => {
+            this.selectedItem = this.getSelectedItem();
+        }));
+        this.pageItems = this.getPageItems();
+        this.addDisposable(reportPreview.events.on('pagesChanged', (args) => {
+            this.pageItems = this.getPageItems();
+            this.selectedItem = this.getSelectedItem();
+        }));
+        this._isPageChanged = (value) => {
+            let val = parseInt && parseInt(value);
+            if (!!val && val-- > 0 && val < reportPreview.pages.length) {
+                reportPreview.goToPage(val);
+                return true;
+            }
+            return false;
+        };
+        this.displayExpr = function (value) {
+            if (reportPreview.pageIndex !== -1 && value && reportPreview.pageIndex !== value.index) {
+                return value.text;
+            }
+            if (reportPreview.pageIndex === -1) {
+                return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('0 pages', 'ASPxReportsStringId.WebDocumentViewer_0Pages');
+            }
+            else {
+                const ofText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('of', 'ASPxReportsStringId.ToolBarItemText_OfLabel');
+                return (reportPreview.pageIndex + 1) + ' ' + ofText + ' ' + reportPreview.pages.length;
+            }
+        };
+        this.itemTemplate = function (value) { return value.text; };
+        this.searchMode = 'startswith';
+        this.searchTimeout = 10;
+        this.templateName = 'dxrd-preview-pager';
+    }
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        const selectBoxViewModel = this.getViewModel();
+        if (args.propertyName === 'pageItems')
+            selectBoxViewModel.widget.dataSource = args.newValue;
+        if (args.propertyName === 'selectedItem')
+            selectBoxViewModel.widget.value = args.newValue;
+    }
+    createViewModel(parent, index) {
+        const viewModel = super.createViewModel(parent, index);
+        const selectBoxViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
+            .generateProperty('templateName', this.templateName)
+            .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
+            .generateProperty('widget', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+            .generateProperty('dataSource', this.pageItems)
+            .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)
+            .generateProperty('itemTemplate', this.itemTemplate)
+            .generateProperty('dropDownOptions', {
+            wrapperAttr: {
+                'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox'),
+                'class': 'dx-page-selectbox-popup-wrapper'
+            }
+        })
+            .generateProperty('inputAttr', {
+            'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox')
+        })
+            .getViewModel())
+            .getViewModel();
+        return selectBoxViewModel;
+    }
+    selectItem(newValue) {
+        if (!!newValue && (newValue.index || newValue.index === 0)) {
+            this.reportPreview.goToPage(newValue.index);
+        }
+    }
+    getPageItems() {
+        const pageCount = this.reportPreview.pages.length;
+        if (pageCount === 0 || this.reportPreview.pageIndex === -1) {
+            return [];
+        }
+        const pagesArray = new Array();
+        for (let i = 0; i < pageCount;) {
+            pagesArray.push({ index: i, text: ++i });
+        }
+        return {
+            store: pagesArray,
+            paginate: pageCount > 200,
+            pageSize: 100
+        };
+    }
+    getSelectedItem() {
+        if (this.reportPreview.pageIndex < 0) {
+            return null;
+        }
+        const items = this.getPageItems();
+        return items && items.store && (items.store.length > this.reportPreview.pageIndex) && items.store[this.reportPreview.pageIndex];
+    }
+    isDisabled() {
+        return this.reportPreview.pages.length === 0 || this.reportPreview.pageIndex === -1;
+    }
+}
+_actions_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => null)
+], PaginationAction.prototype, "selectedItem", void 0);
+_actions_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => null)
+], PaginationAction.prototype, "pageItems", void 0);
+class GoForwardAction extends NavigationAction {
+    isDisabled() {
+        return this.reportPreview.pageIndex < 0 || this.reportPreview.pageIndex >= this.reportPreview.pages.length - 1;
+    }
+}
+class NextPageAction extends GoForwardAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.NextPage;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Next Page', 'ASPxReportsStringId.ToolBarItemText_NextPage');
+        this.imageClassName = 'dxrd-image-preview-next';
+        this.imageTemplateName = 'dxrd-svg-preview-next_page';
+        this.hotKey = { ctrlKey: false, keyCode: 39 };
+        this.clickAction = () => {
+            if (reportPreview.pageIndex < reportPreview.pages.length - 1) {
+                reportPreview.goToPage(reportPreview.pageIndex + 1, false, 500);
+            }
+        };
+    }
+}
+class LastPageAction extends GoForwardAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.LastPage;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Last Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_LastPage');
+        this.imageClassName = 'dxrd-image-preview-last';
+        this.imageTemplateName = 'dxrd-svg-preview-last_page';
+        this.hotKey = { ctrlKey: true, keyCode: 39 };
+        this.clickAction = () => {
+            if (reportPreview.pageIndex < reportPreview.pages.length - 1) {
+                reportPreview.goToPage(reportPreview.pages.length - 1);
+            }
+        };
+    }
+}
+class MultipageModeAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview, ['previewVisible']);
+        this.id = ActionId.MultipageToggle;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Toggle Multipage Mode', 'ASPxReportsStringId.WebDocumentViewer_ToggleMultipageMode');
+        this.imageClassName = this.getMultipageToggleImageClassName(reportPreview.showMultipagePreview);
+        this.imageTemplateName = this.getMultipageToggleImageTemplateName(reportPreview.showMultipagePreview);
+        this.hotKey = { ctrlKey: true, keyCode: 77 };
+        this.clickAction = () => {
+            const zoom = reportPreview.originalZoom;
+            reportPreview.showMultipagePreview = !reportPreview.showMultipagePreview;
+            reportPreview.zoom = zoom;
+        };
+        this.addDisposable(reportPreview.events.on('showMultipagePreviewChanged', (args) => {
+            this.imageClassName = this.getMultipageToggleImageClassName(reportPreview.showMultipagePreview);
+            this.imageTemplateName = this.getMultipageToggleImageTemplateName(reportPreview.showMultipagePreview);
+        }));
+        this.hasSeparator = true;
+    }
+    getMultipageToggleImageClassName(showMultipagePreview) {
+        return showMultipagePreview ? 'dxrd-image-preview-single-page' : 'dxrd-image-preview-multipage';
+    }
+    getMultipageToggleImageTemplateName(showMultipagePreview) {
+        return showMultipagePreview ? 'dxrd-svg-preview-single_page' : 'dxrd-svg-preview-multi_page_preview';
+    }
+    isVisible() {
+        return this.reportPreview.previewVisible;
+    }
+}
+class ZoomOutAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.ZoomOut;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom Out', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomOut');
+        this.imageClassName = 'dxrd-image-zoomout';
+        this.imageTemplateName = 'dxrd-svg-toolbar-zoomout';
+        this.hotKey = { ctrlKey: false, keyCode: 109 };
+        this.clickAction = () => {
+            const currentZoom = reportPreview.zoom;
+            const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
+            reportPreview.zoom = Math.max(zoomLevel - reportPreview.zoomStep, 0.1);
+        };
+        this.hasSeparator = true;
+    }
+}
+class ZoomAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.ZoomSelector;
+        this.hotKey = { ctrlKey: true, keyCode: 187 };
+        this.templateName = 'dxrd-zoom-autofit-select-template';
+        this.displayExpr = (val) => {
+            if (val === ZoomAutoBy.PageWidth) {
+                return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page Width', 'DevExpress.XtraReports.UI.XtraReport.PageWidth');
+            }
+            else if (Math.round(val * 100) === 0) {
+                return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Whole Page', 'PreviewStringId.MenuItem_ZoomWholePage');
+            }
+            else {
+                return Math.round((val || reportPreview.zoom) * 100) + '%';
+            }
+        },
+            this.onCustomItemCreating = (e) => { e.customItem = (0,external_DevExpress_Analytics_Internal_namespaceObject.parseZoom)(e.text); };
+        this.zoom = reportPreview.zoom;
+        this.addDisposable(reportPreview.events.on('zoomChanged', (args) => {
+            this.zoom = reportPreview.zoom;
+        }));
+        this.zoomLevels = this.getZoomLevels();
+        this.addDisposable(reportPreview.events.on('showMultipagePreviewChanged', (args) => {
+            this.zoomLevels = this.getZoomLevels();
+        }));
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'zoom') {
+            this.reportPreview.zoom = this.zoom;
+        }
+    }
+    createViewModel(parent, index) {
+        const viewModel = super.createViewModel(parent, index);
+        const selectBoxViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
+            .configureProperty('widget', (property) => {
+            property.inputAttr = {
+                'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox')
+            };
+        })
+            .getViewModel();
+        return selectBoxViewModel;
+    }
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        const selectBoxViewModel = this.getViewModel();
+        if (args.propertyName === 'zoomLevels')
+            selectBoxViewModel.widget.dataSource = args.newValue;
+        if (args.propertyName === 'zoom')
+            selectBoxViewModel.widget.value = args.newValue;
+    }
+    getZoomLevels() {
+        const items = this.reportPreview.predefinedZoomLevels.slice(0);
+        if (this.reportPreview.showMultipagePreview === false && items.indexOf(0) === -1) {
+            items.push(ZoomAutoBy.PageWidth);
+            items.push(ZoomAutoBy.WholePage);
+        }
+        return items;
+    }
+}
+_actions_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(0)
+], ZoomAction.prototype, "zoom", void 0);
+_actions_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
+], ZoomAction.prototype, "zoomLevels", void 0);
+class ZoomInAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.ZoomIn;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom In', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomIn');
+        this.imageClassName = 'dxrd-image-zoomin';
+        this.imageTemplateName = 'dxrd-svg-toolbar-zoomin';
+        this.hotKey = { ctrlKey: false, keyCode: 107 };
+        this.clickAction = () => {
+            const currentZoom = reportPreview.zoom;
+            const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
+            reportPreview.zoom = Math.min(zoomLevel + reportPreview.zoomStep, 10);
+        };
+    }
+}
+class HighlightingAction extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview, ['previewVisible'], ['_editingFields']);
+        this.id = ActionId.HighlightEditingFields;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Highlight Editing Fields', 'DevExpress.XtraPrinting.PrintingSystemCommand.HighlightEditingFields');
+        this.imageClassName = 'dxrp-image-hightlight-editing-fields';
+        this.imageTemplateName = 'dxrd-svg-toolbar-hightlightEditingFields';
+        EditablePreviewEnabled.subscribe(() => this.visible = this.isVisible());
+        this.selected = reportPreview.editingFieldsHighlighted;
+        this.addDisposable(reportPreview.events.on('editingFieldsHighlightedChanged', (args) => {
+            this.selected = args.newValue;
+        }));
+        this.hotKey = { ctrlKey: true, keyCode: 72 };
+        this.clickAction = () => {
+            reportPreview.editingFieldsHighlighted = !reportPreview.editingFieldsHighlighted;
+        },
+            this.hasSeparator = true;
+    }
+    isDisabled() {
+        return this.reportPreview.editingFieldsProvider().length < 1;
+    }
+    isVisible() {
+        return EditablePreviewEnabled() && this.reportPreview.previewVisible;
+    }
+}
+class ExportActionBase extends ViewerAction {
+    constructor(reportPreview) {
+        super(reportPreview, undefined, ['exportDisabled']);
+    }
+    isDisabled() {
+        return this.reportPreview.exportDisabled;
+    }
+}
+class PrintAction extends ExportActionBase {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.Print;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Print', 'ASPxReportsStringId.DocumentViewer_RibbonPrintGroupText');
+        this.imageClassName = 'dxrd-image-print';
+        this.imageTemplateName = 'dxrd-svg-preview-print';
+        this.hasSeparator = true;
+        this.hotKey = { ctrlKey: true, keyCode: 80 };
+        this.clickAction = () => {
+            if (reportPreview.exportDisabled) {
+                return;
+            }
+            reportPreview.printDocument();
+        };
+    }
+}
+class PrintPageAction extends ExportActionBase {
+    constructor(reportPreview) {
+        super(reportPreview);
+        this.id = ActionId.PrintPage;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Print Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_PrintPage');
+        this.imageClassName = 'dxrd-image-print-page';
+        this.imageTemplateName = 'dxrd-svg-preview-print_page';
+        this.clickAction = () => {
+            if (reportPreview.exportDisabled) {
+                return;
+            }
+            reportPreview.printDocument(reportPreview.pageIndex);
+        };
+    }
+}
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/exportOptions/exportOptionsModel.js
+var exportOptionsModel_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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
 
 
 
@@ -7701,8 +8258,6 @@ class ExportOptionsModel extends external_DevExpress_Analytics_Utils_namespaceOb
         super();
         this.actions = [];
         this._reportPreview = reportPreview;
-        let exportDisabledChanged = null;
-        let exportOptionsModelChanged = null;
         const getTabPanelVisible = () => !!reportPreview.exportOptionsModel && reportPreview.exportOptionsTabVisible !== false;
         const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
         const keyboardHelper = enableKeyboardSupport ? new external_DevExpress_Analytics_Internal_namespaceObject.PropertyGridKeyboardHelper(keyboardHelperViewModelAccessor) : undefined;
@@ -7721,53 +8276,13 @@ class ExportOptionsModel extends external_DevExpress_Analytics_Utils_namespaceOb
         this.addDisposable(reportPreview.events.on('exportOptionsModelChanged', (args) => {
             if (reportPreview.exportOptionsModel)
                 this.tabInfo.propertyGridModel = reportPreview.exportOptionsModel;
-            exportOptionsModelChanged && exportOptionsModelChanged();
             this.tabInfo.visible = getTabPanelVisible();
         }), reportPreview.events.on('exportOptionsTabVisibleChanged', (args) => {
             this.tabInfo.visible = getTabPanelVisible();
-        }), reportPreview.events.on('exportDisabledChanged', (args) => {
-            exportDisabledChanged && exportDisabledChanged(args.newValue);
         }));
-        const getExportItems = () => {
-            const result = this._getExportFormatItems();
-            return [{
-                    text: 'Export To',
-                    textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',
-                    imageClassName: 'dxrd-image-export-to',
-                    items: result,
-                    get imageTemplateName() {
-                        return actionExportTo.imageTemplateName;
-                    },
-                    set imageTemplateName(newVal) {
-                        actionExportTo.imageTemplateName = newVal;
-                    }
-                }];
-        };
-        const actionExportTo = {
-            id: ActionId.ExportTo,
-            text: 'Export To',
-            textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',
-            getDisabled: () => reportPreview.exportDisabled,
-            setDisabledChangedEvent: (callback) => {
-                exportDisabledChanged = callback;
-                return () => exportDisabledChanged = undefined;
-            },
-            visible: true,
-            items: getExportItems(),
-            setItemsChangedEvent: (callback) => {
-                exportOptionsModelChanged = () => callback(getExportItems());
-                return () => exportOptionsModelChanged = undefined;
-            },
-            clickAction: (model) => {
-                if (reportPreview.exportDisabled)
-                    return;
-                this._exportDocumentByFormat(model.itemData.format);
-            },
-            templateName: 'dxrd-preview-export-to',
-            imageTemplateName: 'dxrd-svg-preview-export-export-to',
-            eventHandlers: new ExportOptionsEventHandlers()
-        };
+        const actionExportTo = new ExportAction(reportPreview, this);
         this.actions.push(actionExportTo);
+        this.addDisposable(actionExportTo);
         this._disposables.push(this.tabInfo);
     }
     _getExportFormatItems() {
@@ -7826,6 +8341,79 @@ class ExportOptionsEventHandlers {
         (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(e.itemElement).setAttribute('aria-label', (_a = e.itemData) === null || _a === void 0 ? void 0 : _a.text);
     }
 }
+class ExportAction extends ExportActionBase {
+    constructor(reportPreview, model) {
+        super(reportPreview);
+        this.model = model;
+        this.id = ActionId.ExportTo;
+        this.text = 'Export To';
+        this.textId = 'ASPxReportsStringId.WebDocumentViewer_ExportToText';
+        this.items = this.getExportItems();
+        this.addDisposable(reportPreview.events.on('exportOptionsModelChanged', () => {
+            this.items = this.getExportItems();
+        }));
+        this.clickAction = (model) => {
+            if (reportPreview.exportDisabled)
+                return;
+            this.model._exportDocumentByFormat(model.itemData.format);
+        };
+        this.templateName = 'dxrd-preview-export-to';
+        this.imageTemplateName = 'dxrd-svg-preview-export-export-to';
+        this.eventHandlers = new ExportOptionsEventHandlers();
+    }
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        const selectBoxViewModel = this.getViewModel();
+        if (args.propertyName === 'items')
+            selectBoxViewModel.widget.items = args.newValue;
+    }
+    createViewModel(parent, index) {
+        const viewModel = super.createViewModel(parent, index);
+        const getItems = (items) => {
+            return items.map(x => ({
+                imageClassName: x.imageClassName,
+                imageTemplateName: x.imageTemplateName,
+                text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)(x.text, x.textId),
+                format: x.format,
+                items: x.items && getItems(x.items) || undefined
+            }));
+        };
+        const exportActionViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
+            .generateProperty('widget', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+            .generateProperty('items', getItems(this.items))
+            .generateProperty('onItemRendered', (e) => this.eventHandlers.onItemRendered(e))
+            .generateProperty('onSubmenuHiding', (e) => this.eventHandlers.onSubmenuHiding(e))
+            .generateProperty('onSubmenuShown', (e) => this.eventHandlers.onSubmenuShown(e))
+            .generateProperty('onSubmenuShowing', (container, element) => this.eventHandlers.onSubmenuShowing(container, element))
+            .getViewModel())
+            .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
+            .getViewModel();
+        return exportActionViewModel;
+    }
+    getExportItems() {
+        const items = this.model._getExportFormatItems();
+        const result = {
+            text: 'Export To',
+            textId: 'ASPxReportsStringId.WebDocumentViewer_ExportToText',
+            imageClassName: 'dxrd-image-export-to',
+            items: items
+        };
+        Object.defineProperty(result, 'imageTemplateName', {
+            enumerable: true,
+            configurable: true,
+            get: () => {
+                return this.imageTemplateName;
+            },
+            set: (newVal) => {
+                this.imageTemplateName = newVal;
+            }
+        });
+        return [result];
+    }
+}
+exportOptionsModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
+], ExportAction.prototype, "items", void 0);
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/mobile/internal/_mobilePage.js
 var _mobilePage_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8272,6 +8860,7 @@ var _searchViewModel_decorate = (undefined && undefined.__decorate) || function
 
 
 
+
 class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     constructor(reportPreview, searchSettings, enableKeyboardSupport) {
         var _a, _b;
@@ -8298,46 +8887,17 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         }
         this._resultNavigator = SearchViewModel.createResultNavigator(this, reportPreview);
         const getDisabled = () => reportPreview.documentBuilding || !reportPreview.documentId || reportPreview.pageIndex === -1;
-        let onDisabledChanged = null;
         this.addDisposable(reportPreview.events.on('documentIdChanged', (args) => {
             this.resetSearchResult();
             this.tabInfo.visible = tabInfoVisible();
-            onDisabledChanged && onDisabledChanged(getDisabled());
         }), reportPreview.events.on('pageIndexChanged', (args) => {
             this.tabInfo.visible = tabInfoVisible();
-            onDisabledChanged && onDisabledChanged(getDisabled());
         }), reportPreview.events.on('documentBuildingChanged', (args) => {
             this.tabInfo.visible = tabInfoVisible();
-            onDisabledChanged && onDisabledChanged(getDisabled());
         }), reportPreview.events.on('reportIdChanged', (args) => {
             this.resetSearchResult();
         }));
         const tabInfoVisible = () => !getDisabled() && SearchAvailable();
-        this.actions.push({
-            id: ActionId.Search,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Search', 'ASPxReportsStringId.SearchDialog_Header'),
-            imageClassName: 'dxrd-image-search',
-            imageTemplateName: 'dxrd-svg-preview-search',
-            getDisabled: () => getDisabled(),
-            setDisabledChangedEvent: (callback) => {
-                onDisabledChanged = callback;
-                return () => onDisabledChanged = undefined;
-            },
-            setVisibleChangedEvent: (callback) => {
-                const handler = () => callback(SearchAvailable());
-                const subscriptionDispose = SearchAvailable.subscribe(handler);
-                return () => {
-                    subscriptionDispose();
-                };
-            },
-            getVisible: () => SearchAvailable(),
-            hasSeparator: true,
-            hotKey: { ctrlKey: false, keyCode: 70 },
-            clickAction: () => {
-                this.tabInfo.active = true;
-                this.tabInfo.collapsed = false;
-            }
-        });
         this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
             text: 'Search',
             template: 'dxrd-preview-search',
@@ -8348,6 +8908,9 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
             imageTemplateName: 'dxrd-svg-preview-search',
             visible: tabInfoVisible()
         });
+        const searchAction = new SearchAction(this.tabInfo, reportPreview);
+        this.addDisposable(searchAction);
+        this.actions.push(searchAction);
         this.addDisposable(SearchAvailable.subscribe(() => {
             this.tabInfo.visible = tabInfoVisible();
         }));
@@ -8718,6 +9281,28 @@ _searchViewModel_decorate([
 _searchViewModel_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => new (external_DevExpress_data_DataSource_default())([]))
 ], SearchViewModel.prototype, "searchResultDataSource", void 0);
+class SearchAction extends ViewerAction {
+    constructor(tabInfo, reportPreview) {
+        super(reportPreview, undefined, ['documentId', 'pageIndex', 'documentBuilding']);
+        this.id = ActionId.Search;
+        this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Search', 'ASPxReportsStringId.SearchDialog_Header');
+        this.imageClassName = 'dxrd-image-search';
+        this.imageTemplateName = 'dxrd-svg-preview-search';
+        this.addDisposable(SearchAvailable.subscribe(() => this.visible = this.isVisible()));
+        this.hasSeparator = true;
+        this.hotKey = { ctrlKey: false, keyCode: 70 };
+        this.clickAction = () => {
+            tabInfo.active = true;
+            tabInfo.collapsed = false;
+        };
+    }
+    isVisible() {
+        return SearchAvailable();
+    }
+    isDisabled() {
+        return this.reportPreview.documentBuilding || !this.reportPreview.documentId || this.reportPreview.pageIndex === -1;
+    }
+}
 
 ;// CONCATENATED MODULE: external "DevExpress.ui.dxTextBox"
 const external_DevExpress_ui_dxTextBox_namespaceObject = DevExpress.ui.dxTextBox;
@@ -11308,581 +11893,6 @@ function createMobilePreview(bindingSettings) {
     return designerModel;
 }
 
-;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_actions.js
-var _actions_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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-
-
-
-
-
-class PreviewDesignerActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
-    constructor(reportPreview, fullscreen) {
-        super();
-        this.actions = [];
-        const designAction = {
-            id: ActionId.Design,
-            text: 'Design',
-            displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ASPxReportsStringId.ToolBarItemText_Design'),
-            imageClassName: 'dxrd-image-design',
-            imageTemplateName: 'dxrd-svg-preview-report_designer',
-            templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
-            visible: reportPreview.canSwitchToDesigner,
-            hotKey: { ctrlKey: true, keyCode: 68 },
-            clickAction: () => {
-                reportPreview.previewVisible = false;
-                reportPreview.deactivate();
-            }
-        };
-        designAction.contentData = {
-            items: [
-                { itemData: designAction, active: false },
-                { getDisplayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'), active: true }
-            ]
-        };
-        this.actions.push(designAction);
-        const getFullScreenImageTemplateName = (fullscreen) => fullscreen ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen';
-        this.actions.push({
-            id: ActionId.FullScreen,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Full Screen', 'ASPxReportsStringId.ToolBarItemText_FullScreen'),
-            imageClassName: 'dxrd-image-fullscreen',
-            imageTemplateName: getFullScreenImageTemplateName(fullscreen()),
-            setImageTemplateNameChangedEvent: (callback) => {
-                const handler = (newValue) => callback(getFullScreenImageTemplateName(newValue));
-                const dispose = fullscreen.subscribe(handler);
-                return () => dispose();
-            },
-            visible: !reportPreview.canSwitchToDesigner,
-            selected: fullscreen(),
-            setSelectedChangedEvent: (callback) => {
-                const dispose = fullscreen.subscribe(callback);
-                return () => dispose();
-            },
-            clickAction: () => {
-                fullscreen(!fullscreen());
-            }
-        });
-    }
-    dispose() {
-        super.dispose();
-        this.removeProperties();
-    }
-    getActions(context) {
-        return this.actions;
-    }
-}
-class ActionLists extends external_DevExpress_Analytics_Internal_namespaceObject.ActionListsBase {
-    constructor(reportPreview, globalActionProviders, customizeActions, enabled) {
-        super(enabled);
-        this.updateToolbarItems = () => {
-            const globalActions = [];
-            this.globalActionProviders.forEach((actionProvider) => {
-                globalActions.push.apply(globalActions, actionProvider.getActions(reportPreview));
-            });
-            customizeActions && customizeActions(globalActions);
-            this.toolbarItems = globalActions;
-        };
-        this.globalActionProviders = globalActionProviders;
-    }
-    _isPaginationAction(action) {
-        return 'pageItems' in action;
-    }
-    _isExportAction(action) {
-        return 'eventHandlers' in action;
-    }
-    createActionViewModel(action, index) {
-        const viewModel = super.createActionViewModel(action, index);
-        if ('zoom' in action) {
-            const selectBoxViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
-                .configureProperty('widget', (property) => {
-                property.inputAttr = {
-                    'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelZoomCombobox')
-                };
-            })
-                .getViewModel();
-            return selectBoxViewModel;
-        }
-        if (this._isPaginationAction(action)) {
-            const selectBoxViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
-                .generateProperty('templateName', action.templateName)
-                .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
-                .generateProperty('widget', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
-                .generateProperty('dataSource', action.pageItems)
-                .generateProperty('displayExpr', action.displayExpr)
-                .generateProperty('value', action.selectedItem)
-                .generateProperty('searchEnabled', true)
-                .generateProperty('opened', false)
-                .generateProperty('onValueChanged', (e) => {
-                action.selectItem(e.value);
-            })
-                .generateProperty('onKeyUp', (e) => {
-                if (e.event.which !== 13)
-                    return;
-                if (action._isPageChanged(e.component.option('text'))) {
-                    selectBoxViewModel.widget.opened = false;
-                }
-            })
-                .generateProperty('searchMode', action.searchMode)
-                .generateProperty('searchTimeout', action.searchTimeout)
-                .generateProperty('itemTemplate', action.itemTemplate)
-                .generateProperty('dropDownOptions', {
-                wrapperAttr: {
-                    'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox'),
-                    'class': 'dx-page-selectbox-popup-wrapper'
-                }
-            })
-                .generateProperty('inputAttr', {
-                'aria-label': (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pager', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPagerCombobox')
-            })
-                .getViewModel())
-                .getViewModel();
-            this.subscribe(action.pageItems, (pageItems) => selectBoxViewModel.widget.dataSource = pageItems, action.setPageItemsChangedEvent);
-            this.subscribe(action.selectedItem, (selectedItem) => selectBoxViewModel.widget.value = selectedItem, action.setSelectedItemChangedEvent);
-            return selectBoxViewModel;
-        }
-        else if (this._isExportAction(action)) {
-            const getItems = (items) => {
-                return items.map(x => ({
-                    imageClassName: x.imageClassName,
-                    imageTemplateName: x.imageTemplateName,
-                    text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)(x.text, x.textId),
-                    format: x.format,
-                    items: x.items && getItems(x.items) || undefined
-                }));
-            };
-            const exportActionViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
-                .generateProperty('widget', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
-                .generateProperty('items', getItems(action.items))
-                .generateProperty('onItemRendered', (e) => action.eventHandlers.onItemRendered(e))
-                .generateProperty('onSubmenuHiding', (e) => action.eventHandlers.onSubmenuHiding(e))
-                .generateProperty('onSubmenuShown', (e) => action.eventHandlers.onSubmenuShown(e))
-                .generateProperty('onSubmenuShowing', (container, element) => action.eventHandlers.onSubmenuShowing(container, element))
-                .getViewModel())
-                .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
-                .getViewModel();
-            this.subscribe(action.items, (items) => exportActionViewModel.widget.items = getItems(items), action.setItemsChangedEvent);
-            return exportActionViewModel;
-        }
-        return viewModel;
-    }
-    onPropertyChanged(args) {
-        if (args.propertyName === 'globalActionProviders')
-            this.updateToolbarItems();
-    }
-    processShortcut(actions, e) {
-        if (this.shouldIgnoreProcessing(e))
-            return;
-        super.processShortcut(actions, e);
-    }
-    dispose() {
-        super.dispose();
-        this.globalActionProviders = [];
-        this.removeProperties();
-    }
-}
-_actions_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
-], ActionLists.prototype, "globalActionProviders", void 0);
-class PreviewActions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
-    constructor(reportPreview) {
-        super();
-        this.actions = [];
-        const exportDisabledChangedCallbacks = [];
-        const visibilityChangedCallbacks = [];
-        const zoomChangedCallbacks = [];
-        const editingFieldsHighlightedChangedCallbacks = [];
-        const editingFieldsChangedCallbacks = [];
-        const showMultipagePreviewChangedCallbacks = [];
-        const pageIndexChangedCallbacks = [];
-        const pagesChangedCallbacks = [];
-        const pagesAndIndexChangedCallbacks = [];
-        this.addDisposable(reportPreview.events.on('zoomChanged', (args) => {
-            zoomChangedCallbacks.forEach(event => event(args.newValue));
-        }), reportPreview.events.on('editingFieldsHighlightedChanged', (args) => {
-            editingFieldsHighlightedChangedCallbacks.forEach(event => event(args.newValue));
-        }), reportPreview.events.on('showMultipagePreviewChanged', (args) => {
-            showMultipagePreviewChangedCallbacks.forEach(event => event(args.newValue));
-        }), reportPreview.events.on('pageIndexChanged', (args) => {
-            pageIndexChangedCallbacks.forEach(event => event(args.newValue));
-            pagesAndIndexChangedCallbacks.forEach(event => event(reportPreview.pages, reportPreview.pageIndex));
-        }), reportPreview.events.on('pagesChanged', (args) => {
-            pagesChangedCallbacks.forEach(event => event(reportPreview.pages));
-            pagesAndIndexChangedCallbacks.forEach(event => event(reportPreview.pages, reportPreview.pageIndex));
-        }), reportPreview.events.on('previewVisibleChanged', (args) => {
-            visibilityChangedCallbacks.forEach(event => event(args.newValue));
-        }), reportPreview.events.on('exportDisabledChanged', (args) => {
-            exportDisabledChangedCallbacks.forEach(event => event(args.newValue));
-        }), reportPreview.events.on('_editingFieldsChanged', (args) => {
-            editingFieldsChangedCallbacks.forEach(event => event(args.newValue));
-        }));
-        const goBackwardsDisabled = () => reportPreview.pageIndex < 1;
-        const setVisibleChangedEvent = (callback) => {
-            const handler = (visible) => callback(visible);
-            visibilityChangedCallbacks.push(handler);
-            return () => visibilityChangedCallbacks.splice(visibilityChangedCallbacks.indexOf(handler), 1);
-        };
-        this.actions.push({
-            id: ActionId.FirstPage,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('First Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_FirstPage'),
-            imageClassName: 'dxrd-image-preview-first',
-            imageTemplateName: 'dxrd-svg-preview-first_page',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(goBackwardsDisabled());
-                pageIndexChangedCallbacks.push(handler);
-                return () => pageIndexChangedCallbacks.splice(pageIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => goBackwardsDisabled(),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            hotKey: { ctrlKey: true, keyCode: 37 },
-            clickAction: () => {
-                if (reportPreview.pageIndex > 0) {
-                    reportPreview.goToPage(0);
-                }
-            }
-        });
-        this.actions.push({
-            id: ActionId.PrevPage,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Previous Page', 'ASPxReportsStringId.ToolBarItemText_PreviousPage'),
-            imageClassName: 'dxrd-image-preview-prev',
-            imageTemplateName: 'dxrd-svg-preview-previous_page',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(goBackwardsDisabled());
-                pageIndexChangedCallbacks.push(handler);
-                return () => pageIndexChangedCallbacks.splice(pageIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => goBackwardsDisabled(),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            hotKey: { ctrlKey: false, keyCode: 37 },
-            clickAction: () => {
-                if (reportPreview.pageIndex >= 1) {
-                    reportPreview.goToPage(reportPreview.pageIndex - 1, false, 500);
-                }
-            },
-        });
-        const getPageItems = () => {
-            const pageCount = reportPreview.pages.length;
-            if (pageCount === 0 || reportPreview.pageIndex === -1) {
-                return [];
-            }
-            const pagesArray = new Array();
-            for (let i = 0; i < pageCount;) {
-                pagesArray.push({ index: i, text: ++i });
-            }
-            return {
-                store: pagesArray,
-                paginate: pageCount > 200,
-                pageSize: 100
-            };
-        };
-        const getSelectedItem = () => {
-            if (reportPreview.pageIndex < 0) {
-                return null;
-            }
-            const items = getPageItems();
-            return items && items.store && (items.store.length > reportPreview.pageIndex) && items.store[reportPreview.pageIndex];
-        };
-        const previewHasNoPages = () => reportPreview.pages.length === 0 || reportPreview.pageIndex === -1;
-        const paginationSelectBoxViewModel = {
-            id: ActionId.Pagination,
-            text: 'Pagination',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(previewHasNoPages());
-                pagesAndIndexChangedCallbacks.push(handler);
-                return () => pagesAndIndexChangedCallbacks.splice(pagesAndIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => previewHasNoPages(),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            selectItem: (newValue) => {
-                if (!!newValue && (newValue.index || newValue.index === 0)) {
-                    reportPreview.goToPage(newValue.index);
-                }
-            },
-            selectedItem: getSelectedItem(),
-            setSelectedItemChangedEvent: (callback) => {
-                const handler = () => callback(getSelectedItem());
-                pagesAndIndexChangedCallbacks.push(handler);
-                return () => pagesAndIndexChangedCallbacks.splice(pagesAndIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            pageItems: getPageItems(),
-            setPageItemsChangedEvent: (callback) => {
-                const handler = () => callback(getPageItems());
-                pagesChangedCallbacks.push(handler);
-                return () => pagesChangedCallbacks.splice(pagesChangedCallbacks.indexOf(handler), 1);
-            },
-            _isPageChanged: (value) => {
-                let val = parseInt && parseInt(value);
-                if (!!val && val-- > 0 && val < reportPreview.pages.length) {
-                    reportPreview.goToPage(val);
-                    return true;
-                }
-                return false;
-            },
-            displayExpr: function (value) {
-                if (reportPreview.pageIndex !== -1 && value && reportPreview.pageIndex !== value.index) {
-                    return value.text;
-                }
-                if (reportPreview.pageIndex === -1) {
-                    return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('0 pages', 'ASPxReportsStringId.WebDocumentViewer_0Pages');
-                }
-                else {
-                    const ofText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('of', 'ASPxReportsStringId.ToolBarItemText_OfLabel');
-                    return (reportPreview.pageIndex + 1) + ' ' + ofText + ' ' + reportPreview.pages.length;
-                }
-            },
-            itemTemplate: function (value) { return value.text; },
-            searchMode: 'startswith',
-            searchTimeout: 10,
-            templateName: 'dxrd-preview-pager'
-        };
-        const goForwardActionDisabled = () => reportPreview.pageIndex < 0 || reportPreview.pageIndex >= reportPreview.pages.length - 1;
-        this.actions.push(paginationSelectBoxViewModel);
-        this.actions.push({
-            id: ActionId.NextPage,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Next Page', 'ASPxReportsStringId.ToolBarItemText_NextPage'),
-            imageClassName: 'dxrd-image-preview-next',
-            imageTemplateName: 'dxrd-svg-preview-next_page',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(goForwardActionDisabled());
-                pagesAndIndexChangedCallbacks.push(handler);
-                return () => pagesAndIndexChangedCallbacks.splice(pagesAndIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => goForwardActionDisabled(),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            hotKey: { ctrlKey: false, keyCode: 39 },
-            clickAction: () => {
-                if (reportPreview.pageIndex < reportPreview.pages.length - 1) {
-                    reportPreview.goToPage(reportPreview.pageIndex + 1, false, 500);
-                }
-            }
-        });
-        this.actions.push({
-            id: ActionId.LastPage,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Last Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_LastPage'),
-            imageClassName: 'dxrd-image-preview-last',
-            imageTemplateName: 'dxrd-svg-preview-last_page',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(goForwardActionDisabled());
-                pagesAndIndexChangedCallbacks.push(handler);
-                return () => pagesAndIndexChangedCallbacks.splice(pagesAndIndexChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => goForwardActionDisabled(),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            hotKey: { ctrlKey: true, keyCode: 39 },
-            clickAction: () => {
-                if (reportPreview.pageIndex < reportPreview.pages.length - 1) {
-                    reportPreview.goToPage(reportPreview.pages.length - 1);
-                }
-            }
-        });
-        const getMultipageToggleImageClassName = (showMultipagePreview) => {
-            return showMultipagePreview ? 'dxrd-image-preview-single-page' : 'dxrd-image-preview-multipage';
-        };
-        const getMultipageToggleImageTemplateName = (showMultipagePreview) => {
-            return showMultipagePreview ? 'dxrd-svg-preview-single_page' : 'dxrd-svg-preview-multi_page_preview';
-        };
-        const multipageModeAction = {
-            id: ActionId.MultipageToggle,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Toggle Multipage Mode', 'ASPxReportsStringId.WebDocumentViewer_ToggleMultipageMode'),
-            imageClassName: getMultipageToggleImageClassName(reportPreview.showMultipagePreview),
-            imageTemplateName: getMultipageToggleImageTemplateName(reportPreview.showMultipagePreview),
-            getVisible: () => reportPreview.previewVisible,
-            setVisibleChangedEvent: setVisibleChangedEvent,
-            hotKey: { ctrlKey: true, keyCode: 77 },
-            clickAction: () => {
-                const zoom = reportPreview.originalZoom;
-                reportPreview.showMultipagePreview = !reportPreview.showMultipagePreview;
-                reportPreview.zoom = zoom;
-            },
-            setImageClassNameChangedEvent: (callback) => {
-                const handler = (newValue) => callback(getMultipageToggleImageClassName(newValue));
-                showMultipagePreviewChangedCallbacks.push(handler);
-                return () => showMultipagePreviewChangedCallbacks.splice(showMultipagePreviewChangedCallbacks.indexOf(handler), 1);
-            },
-            setImageTemplateNameChangedEvent: (callback) => {
-                const handler = (newValue) => callback(getMultipageToggleImageTemplateName(newValue));
-                showMultipagePreviewChangedCallbacks.push(handler);
-                return () => showMultipagePreviewChangedCallbacks.splice(showMultipagePreviewChangedCallbacks.indexOf(handler), 1);
-            },
-            hasSeparator: true
-        };
-        this.actions.push(multipageModeAction);
-        this.actions.push({
-            id: ActionId.ZoomOut,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom Out', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomOut'),
-            imageClassName: 'dxrd-image-zoomout',
-            imageTemplateName: 'dxrd-svg-toolbar-zoomout',
-            visible: true,
-            hotKey: { ctrlKey: false, keyCode: 109 },
-            clickAction: () => {
-                const currentZoom = reportPreview.zoom;
-                const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
-                reportPreview.zoom = Math.max(zoomLevel - reportPreview.zoomStep, 0.1);
-            },
-            hasSeparator: true
-        });
-        const getZoomLevels = (showMultipagePreview) => {
-            const items = reportPreview.predefinedZoomLevels.slice(0);
-            if (showMultipagePreview === false && items.indexOf(0) === -1) {
-                items.push(ZoomAutoBy.PageWidth);
-                items.push(ZoomAutoBy.WholePage);
-            }
-            return items;
-        };
-        const zoomAction = {
-            id: ActionId.ZoomSelector,
-            visible: true,
-            hotKey: { ctrlKey: true, keyCode: 187 },
-            templateName: 'dxrd-zoom-autofit-select-template',
-            displayExpr: (val) => {
-                if (val === ZoomAutoBy.PageWidth) {
-                    return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page Width', 'DevExpress.XtraReports.UI.XtraReport.PageWidth');
-                }
-                else if (Math.round(val * 100) === 0) {
-                    return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Whole Page', 'PreviewStringId.MenuItem_ZoomWholePage');
-                }
-                else {
-                    return Math.round((val || reportPreview.zoom) * 100) + '%';
-                }
-            },
-            onCustomItemCreating: (e) => { e.customItem = (0,external_DevExpress_Analytics_Internal_namespaceObject.parseZoom)(e.text); },
-            zoom: reportPreview.zoom,
-            zoomLevels: getZoomLevels(reportPreview.showMultipagePreview),
-            setZoomLevelsChangedEvent: (callback) => {
-                const handler = (newValue) => callback(getZoomLevels(newValue));
-                showMultipagePreviewChangedCallbacks.push(handler);
-                return () => showMultipagePreviewChangedCallbacks.splice(showMultipagePreviewChangedCallbacks.indexOf(handler), 1);
-            },
-            setZoom: (newValue) => {
-                reportPreview.zoom = newValue;
-            },
-            setZoomChangedEvent: (callback) => {
-                zoomChangedCallbacks.push(callback);
-                return () => zoomChangedCallbacks.splice(zoomChangedCallbacks.indexOf(callback), 1);
-            }
-        };
-        this.actions.push(zoomAction);
-        this.actions.push({
-            id: ActionId.ZoomIn,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom In', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomIn'),
-            imageClassName: 'dxrd-image-zoomin',
-            imageTemplateName: 'dxrd-svg-toolbar-zoomin',
-            visible: true,
-            hotKey: { ctrlKey: false, keyCode: 107 },
-            clickAction: () => {
-                const currentZoom = reportPreview.zoom;
-                const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
-                reportPreview.zoom = Math.min(zoomLevel + reportPreview.zoomStep, 10);
-            }
-        });
-        const getHighlightEditingFieldsVisible = () => EditablePreviewEnabled() && reportPreview.previewVisible;
-        const getHighlightEditingFieldsDisabled = () => reportPreview.editingFieldsProvider().length < 1;
-        const highlightingAction = {
-            id: ActionId.HighlightEditingFields,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Highlight Editing Fields', 'DevExpress.XtraPrinting.PrintingSystemCommand.HighlightEditingFields'),
-            imageClassName: 'dxrp-image-hightlight-editing-fields',
-            imageTemplateName: 'dxrd-svg-toolbar-hightlightEditingFields',
-            setDisabledChangedEvent: (callback) => {
-                const handler = () => callback(getHighlightEditingFieldsDisabled());
-                editingFieldsChangedCallbacks.push(handler);
-                return () => editingFieldsChangedCallbacks.splice(editingFieldsChangedCallbacks.indexOf(handler), 1);
-            },
-            getDisabled: () => getHighlightEditingFieldsDisabled(),
-            getVisible: () => getHighlightEditingFieldsVisible(),
-            setVisibleChangedEvent: (callback) => {
-                const handler = () => callback(getHighlightEditingFieldsVisible());
-                visibilityChangedCallbacks.push(handler);
-                const subscriptionDispose = EditablePreviewEnabled.subscribe(handler);
-                return () => {
-                    subscriptionDispose();
-                    visibilityChangedCallbacks.splice(visibilityChangedCallbacks.indexOf(handler), 1);
-                };
-            },
-            selected: reportPreview.editingFieldsHighlighted,
-            setSelectedChangedEvent: (callback) => {
-                editingFieldsHighlightedChangedCallbacks.push(callback);
-                return () => editingFieldsHighlightedChangedCallbacks.splice(editingFieldsHighlightedChangedCallbacks.indexOf(callback), 1);
-            },
-            hotKey: { ctrlKey: true, keyCode: 72 },
-            clickAction: () => {
-                reportPreview.editingFieldsHighlighted = !reportPreview.editingFieldsHighlighted;
-            },
-            hasSeparator: true
-        };
-        this.actions.push(highlightingAction);
-        this.addDisposable(reportPreview.events.on('propertyChanged', (e) => {
-            if (e.propertyName === 'showMultipagePreview') {
-                zoomAction.zoomLevels = getZoomLevels(reportPreview.showMultipagePreview);
-                multipageModeAction.imageClassName = getMultipageToggleImageClassName(reportPreview.showMultipagePreview);
-                multipageModeAction.imageTemplateName = getMultipageToggleImageTemplateName(reportPreview.showMultipagePreview);
-            }
-            else if (e.propertyName === 'zoom') {
-                zoomAction.zoom = reportPreview.zoom;
-            }
-            else if (e.propertyName === 'editingFieldsHighlighted') {
-                highlightingAction.selected = reportPreview.editingFieldsHighlighted;
-            }
-        }));
-        this.actions.push({
-            id: ActionId.Print,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Print', 'ASPxReportsStringId.DocumentViewer_RibbonPrintGroupText'),
-            imageClassName: 'dxrd-image-print',
-            imageTemplateName: 'dxrd-svg-preview-print',
-            hasSeparator: true,
-            getDisabled: () => reportPreview.exportDisabled,
-            setDisabledChangedEvent: (callback) => {
-                exportDisabledChangedCallbacks.push(callback);
-                return () => exportDisabledChangedCallbacks.splice(exportDisabledChangedCallbacks.indexOf(callback), 1);
-            },
-            visible: true,
-            hotKey: { ctrlKey: true, keyCode: 80 },
-            clickAction: () => {
-                if (reportPreview.exportDisabled) {
-                    return;
-                }
-                reportPreview.printDocument();
-            }
-        });
-        this.actions.push({
-            id: ActionId.PrintPage,
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Print Page', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_PrintPage'),
-            imageClassName: 'dxrd-image-print-page',
-            imageTemplateName: 'dxrd-svg-preview-print_page',
-            getDisabled: () => reportPreview.exportDisabled,
-            setDisabledChangedEvent: (callback) => {
-                exportDisabledChangedCallbacks.push(callback);
-                return () => exportDisabledChangedCallbacks.splice(exportDisabledChangedCallbacks.indexOf(callback), 1);
-            },
-            visible: true,
-            clickAction: () => {
-                if (reportPreview.exportDisabled) {
-                    return;
-                }
-                reportPreview.printDocument(reportPreview.pageIndex);
-            }
-        });
-    }
-    wrapDisposable(object) {
-        this.addDisposable(object);
-        return object;
-    }
-    dispose() {
-        super.dispose();
-        this.removeProperties();
-    }
-    getActions(context) {
-        return this.actions;
-    }
-}
-
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_initializer.js
 
 
@@ -14416,7 +14426,7 @@ function createDateRangeEditorViewModel(baseViewModel) {
             direction: 'horizontal',
             useNative: false,
             onInitialized: function (e) { e.component.option('useKeyboard', false); }
-        } }))
+        }, _editorInputId: this._editorInputId }))
         .generateProperty('getPopupSettings', () => {
         if (!popupSettings) {
             popupSettings = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)({
@@ -14490,6 +14500,23 @@ 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), { 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);
+    if (external_DevExpress_Analytics_Internal_namespaceObject.koUtils.isSubscribable(_options.value))
+        rangeEditor.addDisposable(_options.value.subscribe((newVal) => rangeEditor.applyDate(newVal)));
+    else if (editor) {
+        rangeEditor.addDisposable(editor.events.on('valueChanged', (args) => rangeEditor.applyDate(args.newValue)));
+    }
+    return rangeEditor;
+}
 class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     constructor(_options, editorInputId) {
         super();
@@ -14604,10 +14631,9 @@ dateRangeEditor_decorate([
 
 
 
-
 external_ko_namespaceObject.bindingHandlers['dxrvDateRangeEditor'] = {
     init: (element, valueAccessor, bindings, model, bindingContext) => {
-        const rangeEditor = koWrapDateRangeEditor(valueAccessor(), element, model);
+        const rangeEditor = createDateRangeEditor(valueAccessor(), element, model);
         external_jQuery_namespaceObject.fn.constructor(element).children().remove();
         const templateHtml = (0,external_DevExpress_Analytics_Utils_namespaceObject.getTemplate)('dxrv-daterange-editor'), $element = external_jQuery_namespaceObject.fn.constructor(element).append(templateHtml);
         const context = bindingContext.createChildContext(rangeEditor.getViewModel());
@@ -14616,23 +14642,6 @@ external_ko_namespaceObject.bindingHandlers['dxrvDateRangeEditor'] = {
         return { controlsDescendantBindings: true };
     }
 };
-function koWrapDateRangeEditor(_options, element, model) {
-    let rangeEditorOptions = _options;
-    let editor = model;
-    if (model && !(model instanceof external_DevExpress_Analytics_Widgets_namespaceObject.Editor)) {
-        editor = model.getModel();
-    }
-    rangeEditorOptions = Object.assign(Object.assign({}, _options), { value: external_ko_namespaceObject.unwrap(_options.value), onValueChanged: (e) => {
-            if (external_ko_namespaceObject.isObservable(_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);
-    if (external_ko_namespaceObject.isSubscribable(_options.value))
-        rangeEditor.addDisposable(_options.value.subscribe((newVal) => rangeEditor.applyDate(newVal)));
-    return rangeEditor;
-}
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-viewer-widgets.js