devexpress-reporting 24.2.8-build-25136-1741 → 24.2.8-build-25149-1306

package/dist/js/dx-reporting.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reporting.d.ts)
-* Version:  24.2.8-build-25136-1741
-* Build date: May 16, 2025
+* Version:  24.2.8-build-25149-1306
+* Build date: May 29, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -6714,6 +6714,7 @@ declare module DevExpress.Reporting.Viewer.Widgets.Internal {
         createViewModel(): IParameterGroupEditorViewModel;
         _setPadding(position: string, value: any): {};
         createObjectProperties(): DevExpress.Analytics.Widgets.ObjectProperties;
+        protected _checkVisibility(): any;
         hideEditorHeader: boolean;
         hideBorder: boolean;
         showHorizontally: boolean;
@@ -7142,13 +7143,14 @@ declare module DevExpress.Reporting.Viewer.Parameters {
     }
     export class ParameterPanelItemBase<T extends DevExpress.Analytics.Serializer.Native.IViewModel> extends BaseRenderingModel<T> {
         protected parameterHelper: DevExpress.Reporting.Viewer.Parameters.PreviewParameterHelper;
-        private layoutInfo?;
+        private _layoutInfo?;
+        private _root?;
         deferredUpdateViewModel(): boolean;
         protected _parameters: DevExpress.Reporting.Viewer.Parameters.PreviewParameter[];
         protected _separatorNames: string[];
         protected _groupLayoutItems: DevExpress.Reporting.Viewer.Parameters.ParameterPanelItemBase<IViewModel>[];
         onPropertyChanged(args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs<any> | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs<any>): void;
-        constructor(parameterHelper: DevExpress.Reporting.Viewer.Parameters.PreviewParameterHelper, layoutInfo?: DevExpress.Reporting.Viewer.Parameters.IParameterPanelItemInfo);
+        constructor(parameterHelper: DevExpress.Reporting.Viewer.Parameters.PreviewParameterHelper, _layoutInfo?: DevExpress.Reporting.Viewer.Parameters.IParameterPanelItemInfo, _root?: DevExpress.Reporting.Viewer.Parameters.ParameterPanelItemBase<T>);
         private _fixGroupPropertyName;
         private _getParameterByPath;
         private _proceedLayoutInfo;
@@ -7824,6 +7826,8 @@ declare module DevExpress.Reporting.Viewer.Widgets {
         getPopupSettings: () => DevExpress.ui.dxPopup.PopupProperties;
         _displayName: string;
         displayValue: string;
+        disabled: boolean;
+        visible: boolean;
         popupModel: DevExpress.Reporting.Viewer.Widgets.IDateRangeEditorViewModel | any;
         popupTemplate: string;
         dialogKeyboardHelper: DevExpress.Reporting.Viewer.DateRangeDialogElementsKeyboardHelper;
@@ -7844,6 +7848,8 @@ declare module DevExpress.Reporting.Viewer.Widgets {
     export function createDateRangeEditorViewModel(this: DevExpress.Reporting.Viewer.Widgets.DateRangeEditor, baseViewModel: DevExpress.Analytics.Serializer.Native.IViewModel): DevExpress.Reporting.Viewer.Widgets.IDateRangeEditorViewModel;
     export interface IDateRangeEditorOptions {
         value: Date[];
+        disabled: boolean;
+        visible: boolean;
         onValueChanged: (e: {
             value: Date[];
         }) => void;
@@ -7880,6 +7886,8 @@ declare module DevExpress.Reporting.Viewer.Widgets {
         endDate: Date;
         _popupVisible: boolean;
         _displayText: string;
+        disabled: boolean;
+        visible: boolean;
         popupModel: any;
         items: any[];
         calendarHeight: string;
@@ -8345,11 +8353,6 @@ declare module DevExpress.Reporting.Viewer.Internal {
     }
     export class ExportHandler extends BaseRenderingModel<DevExpress.Reporting.Viewer.Internal.IExportToolViewModel> {
         private preview;
-        exportActionUri: string;
-        exportFormData: Array<{
-            name: string;
-            value: string;
-        }>;
         reportDisplayName: string;
         popupVisible: boolean;
         exportingFrame: HTMLIFrameElement;
@@ -9145,9 +9148,11 @@ declare module DevExpress.Reporting.Viewer.Editing {
         };
         hideEditor: (shouldCommit: boolean) => void;
         keypressAction: (data: any, event: any) => void;
+        onInput: (data: any, event: any) => void;
     }
     export class TextEditingFieldViewModelBase<T extends DevExpress.Reporting.Viewer.Editing.ITextEditingFieldViewModelBase> extends EditingFieldBase<T> {
         keypressAction(data: ITextEditingFieldData, event: KeyboardEvent): void;
+        onInput(data: ITextEditingFieldData, event: any): void;
         createViewModel(): T;
         canActivateEditor: boolean;
         activateEditor(model: DevExpress.Reporting.Viewer.Editing.EditingFieldBase<IEditingFieldViewModelBase>, event: {
@@ -9166,6 +9171,7 @@ declare module DevExpress.Reporting.Viewer.Editing {
         };
         hideEditor: (shouldCommit: boolean) => void;
         keypressAction: (data: ITextEditingFieldData, event: KeyboardEvent) => void;
+        onInput: (data: ITextEditingFieldData, event: any) => void;
         options: any;
         getOptions: (options: any) => any;
         getPopupContainer: typeof DevExpress.Analytics.Internal.getParentContainer;
@@ -9755,6 +9761,7 @@ declare module DevExpress.Reporting.Viewer {
         private _timeouts;
         private _zoomLocker;
         private _currentDrillThroughPromise;
+        private _currentStartBuildPromise;
         private _doDrillDown;
         private _doSorting;
         dispose(): void;
@@ -10863,6 +10870,7 @@ declare module DevExpress.Reporting.Designer.Bands.Internal {
     export function _getUnitAbsoluteRect(bandSurface: DevExpress.Reporting.Designer.Bands.BandSurface | DevExpress.Reporting.Designer.Bands.VerticalBandSurface, getPositionInParent: Function): DevExpress.Analytics.Elements.IArea;
     export const NEW_GROUPBAND_DEFAULT_LEVEL: any;
     export const NEW_DETAILBAND_DEFAULT_LEVEL: any;
+    export const REMOVED_DETAILBAND_LEVEL: number;
     export function getFirstEmptyLevel(bands: DevExpress.Reporting.Designer.Bands.GroupBandViewModel[]): number;
     export function getMaxLevel(parentBands: DevExpress.Reporting.Designer.Bands.GroupBandViewModel[] | DevExpress.Reporting.Designer.Bands.DetailReportBand[]): number;
     export function isFirstInit(band: DevExpress.Reporting.Designer.Bands.BandViewModel): boolean;

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.2.8-build-25136-1741
-* Build date: May 16, 2025
+* Version:  24.2.8-build-25149-1306
+* Build date: May 29, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -2772,6 +2772,9 @@ class TextEditingFieldViewModelBase extends EditingFieldBase {
             }
         });
     }
+    onInput(data, event) {
+        this.field._editorValue = event.target['value'];
+    }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('textStyle', this.textStyle)
@@ -2837,6 +2840,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
             .generateProperty('value', field._editorValue)
             .generateProperty('hideEditor', (shouldCommit) => this.hideEditor(shouldCommit, false))
             .generateProperty('keypressAction', (data, event) => this.keypressAction(data, event))
+            .generateProperty('onInput', (data, event) => this.onInput(data, event))
             .generateProperty('textStyle', this.textStyle)
             .generateProperty('options', editorOptions)
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
@@ -3029,6 +3033,7 @@ class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase {
             .generateProperty('cells', this.cells)
             .generateProperty('hideEditor', (data) => this.hideEditor(!!data))
             .generateProperty('keypressAction', (data, event) => this.keypressAction(data, event))
+            .generateProperty('onInput', (data, event) => this.onInput(data, event))
             .getViewModel();
     }
     activateEditor(viewModel, event) {
@@ -4132,6 +4137,11 @@ class ParametersGroupEditor extends external_DevExpress_Analytics_Widgets_namesp
         this._set('editorCreated', true);
         return super.createObjectProperties();
     }
+    _checkVisibility() {
+        const viewmodel = this._get('viewmodel');
+        const groupVisible = viewmodel?._get('_editors').filter(editor => editor.editorTemplate !== 'dxrd-parameters-separator').some(editor => editor._get('visible')) ?? true;
+        return groupVisible && super._checkVisibility();
+    }
 }
 
 ;// ./node_modules/devexpress-reporting/viewer/widgets/_multiValueEditor.js
@@ -4334,8 +4344,6 @@ function createExportHandlerViewModel(base) {
         .generateProperty('postfix', printingTextParts[1])
         .generateProperty('prefix', printingTextParts[0])
         .getViewModel())
-        .generateProperty('exportActionUri', this.exportActionUri)
-        .generateProperty('exportFormData', this.exportFormData)
         .generateProperty('printingLinkCallback', (_, event) => {
         this.printingLinkCallback();
         event.preventDefault();
@@ -4348,10 +4356,6 @@ function updateExportHandlerViewModel(args) {
         viewModel.popupOptions.visible = this.popupVisible;
     if (args.propertyName === 'reportDisplayName')
         viewModel.popupOptions.title = this.getPopupTitle();
-    if (args.propertyName === 'exportActionUri')
-        viewModel.exportActionUri = this.exportActionUri;
-    if (args.propertyName === 'exportFormData')
-        viewModel.exportFormData = this.exportFormData;
 }
 
 ;// ./node_modules/devexpress-reporting/viewer/internal/_previewRequestWrapper.js
@@ -4747,13 +4751,19 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     }
     _formSubmit(_requestData, _formTarget) {
         if (this.postingForm) {
+            const parent = this.postingForm.parentElement;
+            parent.removeChild(this.postingForm);
+            const form = document.createElement('form');
+            this.postingForm = form;
+            parent.prepend(form);
             this.postingForm.target = _formTarget;
-            this.exportActionUri = _requestData.RequestUrl;
-            const formData = [];
+            this.postingForm.action = _requestData.RequestUrl;
             for (const key in _requestData.FormData) {
-                formData.push({ name: key, value: _requestData.FormData[key] });
+                const input = document.createElement('input');
+                input.name = key;
+                input.value = _requestData.FormData[key];
+                this.postingForm.appendChild(input);
             }
-            this.exportFormData = formData;
             this.postingForm.submit();
         }
     }
@@ -4981,11 +4991,11 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     }
     _executeXhr(_exportWindow, _requestData, _method, _handleXhrReady) {
         this._prepareXhr(_exportWindow, _requestData, _method, _requestData.RequestUrl, _handleXhrReady);
-        const formData = new FormData();
+        const data = new URLSearchParams();
         for (const key in _requestData.FormData) {
-            formData.append(key, _requestData.FormData[key]);
+            data.append(key, _requestData.FormData[key]);
         }
-        this._xhr.send(formData);
+        this._xhr.send(data);
     }
     _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, printable, operationId, abortController) {
         if (this._useSameTabExport && (!printable || (isMobile && !useSameTab))) {
@@ -5008,6 +5018,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
             _handleXhrReady(_this, this, _exportWindow, _requestData);
         };
         this._xhr.open(_method, _exportUrl);
+        this._xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         this._xhr.responseType = 'blob';
     }
     _handleXhrReady(_this, _xmlHttpRequest, _exportWindow, _requestData) {
@@ -5107,12 +5118,6 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         this._window = null;
     }
 }
-_exportHandler_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], ExportHandler.prototype, "exportActionUri", void 0);
-_exportHandler_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
-], ExportHandler.prototype, "exportFormData", void 0);
 _exportHandler_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ExportHandler.prototype, "reportDisplayName", void 0);
