devexpress-reporting 23.2.6 → 24.1.2-beta

package/designer/internal/scripting/_eventdropdowneditor.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_eventdropdowneditor.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_eventdropdowneditor.js

@@ -1,10 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_eventdropdowneditor.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
+import { extend } from '@devexpress/analytics-core/analytics-internal-native';
 import { SvgTemplatesEngine } from '@devexpress/analytics-core/analytics-widgets-internal';
 import registerComponent from 'devextreme/core/component_registrator';
 import 'devextreme/ui/select_box';
@@ -14,7 +15,7 @@ import * as ko from 'knockout';
 const EDITOR_CLASS = 'dx-eventdropdowneditor dx-selectbox', EDITOR_ELLIPSIS_BUTTON_CLASS = 'dx-button-normal dx-dropdowneditor-button dxrd-ellipsis-button', EDITOR_ELLIPSIS_BUTTON_ICON_CLASS = 'dx-dropdowneditor-icon dxrd-ellipsis-image', EDITOR_ELLIPSIS_BUTTON_ICON_TEMPLATE = 'dxrd-svg-ellipsis';
 export class dxEventDropDownEditor extends dxSelectBox {
     _getDefaultOptions() {
-        return $.extend(super['_getDefaultOptions'].apply(this), {
+        return extend(super['_getDefaultOptions'].apply(this), {
             openOnFieldClick: false,
             secondAction: null
         });

package/designer/internal/scripting/_languageHelper.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_languageHelper.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_languageHelper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_languageHelper.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -16,9 +16,6 @@ if (!window['ace'] && aceAvailable()) {
     ace.config.setModuleUrl('ace/mode/vbscript', modevb);
 }
 export class LanguageHelper {
-    constructor(report) {
-        this._report = report;
-    }
     getLanguageMode() {
         if (this._report()) {
             const scriptLanguage = this._report().scriptLanguage();
@@ -59,6 +56,9 @@ export class LanguageHelper {
             return events;
         }
     }
+    constructor(report) {
+        this._report = report;
+    }
     createCompleters(editor, bindingContext, viewModel) {
         return [new ReportCompleter(bindingContext.$root.model, editor, viewModel.guid)];
     }

package/designer/internal/scripting/_reportCompleter.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_reportCompleter.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_reportCompleter.js

@@ -1,20 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_reportCompleter.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { ReportScriptService } from '../../services/_reportScriptService';
 import { ReportDummyCreator } from './_reportDummyCreator';
 export class ReportCompleter {
-    constructor(report, editorInstance, guid) {
-        this.completions = [];
-        this.report = report;
-        this.editorInstance = editorInstance;
-        this.guid = guid;
-        this.oldPrefix = null;
-    }
     __getCompletions(editor, session, pos, prefix, callback) {
         const self = this;
         ReportScriptService.getCompletions(editor, session, pos, prefix, callback, this.report(), this.editorInstance, this.guid())
@@ -50,6 +43,13 @@ export class ReportCompleter {
             }
         });
     }
+    constructor(report, editorInstance, guid) {
+        this.completions = [];
+        this.report = report;
+        this.editorInstance = editorInstance;
+        this.guid = guid;
+        this.oldPrefix = null;
+    }
     getCompletions(editor, session, pos, prefix, callback) {
         if (!this.oldPrefix || prefix[0] !== this.oldPrefix) {
             this.oldPrefix = prefix[0];

package/designer/internal/scripting/_reportDummyCreator.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_reportDummyCreator.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_reportDummyCreator.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_reportDummyCreator.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_scriptsEditor.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_scriptsEditor.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_scriptsEditor.js

@@ -1,147 +1,19 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_scriptsEditor.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { ActionListsBase, getControlFullName, getParentContainer, getUniqueName, replaceInvalidSymbols, ShowMessage } from '@devexpress/analytics-core/analytics-internal';
+import { ActionListsBase, extend, getControlFullName, getParentContainer, getUniqueName, replaceInvalidSymbols, ShowMessage } from '@devexpress/analytics-core/analytics-internal';
 import { getLocalization } from '@devexpress/analytics-core/analytics-utils';
 import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
-import * as $ from 'jquery';
 import * as ko from 'knockout';
 import { ReportScriptService } from '../../services/_reportScriptService';
 import { eventArgsTypes } from './_eventArgsTypes';
 import { LanguageHelper } from './_languageHelper';
 import { ReportDummyCreator } from './_reportDummyCreator';
 export class ScriptsEditor extends ActionListsBase {
-    constructor(report, allControls) {
-        super();
-        this._selectionNotEmpty = ko.observable(false);
-        this._canUndo = ko.observable(false);
-        this._canRedo = ko.observable(false);
-        this._cursorPosition = ko.observable().extend({ throttle: 100 });
-        this.guid = ko.observable(null);
-        this.editorContainer = ko.observable();
-        this.editorVisible = ko.observable(false);
-        this.toolbarItems = [];
-        this.controls = ko.observableArray([]);
-        this.selectedControl = ko.observable();
-        this.eventsCollection = ko.observable([]);
-        this.selectedEvent = ko.observable();
-        this.validateDisabled = ko.observable(false);
-        this.aceOptions = {
-            enableBasicAutocompletion: true,
-            enableSnippets: true,
-            enableLiveAutocompletion: true,
-            showPrintMargin: false
-        };
-        const self = this;
-        let cursorPositionChanging = false;
-        this.languageHelper = new LanguageHelper(report);
-        this._updateEditorState = () => {
-            if (this.editorContainer() && this.editorContainer().getSession()) {
-                this._canUndo(this.editorContainer().getSession().getUndoManager().hasUndo());
-                this._canRedo(this.editorContainer().getSession().getUndoManager().hasRedo());
-            }
-        };
-        this.selectionChanged = (editor) => {
-            this._selectionNotEmpty(!editor.getSelection().isEmpty());
-            this._updateEditorState();
-            editor.focus();
-        };
-        this.report = report;
-        this.scriptsText = ko.pureComputed({
-            read: () => { return this.report() && this.report().scriptsSource(); },
-            write: (newText) => { this.report() && this.report().scriptsSource(newText); }
-        });
-        this._initializeToolbar();
-        this.editorContainer.subscribe(editor => {
-            if (editor.getSession()) {
-                editor.getSession().getSelection().on('changeSelection', () => {
-                    this.selectionChanged(editor);
-                });
-                editor.getSession().getSelection().on('changeCursor', () => {
-                    self._cursorPosition(editor.getCursorPosition());
-                });
-            }
-        });
-        this._cursorPosition.subscribe((currentCursorPosition) => {
-            const currentFunctionName = this._getFunctionName(currentCursorPosition.row);
-            let control, event;
-            this.controls().some((ctrl) => {
-                control = ctrl;
-                event = this._getEventByFunction(ctrl, currentFunctionName);
-                return !!event;
-            });
-            if (control && event) {
-                try {
-                    cursorPositionChanging = true;
-                    this.selectedControl(control);
-                    this.selectedEvent(event);
-                }
-                finally {
-                    cursorPositionChanging = false;
-                }
-            }
-        });
-        this._disposables.push(ko.computed(() => {
-            this.controls(allControls().filter((control) => { return !!control.scripts && !control.lockedInUserDesigner(); }));
-        }));
-        this.selectedControl.subscribe((newSelectedControl) => {
-            let eventsList = [];
-            if (newSelectedControl) {
-                const info = newSelectedControl.getInfo();
-                const scripts = info.filter(x => x.propertyName === 'scripts')[0];
-                eventsList = scripts && scripts.info.filter((x) => ko.unwrap(x.visible) !== false && !ko.unwrap(x.disabled)).map((item) => {
-                    return item.propertyName.indexOf('on') === 0 ? item.propertyName.substring(2) : item.propertyName;
-                });
-            }
-            this.selectedEvent('');
-            this.eventsCollection(eventsList);
-        });
-        this._ensureFunction = (functionName, eventArgsType) => {
-            const editorContainer = this.editorContainer();
-            if (editorContainer) {
-                const editorContent = editorContainer.getValue();
-                if (editorContent.indexOf(functionName) === -1) {
-                    const newEventHandler = this.languageHelper.createNewHandler(functionName, eventArgsType);
-                    const resultScripts = editorContent.concat(newEventHandler);
-                    this.report().scriptsSource(resultScripts);
-                    editorContainer.setValue(resultScripts);
-                }
-            }
-        };
-        this.ensureEvent = (eventName, functionName, model) => {
-            let selectedControl = model;
-            if (!selectedControl) {
-                selectedControl = this.selectedControl();
-            }
-            functionName = ScriptsEditor.generateFunctionName(selectedControl, eventName, functionName, this.allFunctionNames);
-            const eventArgsType = ScriptsEditor.getEventArgsType(eventName);
-            this._ensureFunction(functionName, eventArgsType);
-            this._changeSelection(functionName);
-            selectedControl.scripts['on' + eventName](functionName);
-            this.selectedControl(selectedControl);
-            if (this.controls.indexOf(selectedControl) === -1) {
-                this.controls.push($.extend({ displayExpr: selectedControl.name }, selectedControl));
-            }
-            this.selectedEvent(eventName);
-        };
-        this.selectedEvent.subscribe((newEvent) => {
-            if (!cursorPositionChanging && newEvent) {
-                const selectedControl = this.selectedControl();
-                const selectedControlNewEvent = selectedControl && selectedControl.scripts['on' + newEvent];
-                const newEventFunction = selectedControlNewEvent && selectedControlNewEvent();
-                if (!newEventFunction || this.allFunctionNames.indexOf(newEventFunction) === -1) {
-                    this.ensureEvent(newEvent);
-                }
-                else {
-                    this._changeSelection(newEventFunction);
-                }
-            }
-        });
-    }
     _changeSelection(textToSelect) {
         const editorContainer = this.editorContainer();
         if (editorContainer) {
@@ -407,6 +279,133 @@ export class ScriptsEditor extends ActionListsBase {
             this.guid(result.Guid);
         });
     }
+    constructor(report, allControls) {
+        super();
+        this._selectionNotEmpty = ko.observable(false);
+        this._canUndo = ko.observable(false);
+        this._canRedo = ko.observable(false);
+        this._cursorPosition = ko.observable().extend({ throttle: 100 });
+        this.guid = ko.observable(null);
+        this.editorContainer = ko.observable();
+        this.editorVisible = ko.observable(false);
+        this.toolbarItems = [];
+        this.controls = ko.observableArray([]);
+        this.selectedControl = ko.observable();
+        this.eventsCollection = ko.observable([]);
+        this.selectedEvent = ko.observable();
+        this.validateDisabled = ko.observable(false);
+        this.aceOptions = {
+            enableBasicAutocompletion: true,
+            enableSnippets: true,
+            enableLiveAutocompletion: true,
+            showPrintMargin: false
+        };
+        const self = this;
+        let cursorPositionChanging = false;
+        this.languageHelper = new LanguageHelper(report);
+        this._updateEditorState = () => {
+            if (this.editorContainer() && this.editorContainer().getSession()) {
+                this._canUndo(this.editorContainer().getSession().getUndoManager().hasUndo());
+                this._canRedo(this.editorContainer().getSession().getUndoManager().hasRedo());
+            }
+        };
+        this.selectionChanged = (editor) => {
+            this._selectionNotEmpty(!editor.getSelection().isEmpty());
+            this._updateEditorState();
+            editor.focus();
+        };
+        this.report = report;
+        this.scriptsText = ko.pureComputed({
+            read: () => { return this.report() && this.report().scriptsSource(); },
+            write: (newText) => { this.report() && this.report().scriptsSource(newText); }
+        });
+        this._initializeToolbar();
+        this.editorContainer.subscribe(editor => {
+            if (editor.getSession()) {
+                editor.getSession().getSelection().on('changeSelection', () => {
+                    this.selectionChanged(editor);
+                });
+                editor.getSession().getSelection().on('changeCursor', () => {
+                    self._cursorPosition(editor.getCursorPosition());
+                });
+            }
+        });
+        this._cursorPosition.subscribe((currentCursorPosition) => {
+            const currentFunctionName = this._getFunctionName(currentCursorPosition.row);
+            let control, event;
+            this.controls().some((ctrl) => {
+                control = ctrl;
+                event = this._getEventByFunction(ctrl, currentFunctionName);
+                return !!event;
+            });
+            if (control && event) {
+                try {
+                    cursorPositionChanging = true;
+                    this.selectedControl(control);
+                    this.selectedEvent(event);
+                }
+                finally {
+                    cursorPositionChanging = false;
+                }
+            }
+        });
+        this._disposables.push(ko.computed(() => {
+            this.controls(allControls().filter((control) => { return !!control.scripts && !control.lockedInUserDesigner(); }));
+        }));
+        this.selectedControl.subscribe((newSelectedControl) => {
+            let eventsList = [];
+            if (newSelectedControl) {
+                const info = newSelectedControl.getInfo();
+                const scripts = info.filter(x => x.propertyName === 'scripts')[0];
+                eventsList = scripts && scripts.info.filter((x) => ko.unwrap(x.visible) !== false && !ko.unwrap(x.disabled)).map((item) => {
+                    return item.propertyName.indexOf('on') === 0 ? item.propertyName.substring(2) : item.propertyName;
+                });
+            }
+            this.selectedEvent('');
+            this.eventsCollection(eventsList);
+        });
+        this._ensureFunction = (functionName, eventArgsType) => {
+            const editorContainer = this.editorContainer();
+            if (editorContainer) {
+                const editorContent = editorContainer.getValue();
+                if (editorContent.indexOf(functionName) === -1) {
+                    const newEventHandler = this.languageHelper.createNewHandler(functionName, eventArgsType);
+                    const resultScripts = editorContent.concat(newEventHandler);
+                    this.report().scriptsSource(resultScripts);
+                    editorContainer.setValue(resultScripts);
+                }
+            }
+        };
+        this.ensureEvent = (eventName, functionName, model) => {
+            let selectedControl = model;
+            if (!selectedControl) {
+                selectedControl = this.selectedControl();
+            }
+            functionName = ScriptsEditor.generateFunctionName(selectedControl, eventName, functionName, this.allFunctionNames);
+            const eventArgsType = ScriptsEditor.getEventArgsType(eventName);
+            this._ensureFunction(functionName, eventArgsType);
+            this._changeSelection(functionName);
+            selectedControl.scripts['on' + eventName](functionName);
+            this.selectedControl(selectedControl);
+            if (this.controls.indexOf(selectedControl) === -1) {
+                this.controls.push(extend({ displayExpr: selectedControl.name }, selectedControl));
+            }
+            this.selectedEvent(eventName);
+        };
+        this.selectedEvent.subscribe((newEvent) => {
+            if (!cursorPositionChanging && newEvent) {
+                const selectedControl = this.selectedControl();
+                const selectedControlNewEvent = selectedControl && selectedControl.scripts['on' + newEvent];
+                const newEventFunction = selectedControlNewEvent && selectedControlNewEvent();
+                if (!newEventFunction || this.allFunctionNames.indexOf(newEventFunction) === -1) {
+                    this.ensureEvent(newEvent);
+                }
+                else {
+                    this._changeSelection(newEventFunction);
+                }
+            }
+        });
+    }
     get allFunctionNames() {
         return this.scriptsText() ? this.languageHelper.getFunctionNamesFromScript(this.scriptsText()) : [];
     }

package/designer/internal/serialization/_serializer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\serialization\_serializer.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/serialization/_serializer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\serialization\_serializer.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/jsReportDesigner.d.ts

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\jsReportDesigner.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-/// <reference types="jquery" />
+import { DxPromise } from '@devexpress/analytics-core/analytics-internal';
 import { IEditorInfo, ISerializationInfo } from '@devexpress/analytics-core/analytics-utils';
 import { PreviewModel } from '../viewer/internal/_previewModel';
 import { ControlType } from './controls/utils/_controlTypes';
@@ -34,17 +34,17 @@ export declare class JSReportDesigner {
     RemoveParameterType(parameterType: string): void;
     GetParameterInfo(parameterType: string): IParameterTypeValue;
     GetParameterEditor(valueType: string): IEditorInfo;
-    ReportStorageGetData(url: string): JQuery.Promise<any>;
-    ReportStorageSetData(reportLayout: string, url: string): JQuery.Promise<any>;
-    ReportStorageSetNewData(reportLayout: string, url: string): JQuery.Promise<any>;
-    SaveReport(): JQuery.Promise<any>;
+    ReportStorageGetData(url: string): DxPromise<any>;
+    ReportStorageSetData(reportLayout: string, url: string): DxPromise<any>;
+    ReportStorageSetNewData(reportLayout: string, url: string): DxPromise<any>;
+    SaveReport(): DxPromise<any>;
     GetTabs(): INavigateTab[];
     GetCurrentTab(): NavigateTab;
     CloseTab(tab: INavigateTab, force?: boolean): void;
     CloseCurrentTab(): void;
     AdjustControlCore(): void;
-    SaveNewReport(reportName: string): JQuery.Promise<any>;
-    ReportStorageGetUrls(): JQuery.Promise<any[]>;
+    SaveNewReport(reportName: string): DxPromise<any>;
+    ReportStorageGetUrls(): DxPromise<any[]>;
     OpenReport(url: string): void;
     ShowPreview(): void;
 }

package/designer/jsReportDesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\jsReportDesigner.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -12,15 +12,15 @@ import { ReportStorageWeb } from './services/reportStorageWeb';
 import { controlsFactory } from './utils/settings';
 import { groups } from './widgets/groups';
 export class JSReportDesigner {
-    constructor(_designerModel) {
-        this._designerModel = _designerModel;
-    }
     get designerModel() {
         return this._designerModel();
     }
     set designerModel(newVal) {
         this._designerModel(newVal);
     }
+    constructor(_designerModel) {
+        this._designerModel = _designerModel;
+    }
     UpdateLocalization(localization) {
         updateLocalization(localization);
     }

package/designer/jsReportDesignerBinding.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\jsReportDesignerBinding.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -10,7 +10,7 @@ import * as ko from 'knockout';
 import { IPreviewCustomizationHandler } from '../viewer/utils/initializer';
 import { JSReportDesigner } from './jsReportDesigner';
 import { IReportPreviewSettings } from './tools/generator/_settings';
-import { IDataSourceSettings, IReportDesignerCustomizationHandler, IReportDesignerInitializationModel, IReportWizardSettings } from './utils/inititalizer';
+import { IDataSourceSettings, IReportDesignerCustomizationHandler, IReportDesignerInitializationModel, IReportDesignerParameterEditingSettings, IReportWizardSettings } from './utils/inititalizer';
 import { IReportDeisgnerCallbacks } from './utils/publicCallbacks';
 export interface IJSDesignerCallbacks extends IReportDeisgnerCallbacks<DxReportDesigner>, ICommonBindingCustomizationHandler<JSReportDesigner> {
     designer?: IReportDesignerCustomizationHandler;
@@ -20,6 +20,7 @@ export interface IServerSideConfigurationOptions {
     wizardSettings?: IReportWizardSettings;
     reportPreviewSettings?: IReportPreviewSettings;
     dataSourceSettings?: IDataSourceSettings;
+    parameterEditingSettings?: IReportDesignerParameterEditingSettings;
     allowMDI?: boolean;
     rightToLeft?: boolean;
 }

package/designer/jsReportDesignerBinding.js

@@ -1,14 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (designer\jsReportDesignerBinding.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { addCultureInfo, ajaxSetup, fetchSetup, requestManager } from '@devexpress/analytics-core/analytics-utils';
-import { DxAnalyticsComponentCommon, getLocalization, JSDesignerBindingCommon, resolveFromPromises, ShowMessage, _wrapModelInObservable, troubleshootingPageWrapper, assignTroubleshootingPage, useKoIntegration } from '@devexpress/analytics-core/analytics-internal';
+import { DxAnalyticsComponentCommon, getLocalization, JSDesignerBindingCommon, resolveFromPromises, ShowMessage, _wrapModelInObservable, troubleshootingPageWrapper, assignTroubleshootingPage, useKoIntegration, DxDeferred, $dx } from '@devexpress/analytics-core/analytics-internal';
 import { registerBaseBinding } from '@devexpress/analytics-core/analytics-widgets-internal';
-import * as $ from 'jquery';
 import * as ko from 'knockout';
 import { _setChartLimitation } from '../chart/_initializer';
 import { EventGenerator } from '../common/binding/eventGenerator';
@@ -17,27 +16,12 @@ import { limitation } from './internal/_settings';
 import { JSReportDesigner } from './jsReportDesigner';
 useKoIntegration();
 export class JSReportDesignerBinding extends JSDesignerBindingCommon {
-    constructor(_options, customEventRaiser) {
-        super(_options, customEventRaiser);
-        this._model = null;
-        this._deferreds = [];
-        limitation(_options.limitation);
-        _setChartLimitation(limitation());
-        _options.designerModel = _wrapModelInObservable(_options.designerModel);
-        this.sender = new JSReportDesigner(_options.designerModel);
-        this._initializationData = ko.isObservable(_options.initializationData)
-            ? _options.initializationData
-            : ko.observable(_options.initializationData);
-        _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
-        this._callbacks = this._initializeCallbacks();
-        this._callbacks && this._callbacks.designer.onInitializing && this._callbacks.designer.onInitializing();
-    }
     _applyBindings(model, $element) {
         troubleshootingPageWrapper(() => {
             this.sender.designerModel = model;
             this._disposables.push(model);
-            const childTemplate = !model ? $.fn.constructor('<div>') : this._templateHtml;
-            $element.children().remove();
+            const childTemplate = !model ? document.createElement('div') : this._templateHtml;
+            $element.empty();
             const child = $element.append(childTemplate).children()[0];
             if (!child)
                 return;
@@ -112,9 +96,9 @@ export class JSReportDesignerBinding extends JSDesignerBindingCommon {
                 designerModelSettings: this._options.designerModelSettings
             }
         });
-        const _deferredModel = $.Deferred();
+        const _deferredModel = new DxDeferred();
         this._deferreds.push(_deferredModel);
-        getModel.done(_deferredModel.resolve).fail(_deferredModel.reject);
+        getModel.done(_deferredModel.resolve.bind(_deferredModel)).fail(_deferredModel.reject.bind(_deferredModel));
         _deferredModel.done((result, textStatus, jqXHR) => {
             if (result.error) {
                 return onError(result, textStatus, jqXHR, () => ({ url: getDesignerModelActionUrl, data: { reportUrl } }), result.error);
@@ -133,6 +117,21 @@ export class JSReportDesignerBinding extends JSDesignerBindingCommon {
             });
         });
     }
+    constructor(_options, customEventRaiser) {
+        super(_options, customEventRaiser);
+        this._model = null;
+        this._deferreds = [];
+        limitation(_options.limitation);
+        _setChartLimitation(limitation());
+        _options.designerModel = _wrapModelInObservable(_options.designerModel);
+        this.sender = new JSReportDesigner(_options.designerModel);
+        this._initializationData = ko.isObservable(_options.initializationData)
+            ? _options.initializationData
+            : ko.observable(_options.initializationData);
+        _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
+        this._callbacks = this._initializeCallbacks();
+        this._callbacks && this._callbacks.designer.onInitializing && this._callbacks.designer.onInitializing();
+    }
     dispose() {
         (this._deferreds || []).forEach((deferred) => {
             deferred.reject();
@@ -141,7 +140,7 @@ export class JSReportDesignerBinding extends JSDesignerBindingCommon {
         super.dispose();
     }
     applyBindings(element) {
-        const _$element = $.fn.constructor(element);
+        const _$element = $dx(element);
         _$element.addClass('dx-designer');
         this._createDisposeFunction(element);
         if (this._options.undoEngine) {