devexpress-reporting 23.1.5 → 23.2.1-alpha-23254-1700

package/viewer/settings.d.ts

@@ -1,26 +1,25 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\settings.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import * as ko from 'knockout';
 export interface IMessageHandler {
     processError: (message: string, showForUser?: boolean, prefix?: string, element?: Element) => void;
     processMessage: (message: string, showForUser?: boolean, element?: Element) => void;
     processWarning: (message: string, showForUser?: boolean, element?: Element) => void;
 }
-export declare var EditablePreviewEnabled: ko.Observable<boolean>;
-export declare var SearchAvailable: ko.Observable<boolean>;
+export declare var EditablePreviewEnabled: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<boolean>;
+export declare var SearchAvailable: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<boolean>;
 export declare var ReportServerInvokeUri: string;
 export declare var ReportServerExportUri: string;
-export declare var AsyncExportApproach: (newVal?: boolean) => boolean;
-export declare var MessageHandler: (newVal?: IMessageHandler) => IMessageHandler;
-export declare var HandlerUri: (newVal?: string) => string;
-export declare var previewDefaultResolution: (newVal?: number) => number;
-export declare var ReportServerDownloadUri: (newVal?: string) => string;
-export declare var PollingDelay: (newVal?: number) => number;
-export declare var TimeOut: (newVal?: number) => number;
-export declare var PreloadedPagesOffset: (newVal?: number) => number;
-export declare var MultipageScrollingThrottle: (newVal?: number) => number;
+export declare var AsyncExportApproach: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<boolean>;
+export declare var MessageHandler: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<IMessageHandler>;
+export declare var HandlerUri: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<string>;
+export declare var previewDefaultResolution: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<number>;
+export declare var ReportServerDownloadUri: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<string>;
+export declare var PollingDelay: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<number>;
+export declare var TimeOut: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<number>;
+export declare var PreloadedPagesOffset: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<number>;
+export declare var MultipageScrollingThrottle: import("@devexpress/analytics-core/analytics-internal-native").IGlobalSubscribableValue<number>;

package/viewer/settings.js

@@ -1,14 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\settings.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { createGlobalModuleVariableFunc, NotifyAboutWarning, NotifyType, ShowMessage } from '@devexpress/analytics-core/analytics-internal';
-import * as ko from 'knockout';
-export var EditablePreviewEnabled = ko.observable(true);
-export var SearchAvailable = ko.observable(true);
+import { createGlobalModuleVariableFunc, NotifyAboutWarning, NotifyType, ShowMessage } from '@devexpress/analytics-core/analytics-internal-native';
+export var EditablePreviewEnabled = createGlobalModuleVariableFunc(true);
+export var SearchAvailable = createGlobalModuleVariableFunc(true);
 export var ReportServerInvokeUri = '/RSWebDocumentViewerApi/Invoke';
 export var ReportServerExportUri = '/RSWebDocumentViewerApi/Download';
 export var AsyncExportApproach = createGlobalModuleVariableFunc(false);

package/viewer/templates.d.ts

@@ -0,0 +1,17 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\templates.d.ts)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { IContentActionViewModel, ISelectBoxActionViewModel } from '@devexpress/analytics-core/analytics-utils-native';
+import { IExportActionViewModel } from './internal/_actions';
+import { IEditorViewModel } from '@devexpress/analytics-core/analytics-widgets-native';
+export declare type ViewerTemplate = {
+    'dxrd-preview-pager': ISelectBoxActionViewModel;
+    'dxrd-zoom-autofit-select-template': ISelectBoxActionViewModel;
+    'dxrd-toolbar-two-way-switch': IContentActionViewModel;
+    'dxrd-preview-export-to': IExportActionViewModel;
+    'dxrd-multivalue-editing': IEditorViewModel;
+};

package/viewer/templates.js

@@ -0,0 +1,8 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\templates.js)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+export {};