@@ -6762,6 +6767,8 @@ var reportPreview_decorate = (undefined && undefined.__decorate) || function (de
 
 class ReportPreview extends ReportHolder {
     _doDrillDown(drillDownKey) {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         this._drillDownState.forEach((x) => x.Key === drillDownKey && (x.Value = !x.Value));
         const documentId = this.documentId;
         this.closeDocument();
@@ -6776,15 +6783,17 @@ class ReportPreview extends ReportHolder {
                 page._clear();
             }
         }
-        this._startBuildRequest();
+        return this._startBuildRequest();
     }
     _doSorting(sortData, shiftKey, ctrlKey) {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         if (!this._sortingProcessor.doSorting(sortData, shiftKey, ctrlKey))
             return;
         this.closeDocument();
         this.documentMap = null;
         this.pages.forEach(page => page._clear());
-        this._startBuildRequest();
+        return this._startBuildRequest();
     }
     dispose() {
         super.dispose();
@@ -6872,12 +6881,12 @@ class ReportPreview extends ReportHolder {
                     else if (brickNavigation.drillDownKey && _self.reportId && _self._doDrillDown && _self._drillDownState.length > 0) {
                         if (_self._startBuildOperationId)
                             return;
-                        _self._doDrillDown(brickNavigation.drillDownKey);
+                        return _self._doDrillDown(brickNavigation.drillDownKey);
                     }
                     else if (brickNavigation.sortData && _self.reportId && _self._doSorting && _self._sortingState.length > 0) {
                         if (_self._startBuildOperationId)
                             return;
-                        _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);
+                        return _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);
                     }
                     else if (brickNavigation.pageIndex >= 0) {
                         const targetPage = _self.pages.filter(page => page.pageIndex === brickNavigation.pageIndex)[0];
@@ -6925,6 +6934,7 @@ class ReportPreview extends ReportHolder {
         this._timeouts = [];
         this._zoomLocker = new Locker();
         this._currentDrillThroughPromise = null;
+        this._currentStartBuildPromise = null;
         this.getSelectedContent = (punctuationMark = '', bricks) => {
             const currentPage = this.pages[this.pageIndex];
             if (!currentPage || !currentPage.brickColumnWidthArray) {
@@ -7226,6 +7236,8 @@ class ReportPreview extends ReportHolder {
         this.documentId = null;
     }
     startBuild() {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         this._initialize();
         return this._startBuildRequest();
     }
@@ -7272,10 +7284,13 @@ class ReportPreview extends ReportHolder {
     }
     _startBuildRequest() {
         const documentIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._deferreds.push(documentIdDeferred);
         if (!this._initializeStartBuild(documentIdDeferred.promise())) {
             return null;
         }
         const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._currentStartBuildPromise = deferred.promise();
+        this._deferreds.push(deferred);
         const currentReportId = this.reportId;
         const startBuildOperationId = this._startBuildOperationId;
         const shouldIgnoreError = () => this._closeReportRequests[currentReportId];
@@ -7288,7 +7303,10 @@ class ReportPreview extends ReportHolder {
             this.previewHandlersHelper && this.previewHandlersHelper.errorStartBuildHandler(deferred, startBuildOperationId);
             documentIdDeferred.reject();
         });
-        deferred.always(() => this._startBuildOperationId = '');
+        deferred.always(() => {
+            this._startBuildOperationId = '';
+            this._currentStartBuildPromise = null;
+        });
         return deferred.promise();
     }
     getBuildStatus(documentId, isFirstRequest, shouldRequestFirstPage) {
@@ -10979,10 +10997,11 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
             this['events'] && this['events'].call('propertyChanged', newArgs);
         }
     }
-    constructor(parameterHelper, layoutInfo) {
+    constructor(parameterHelper, _layoutInfo, _root) {
         super();
         this.parameterHelper = parameterHelper;
-        this.layoutInfo = layoutInfo;
+        this._layoutInfo = _layoutInfo;
+        this._root = _root;
         this._parameters = [];
         this._separatorNames = [];
         this._groupLayoutItems = [];
@@ -11014,7 +11033,7 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
                         orientation: groupItemInfo.orientation
                     }
                 };
-                const item = new ParameterPanelItemBase(this.parameterHelper, groupItemInfo);
+                const item = new ParameterPanelItemBase(this.parameterHelper, groupItemInfo, this._root || this);
                 this[name] = item;
                 this._groupLayoutItems.push(item);
                 const newinfo = this._getInfo.concat(info);
@@ -11121,6 +11140,9 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
     }
     getPropertyDependencies(name, status) {
         const parameter = this._getParameterByPath(name);
+        if (!parameter && status === 'visible') {
+            return (this._root || this)._parameters.map(parameter => (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, [status]));
+        }
         if (status === 'visible')
             return [(0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, ['visible'])];
         if (status === 'disabled')
@@ -11143,7 +11165,7 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
             this._parameters.push(previewParameter);
             return previewParameter;
         });
-        const layoutInfo = originalParametersInfo.parameterPanelLayout || this.layoutInfo;
+        const layoutInfo = originalParametersInfo.parameterPanelLayout || this._layoutInfo;
         layoutInfo && this._proceedLayoutInfo(layoutInfo, parameters);
         this._groupLayoutItems.forEach(item => item.initialize({}, parameters));
     }
@@ -14391,7 +14413,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle; }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: breakOffsetStyle, html: field.htmlValue', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle; }, 'html': function () { return $context.$data.field.htmlValue; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle; }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; }, 'text': function () { return $context.$data.field.editValue; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'input': $context.$data.onInput, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxNumberBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxDateBox: $data.getOptions({ dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \'left bottom\', collision: \'flipfit flip\', my: \'left top\', boundary: $root.getPopupContainer($element), of: $element } } }), childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxDateBox': function () { return $context.$data.getOptions({ 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'at': 'left bottom', 'collision': 'flipfit flip', 'my': 'left top', 'boundary': $context.$root.getPopupContainer($element), 'of': $element } } }); }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
@@ -14403,7 +14425,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { fill: checked ? \'black\' : \'transparent\' }', function ($context, $element) { return { 'style': function () { return { 'fill': $context.$data.checked ? 'black' : 'transparent' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; }, 'dxclick': function () { return $context.$data.activateEditor; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active, 'readonly': $context.$data.field.readOnly }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: style, text: text', function ($context, $element) { return { 'style': function () { return $context.$data.style; }, 'text': function () { return $context.$data.text; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.field.editorValue; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { Object($context.$data.field).editorValue = _z; } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.field.editorValue; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'input': $context.$data.onInput, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { Object($context.$data.field).editorValue = _z; } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !active || field.readOnly', function ($context, $element) { return { 'if': function () { return !$context.$data.active || $context.$data.field.readOnly; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: field.htmlValue', function ($context, $element) { return { 'if': function () { return $context.$data.field.htmlValue; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: field.htmlValue', function ($context, $element) { return { 'ifnot': function () { return $context.$data.field.htmlValue; } }; });
@@ -14411,8 +14433,6 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: editorTemplate, data: data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.editorTemplate, 'data': $context.$data.data }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrp-editing-field-image-editor\'', function ($context, $element) { return { 'template': function () { return 'dxrp-editing-field-image-editor'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: cells', function ($context, $element) { return { 'foreach': function () { return $context.$data.cells; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { \'action\': exportActionUri }, foreach: exportFormData', function ($context, $element) { return { 'attr': function () { return { 'action': $context.$data.exportActionUri }; }, 'foreach': function () { return $context.$data.exportFormData; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: {\'name\': name, \'value\': value}', function ($context, $element) { return { 'attr': function () { return { 'name': $context.$data.name, 'value': $context.$data.value }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('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) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.popupOptions.width, 'height': $context.$data.popupOptions.height, 'title': $context.$data.popupOptions.title, 'visible': $context.$data.popupOptions.visible, 'showCloseButton': true, 'onHidden': $context.$data.popupOptions.onHidden, 'toolbarItems': $context.$data.popupOptions.toolbarItems, 'wrapperAttr': $context.$data.popupOptions.wrapperAttr, 'container': $context.$data.popupOptions.getPopupContainer($element), 'position': { 'of': $context.$data.popupOptions.getPopupContainer($element) } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: printingTexts.caption', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.caption; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: printingTexts.prefix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.prefix; } }; });
@@ -14547,7 +14567,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: {data: pages, afterRender: function() { delayedInit() } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.pages, 'afterRender': function () { $context.$data.delayedInit(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('lazy: { if: pageLoading || (!pageLoading && pageLoaded) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.pageLoaded) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-preview-page\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-page'; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': $context.$data.cacheElement }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$data._displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data.showPopup(); } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, disabled: disabled, visible: visible, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': $context.$data.cacheElement }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'disabled': $context.$data.disabled, 'visible': $context.$data.visible, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$data._displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data.showPopup(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: getPopupSettings()', function ($context, $element) { return { 'dxPopup': function () { return $context.$data.getPopupSettings(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: scrollViewOptions', function ($context, $element) { return { 'dxScrollView': function () { return $context.$data.scrollViewOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMutationObserver: dialogKeyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.dialogKeyboardHelper; } }; });
@@ -14633,7 +14653,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrv-range-parameter-mobile': '<div data-bind="dxrvDateRangeEditor: {value: value, isMobile: true }"></div>',
     'dxrdp-surface-mobile': '<div class="dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface" data-bind="style: { pointerEvents: surfaceEvents, touchEvents: surfaceEvents }, styleunit: { top: topOffset, height: previewWrapperSizeHeight, width: previewWrapperSizeWidth }, slide: slideOptions, mobileZoom: mobileZoomOptions, dxclick: click, css: { \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted }"> <!-- ko template: {name: \'dxrd-preview-progress-bar\', data: progressBar }--> <!-- /ko --> <div class="dxrd-mobile-content"> <div class="dxrd-mobile-gallery" data-bind="style: { pointerEvents: galleryEvents, touchEvents: galleryEvents }, dxGalleryReportPreview: { dataSource: gallery.items, gallery: gallery, slideOptions: slideOptions, animationEnabled: gallery.animationEnabled, disabled: zoomUpdating, width:\'100%\', height: \'100%\', showIndicator: false, loop: true, onSelectionChanged: onSlide, onOptionChanged: gallery.onOptionChanged }"> <div data-options="dxTemplate: { name: \'item\' }"> <div class="dxrd-scrollView-mobile" data-bind="dxScrollView: reportPreview.scrollViewOptions"> <div class="dxrd-gallery-blocks" data-bind="style: gallery.contentSize"> <!-- ko foreach: blocks --> <!-- ko if: page --> <div class="dxrd-gallery-block" data-bind="styleunit: position, css: classSet"> <div class="dxrd-gallery-block-content" data-bind="styleunit: { width: Math.max(page.width, position.width), height: Math.max(page.height, position.height) }, style: { \'background-color\': page.color }"> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': page.active && active, \'dxrdp-page-padding\': page.active && active }, visible: reportPreview.slideOptions.readerMode"></div> <div class="dxrd-mobile-page" data-bind="styleunit: { width: page.width, height: page.height }, style: { pointerEvents: reportPreview.pageEvents, touchEvents: reportPreview.pageEvents }"> <!-- ko template: { name :\'dxrd-preview-page-mobile\', data: page } --> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div> </div> </div> <input type="text" class="dxrd-display-none" />',
     'dxrp-editing-field-container': '<div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <div class="dxrp-editing-field-borders" data-bind="style: borderStyle"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active || field.readOnly  --> <!-- ko if: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle, html: field.htmlValue"></div> </div> <!--/ko--> <!-- ko ifnot: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue"></div> <!--/ko--> <!--/ko--> <!-- ko if: active && !field.readOnly --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
-    'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea>',
+    'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }"></textarea>',
     'dxrp-editing-field-mask': '<div class="dxrp-editing-field-mask" data-bind="dxTextBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-number': '<div class="dxrp-editing-field-mask" data-bind="dxNumberBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-datetime': '<div  class="dxrp-editing-field-datetime dxrd-width-100" data-bind="dxDateBox: $data.getOptions({ dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \'left bottom\', collision: \'flipfit flip\', my: \'left top\', boundary: $root.getPopupContainer($element), of: $element } } }), childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
@@ -14641,8 +14661,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrp-editing-field-image-editor': '<div class="dxrd-height-100 dxrd-width-100" data-bind="dxPictureEditor: $data"></div>',
     'dxrp-editing-field-checkbox': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" tabindex="1" data-bind="style: checkStyle, template: { name: checkStateStyleIcon, if: !!checkStateStyleIcon }"> </div> </div>',
     'dxrp-editing-field-radio': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" data-bind="style: checkStyle"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 760 760" preserveAspectRatio="xMidYMid meet"> <g fill="#010101" stroke="none"> <path d="M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0" class="highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0"  /> <path d="M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0" data-bind="style: { fill: checked ? \'black\' : \'transparent\' }" /> </g> </svg> </div> </div>',
-    'dxrp-character-comb-editing-field': '<div class="dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <!-- ko if: !active || field.readOnly  --> <!-- ko foreach: cells --> <div class="dxrp-editing-field-charactercomb-cell" data-bind="style: style, text: text"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: active && !field.readOnly --> <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
-    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form data-bind="attr: { \'action\': exportActionUri }, foreach: exportFormData" method="post"> <input data-bind="attr: {\'name\': name, \'value\': value}"/> </form> </div> <div data-bind="dxPopup: { width: 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>',
+    '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, input: onInput, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
+    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form method="post"> </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: { 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\', }"> <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>',
@@ -14661,7 +14681,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     '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 && pageLoaded) --> <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 && pageLoaded) } --> <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>',
     'dxrd-export-tool': '<div data-bind="dxViewerExport: $data"></div>',
-    'dxrv-daterange-editor': '<div class="dxrv-daterange-editor"> <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div> <!-- ko template: { name: popupTemplate, data: popupModel } --> <!-- /ko --> </div>',
+    'dxrv-daterange-editor': '<div class="dxrv-daterange-editor"> <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, disabled: disabled, visible: visible, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div> <!-- ko template: { name: popupTemplate, data: popupModel } --> <!-- /ko --> </div>',
     'dxrv-daterange-editor-popup': '<div role="dialog" aria-modal="true" data-bind="dxPopup: getPopupSettings()"> <div data-bind="dxScrollView: scrollViewOptions"> <div class="dxrv-daterange-editor-popup-container" data-bind="dxMutationObserver: dialogKeyboardHelper"> <div role="listbox" class="dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item" data-bind="attr: predefinedRanges.attr, dxScrollView: predefinedRanges.scrollViewOptions, dxMutationObserver: predefinedRanges.accessibilityKeyboardHelper"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko foreach: predefinedRanges.items --> <div role="option" class="dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-selected\': selected }, css: { \'dxd-state-selected\': selected }, dxAction: { action: click }"> <div class="dx-accessibility-field-background dxd-back-accented"></div> <!-- ko text: displayName --> <!-- /ko --> </div> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: startRange } --> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: endRange } --> <!-- /ko --> </div> </div> </div> </div>',
     'dxrv-daterange-calendar': '<div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, onValueChanged: onValueChanged, cellTemplate: \'select_cell\', height: height, min: min }"> <div class="dxrv-daterange-cell dx-calendar-cell" data-options="dxTemplate:{ name:\'select_cell\' }"> <span class="dxrv-daterange-cell-text" data-bind="text: text"></span> <div data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
     'dxrv-range-parameter': '<div data-bind="dxrvDateRangeEditor: {value: value }"></div>',
@@ -15818,6 +15838,8 @@ function createDateRangeEditorViewModel(baseViewModel) {
         .generateProperty('value', this.endDate)
         .generateProperty('min', this.startDate)
         .getViewModel())
+        .generateProperty('disabled', this.disabled)
+        .generateProperty('visible', this.visible)
         .generateProperty('displayValue', this._displayText)
         .getViewModel();
     this.addDisposable(predefinedDateRangesModel.events.on('rangesChanged', (e) => {
@@ -15846,6 +15868,8 @@ function createDateRangeEditor(_options, element, model) {
     const editor = model instanceof external_DevExpress_Analytics_Widgets_namespaceObject.Editor ? model : model?.getModel();
     const rangeEditorOptions = {
         ..._options,
+        visible: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.visible),
+        disabled: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.disabled),
         displayName: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.displayName),
         value: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_options.value),
         onValueChanged: (e) => {
@@ -15859,7 +15883,17 @@ function createDateRangeEditor(_options, element, model) {
     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)));
+        rangeEditor.addDisposable(editor.events.on('propertyChanged', (args) => {
+            if (args.propertyName === 'value') {
+                rangeEditor.applyDate(args.newValue);
+            }
+            else if (args.propertyName === 'disabled') {
+                rangeEditor.disabled = args.newValue;
+            }
+            else if (args.propertyName === 'visible') {
+                rangeEditor.visible = args.newValue;
+            }
+        }));
     }
     return rangeEditor;
 }
@@ -15906,6 +15940,8 @@ class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_na
         viewModel.endRange.value = this.endDate;
         viewModel.endRange.min = this.startDate;
         viewModel.displayValue = this._displayText;
+        viewModel.disabled = this.disabled;
+        viewModel.visible = this.visible;
     }
     constructor(_options, editorInputId, visibilityChangedCallback) {
         super();
@@ -15924,6 +15960,8 @@ class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_na
         this._visibilityChangedCallback = visibilityChangedCallback;
         this._displayText = this._getStringValue([this.startDate, this.endDate]);
         this.applyDate(this._options.value);
+        this.disabled = this._options.disabled;
+        this.visible = this._options.visible;
         if (_options.isMobile) {
             this.popupTemplate = 'dxrd-menu-parameters-content';
             this.popupModel = new DateRangeParemeterPopupModel(this);
@@ -15973,6 +16011,12 @@ dateRangeEditor_decorate([
 dateRangeEditor_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => '')
 ], DateRangeEditor.prototype, "_displayText", void 0);
+dateRangeEditor_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => false)
+], DateRangeEditor.prototype, "disabled", void 0);
+dateRangeEditor_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => true)
+], DateRangeEditor.prototype, "visible", void 0);
 
 ;// ./node_modules/devexpress-reporting/viewer/widgets/dateRange/dateRangeEditor.binding.js