package/viewer/utils/initializer.d.ts

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\initializer.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { IDesignerPart, IGlobalizeSettings, ILocalizationSettings, _ICommonCallbacksHandler } from '@devexpress/analytics-core/analytics-internal';
-import { IDisplayedValue, ISerializationInfo, TabPanel } from '@devexpress/analytics-core/analytics-utils';
+import { IDesignerPart, IGlobalizeSettings, ILocalizationSettings, _ICommonCallbacksHandler } from '@devexpress/analytics-core/analytics-internal-native';
+import { IDisplayedValue, ISerializationInfo, TabPanel } from '@devexpress/analytics-core/analytics-utils-native';
 import { IKeyValuePair } from '../../common/types';
 import { EditingField } from '../editing/editingField';
 import { ExportOptionsPreview } from '../exportOptions/exportOptionsPreview';
@@ -113,7 +113,7 @@ export interface IWebDocumentViewerModel extends IPreviewInitialize, IWebDocumen
     previewVisible?: boolean;
 }
 export interface IBindingSettings {
-    element: Element;
+    element: HTMLElement;
     model: IWebDocumentViewerModel;
     callbacks?: IPreviewCustomizationHandler;
     applyBindings?: boolean;

package/viewer/utils/initializer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\initializer.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/utils/publicCallbacks.d.ts

@@ -1,16 +1,16 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\publicCallbacks.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { CustomizeMenuActionsCallbacksHandler, ICommonCallbacksHandler, IDesignerPart } from '@devexpress/analytics-core/analytics-internal';
+import { CustomizeMenuActionsCallbacksHandler, ICommonCallbacksHandler, IDesignerPart } from '@devexpress/analytics-core/analytics-internal-native';
 import { CustomizeExportOptionsEventArgs } from '../../common/binding/exportOptionsEventArgs';
 import { ExportResultRequestData } from '../internal/_exportHandler';
 import { PreviewDisposableModel } from '../internal/_previewModel';
 import { IParameter, IParameterDescriptor } from '../parameters/parameterHelper';
-import { IDisplayedValue, ISerializationInfo } from '@devexpress/analytics-core/analytics-utils';
+import { IDisplayedValue, ISerializationInfo } from '@devexpress/analytics-core/analytics-utils-native';
 import { PreviewParametersViewModel } from '../parameters/previewParametersViewModel';
 import { IKeyValuePair } from '../../common/types';
 import { EditingField } from '../editing/editingField';

package/viewer/utils/publicCallbacks.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\publicCallbacks.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/utils/utils.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\utils.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -24,7 +24,7 @@ export interface IBrickNode {
     row: number;
     col: number;
     genlIndex: number;
-    active: ko.Observable<boolean> | ko.Computed<boolean>;
+    active: boolean;
     navigation?: IBrickNodeNavigation;
     rtl: boolean;
     efIndex?: number;

package/viewer/utils/utils.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\utils\utils.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/widgets/_groupEditor.d.ts

@@ -1,17 +1,21 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\widgets\_groupEditor.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { ISerializationInfo } from '@devexpress/analytics-core/analytics-utils';
-import { PropertyGridEditor } from '@devexpress/analytics-core/analytics-widgets';
-import * as ko from 'knockout';
+import { IPropertyGridEditorViewModel, PropertyGridEditor } from '@devexpress/analytics-core/analytics-widgets-native';
+export interface IParameterGroupEditorViewModel extends IPropertyGridEditorViewModel {
+    isGroupLabel: boolean;
+    hideEditorHeader: boolean;
+    hideBorder: boolean;
+    showHorizontally: boolean;
+}
 export declare class ParametersGroupEditor extends PropertyGridEditor {
+    createViewModel(): IParameterGroupEditorViewModel;
     _setPadding(position: string, value: any): {};
-    createObjectProperties(): import("@devexpress/analytics-core/analytics-widgets").ObjectProperties;
-    constructor(info: ISerializationInfo, level: any, parentDisabled?: ko.Computed<boolean>, textToSearch?: any);
+    createObjectProperties(): import("@devexpress/analytics-core/analytics-widgets-native").ObjectProperties;
     hideEditorHeader: boolean;
     hideBorder: boolean;
     showHorizontally: boolean;

package/viewer/widgets/_groupEditor.js

@@ -1,16 +1,25 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\widgets\_groupEditor.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { PropertyGridEditor } from '@devexpress/analytics-core/analytics-widgets';
+import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+import { PropertyGridEditor } from '@devexpress/analytics-core/analytics-widgets-native';
 export class ParametersGroupEditor extends PropertyGridEditor {
-    constructor(info, level, parentDisabled, textToSearch) {
-        super(info, level, parentDisabled, textToSearch);
+    constructor() {
+        super(...arguments);
         this.isGroupLabel = true;
     }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('isGroupLabel', this.isGroupLabel)
+            .generateProperty('hideBorder', this.editorOptions.borderVisible === false)
+            .generateProperty('hideEditorHeader', !this.editorOptions.titleVisible)
+            .generateProperty('showHorizontally', this.editorOptions.orientation === 'Horizontal')
+            .getViewModel();
+    }
     _setPadding(position, value) {
         var padding = super._setPadding(position, value);
         padding['padding-' + position] = 10;
@@ -19,13 +28,13 @@ export class ParametersGroupEditor extends PropertyGridEditor {
     }
     createObjectProperties() {
         var editorOptions = this.editorOptions;
-        this.collapsed(!editorOptions.expanded && editorOptions.titleVisible);
+        this._set('collapsed', !editorOptions.expanded && editorOptions.titleVisible);
         this.hideEditorHeader = !editorOptions.titleVisible;
-        this.alwaysShow(!editorOptions.showExpandButton);
+        this._set('alwaysShow', !editorOptions.showExpandButton);
         this.hideBorder = editorOptions.borderVisible === false;
         this.showHorizontally = editorOptions.orientation === 'Horizontal';
         this.level = -1;
-        this.editorCreated(true);
+        this._set('editorCreated', true);
         return super.createObjectProperties();
     }
 }

package/viewer/widgets/_multiValueEditor.d.ts

@@ -1,27 +1,33 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\widgets\_multiValueEditor.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { IDisplayedValue, Disposable } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
-export interface IMultiValueItem extends IDisplayedValue {
-    selected?: ko.Observable<boolean> | ko.Computed<boolean>;
-    toggleSelected?: () => void;
+import { IDisplayedValue } from '@devexpress/analytics-core/analytics-utils-native';
+import { Editor, IEditorViewModel } from '@devexpress/analytics-core/analytics-widgets-native';
+export interface IMultiValueEditorViewModel {
+    value: any[];
+    onValueChanged: (e: any) => void;
+    dataSource: Array<IDisplayedValue>;
+    items: Array<IDisplayedValue>;
+    maxDisplayedTags: number;
+    placeholder: string;
+    selectAllText: string;
+    searchExpr: string[];
+    displayExpr: string;
+    valueExpr: string;
+    getOptions: (options: any) => any;
+    displayName: string;
+    editorInputId: string;
+    disabled: boolean;
+    getPopupContainer: (element: Element) => Element;
+    validationRules: any[];
 }
-export declare class MultiValueEditorOptions extends Disposable {
-    private _isValueSelected;
-    constructor(value: ko.Observable<any>, items: Array<IDisplayedValue>);
-    selectedItems: ko.Observable<Array<IMultiValueItem>> | ko.Computed<Array<IMultiValueItem>>;
-    editorValue: ko.Observable<IMultiValueItem> | ko.Computed<IMultiValueItem>;
-    isSelectedAll: ko.Observable<boolean> | ko.Computed<boolean>;
-    _items: Array<IMultiValueItem>;
-    selectedValuesString: ko.Observable<string> | ko.Computed<string>;
-    displayItems: Array<IMultiValueItem>;
-    dataSource: any;
-    updateValue: () => void;
-    onOptionChanged: (e: any) => void;
-    value: ko.Observable | ko.Computed;
+export declare class MultiValueEditor extends Editor {
+    private _multiValueEditorSubscriptions;
+    private _createMultiValueEditorValueViewModel;
+    createViewModel(): IEditorViewModel;
+    dispose(): void;
 }

package/viewer/widgets/_multiValueEditor.js

@@ -1,84 +1,61 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\widgets\_multiValueEditor.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { getLocalization, Disposable } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
-export class MultiValueEditorOptions extends Disposable {
-    constructor(value, items) {
-        super();
-        this.selectedItems = ko.observable([]);
-        var values = value();
-        this.value = value;
-        var valueHasMutated = () => {
-            this.editorValue.notifySubscribers(this.displayItems[0]);
-        };
-        this._items = items.map((item) => {
-            var selected = ko.observable(this._isValueSelected(item.value, values));
-            return { selected: selected, value: item.value, displayValue: item.displayValue || item.value, toggleSelected: () => { selected(!selected()); valueHasMutated(); } };
-        });
-        this._disposables.push(this.selectedItems = ko.pureComputed(() => {
-            return this._items.filter((item) => { return item.selected(); });
-        }));
-        var selectionInProcess = ko.observable(false), isSelectedAllState, stringValue;
-        this._disposables.push(this.selectedValuesString = ko.pureComputed({
-            read: () => {
-                if (selectionInProcess())
-                    return stringValue;
-                stringValue = '';
-                this.selectedItems().forEach((item, index, array) => {
-                    stringValue += item.displayValue;
-                    if (index < array.length - 1) {
-                        stringValue += ', ';
-                    }
-                });
-                return stringValue;
-            },
-            write: (newValue) => { }
-        }));
-        this._disposables.push(this.isSelectedAll = ko.pureComputed({
-            read: () => {
-                if (selectionInProcess())
-                    return isSelectedAllState;
-                var selectedItemCount = this.selectedItems().length;
-                if (selectedItemCount > 0 && selectedItemCount < this._items.length) {
-                    return undefined;
-                }
-                isSelectedAllState = selectedItemCount === this._items.length;
-                return isSelectedAllState;
-            },
-            write: (newValue) => {
-                isSelectedAllState = newValue;
-                try {
-                    selectionInProcess(true);
-                    this._items.forEach((item) => { item.selected(newValue); });
-                }
-                finally {
-                    selectionInProcess(false);
-                }
-            }
+import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+import { getLocalization } from '@devexpress/analytics-core/analytics-utils-native';
+import { Editor } from '@devexpress/analytics-core/analytics-widgets-native';
+import { getParentContainer, selectPlaceholder } from '@devexpress/analytics-core/analytics-internal-native';
+export class MultiValueEditor extends Editor {
+    constructor() {
+        super(...arguments);
+        this._multiValueEditorSubscriptions = [];
+    }
+    _createMultiValueEditorValueViewModel(currentValue) {
+        this._multiValueEditorSubscriptions.forEach(x => x());
+        const viewModel = createViewModelGenerator()
+            .createDefaultModel(currentValue)
+            .generateProperty('value', currentValue.value)
+            .generateProperty('disabled', this._get('disabled'))
+            .generateProperty('displayName', this._get('displayName'))
+            .generateProperty('dataSource', currentValue.dataSource)
+            .generateProperty('items', currentValue.items)
+            .generateProperty('displayExpr', 'displayValue')
+            .generateProperty('editorInputId', this.editorInputId)
+            .generateProperty('getOptions', (options) => {
+            return Object.assign(Object.assign({}, this.getOptions(options)), { onValueChanged: (e) => {
+                    currentValue.value = e.value;
+                } });
+        })
+            .generateProperty('getPopupContainer', getParentContainer)
+            .generateProperty('maxDisplayedTags', currentValue.maxDisplayedTags)
+            .generateProperty('placeholder', selectPlaceholder())
+            .generateProperty('searchExpr', ['displayValue'])
+            .generateProperty('selectAllText', getLocalization('Select All', 'AnalyticsCoreStringId.SelectAll'))
+            .generateProperty('validationRules', this.validationRules)
+            .generateProperty('valueExpr', 'value')
+            .getViewModel();
+        this._multiValueEditorSubscriptions.push(currentValue.events.on('valueChanged', x => viewModel.value = currentValue.value), this.subscribeProperty('disabled', (x) => viewModel.disabled = x), this.subscribeProperty('displayName', (x) => viewModel.displayName = x));
+        return viewModel;
+    }
+    createViewModel() {
+        const currentValue = this._get('value');
+        const viewModel = createViewModelGenerator(super.createViewModel())
+            .generateProperty('value', this._createMultiValueEditorValueViewModel(currentValue))
+            .getViewModel();
+        this.destroyPropertySubscription('value');
+        this.addDisposable(this.subscribeProperty('value', (x) => {
+            const viewModel = this.getViewModel();
+            viewModel.value = this._createMultiValueEditorValueViewModel(this._get('value'));
         }));
-        var selectAllItem = { selected: this.isSelectedAll, value: null, displayValue: getLocalization('(Select All)', 'AnalyticsCoreStringId.SelectAll'), toggleSelected: () => { this.isSelectedAll(!this.isSelectedAll()); valueHasMutated(); } };
-        this.displayItems = [selectAllItem].concat(this._items);
-        this.dataSource = this.displayItems;
-        this.editorValue = ko.observable(selectAllItem);
-        this.updateValue = () => {
-            value(this._items.filter((item) => { return item.selected(); }).map((item) => { return item.value; }));
-            valueHasMutated();
-        };
-        this.onOptionChanged = (e) => {
-            if (e.name !== 'opened' || e.value)
-                return;
-            this.updateValue();
-        };
+        return viewModel;
     }
-    _isValueSelected(value, array) {
-        if (value instanceof Date) {
-            return array.filter((item) => { return item - value === 0; }).length > 0;
-        }
-        return array.indexOf(value) !== -1;
+    dispose() {
+        super.dispose();
+        this._multiValueEditorSubscriptions.forEach(x => x());
+        this._multiValueEditorSubscriptions = [];
     }
 }

package/viewer/widgets/dateRange/dateRangeEditor.binding.d.ts

@@ -0,0 +1,16 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\widgets\dateRange\dateRangeEditor.binding.d.ts)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { DateRangeEditor, IDateRangeEditorOptions } from './dateRangeEditor';
+import * as ko from 'knockout';
+import { Editor, IEditorViewModel } from '@devexpress/analytics-core/analytics-widgets-native';
+declare type IKoDateRangeEditorOptions = {
+    value: ko.Observable<IDateRangeEditorOptions['value']>;
+    isMobile?: boolean;
+};
+export declare function koWrapDateRangeEditor(_options: IKoDateRangeEditorOptions | IDateRangeEditorOptions, element?: Node, model?: Editor | IEditorViewModel): DateRangeEditor;
+export {};

package/viewer/widgets/dateRange/dateRangeEditor.binding.js

@@ -0,0 +1,41 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\widgets\dateRange\dateRangeEditor.binding.js)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { DateRangeEditor } from './dateRangeEditor';
+import * as ko from 'knockout';
+import * as $ from 'jquery';
+import { getTemplate } from '@devexpress/analytics-core/analytics-utils-native';
+import { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal-native';
+import { Editor } from '@devexpress/analytics-core/analytics-widgets-native';
+ko.bindingHandlers['dxrvDateRangeEditor'] = {
+    init: (element, valueAccessor, bindings, model, bindingContext) => {
+        const rangeEditor = koWrapDateRangeEditor(valueAccessor(), element, model);
+        $.fn.constructor(element).children().remove();
+        const templateHtml = getTemplate('dxrv-daterange-editor'), $element = $.fn.constructor(element).append(templateHtml);
+        const context = bindingContext.createChildContext(rangeEditor.getViewModel());
+        ko.applyBindingsToDescendants(context, $element.children()[0]);
+        addDisposeCallback(element, () => rangeEditor.dispose());
+        return { controlsDescendantBindings: true };
+    }
+};
+export function koWrapDateRangeEditor(_options, element, model) {
+    let rangeEditorOptions = _options;
+    let editor = model;
+    if (model && !(model instanceof Editor)) {
+        editor = model.getModel();
+    }
+    rangeEditorOptions = Object.assign(Object.assign({}, _options), { value: ko.unwrap(_options.value), onValueChanged: (e) => {
+            if (ko.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 (ko.isSubscribable(_options.value))
+        rangeEditor.addDisposable(_options.value.subscribe((newVal) => rangeEditor.applyDate(newVal)));
+    return rangeEditor;
+}

package/viewer/widgets/dateRange/dateRangeEditor.d.ts

@@ -1,50 +1,46 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\widgets\dateRange\dateRangeEditor.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { Disposable } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
 import { DateRangeDialogElementsKeyboardHelper } from '../../accessibility/_dateRangeKeyboardHelper';
-export interface IDateRangeEditorItem {
-    displayName: string;
-    range: () => Date[];
-}
+import { ArrayPropertyChangedEventArgs, BaseRenderingModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { IDateRangeEditorViewModel } from './dateRangeEditor.viewmodel';
+import { IDateRangeEditorItem } from './dateRangeEditor.ranges';
 export interface IDateRangeEditorOptions {
-    value: ko.ObservableArray<Date>;
+    value: Date[];
+    onValueChanged: (e: {
+        value: Date[];
+    }) => void;
     isMobile?: boolean;
 }
-export declare var predefinedDateRanges: IDateRangeEditorItem[];
-export declare class DateRangeEditor extends Disposable {
+export declare class DateRangeEditor extends BaseRenderingModel<IDateRangeEditorViewModel> {
     private _options;
     private _locker;
+    createViewModel(): IDateRangeEditorViewModel;
     private _getStringValue;
-    _popupVisible: ko.Observable<boolean>;
     _showPopup: () => void;
     _hidePopup: () => void;
-    _displayText: ko.Computed<string>;
+    getElement(): Element | undefined;
     _$element: JQuery;
     _editorInputId: string;
     _isSelected(item: IDateRangeEditorItem): boolean;
-    constructor(_options: IDateRangeEditorOptions, editorInputId: string);
+    onPropertyChanged(args: PropertyChangedEventArgs<DateRangeEditor> | ArrayPropertyChangedEventArgs<DateRangeEditor>): void;
+    updateViewModel(args: PropertyChangedEventArgs<DateRangeEditor> | ArrayPropertyChangedEventArgs<DateRangeEditor>): void;
+    constructor(_options: IDateRangeEditorOptions, editorInputId?: string);
     private _toParameterValue;
-    _accessibilityDialogItems: ko.ObservableArray<any>;
-    _createTemplateData(value: ko.Observable<Date>, min: ko.Observable<Date>): {
-        value: ko.Observable<Date>;
-        min: ko.Observable<Date>;
-        height: string;
-        inRange: (date: Date) => boolean;
-    };
     applyDate(range: Date[], force?: boolean): void;
-    inRange(date: any): boolean;
+    inRange(date: Date): boolean;
     applyValue(updateEndDate?: boolean): void;
     popupTemplate: string;
-    items: any[];
-    startDate: ko.Observable<Date>;
-    endDate: ko.Observable<Date>;
+    startDate: Date;
+    endDate: Date;
+    _popupVisible: boolean;
+    _displayText: string;
     popupModel: any;
+    items: any[];
     calendarHeight: string;
     dialogKeyboardHelper: DateRangeDialogElementsKeyboardHelper;
 }