devexpress-reporting 23.2.6 → 24.1.2-beta

package/designer/tools/dialogs/saveAsReportDialog.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\dialogs\saveAsReportDialog.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,6 +12,12 @@ import { reportStorageWebIsRegister } from '../../internal/_settings';
 import { ReportStorageWeb } from '../../services/reportStorageWeb';
 import { ReportDialogBase } from './reportDialogBase';
 export class SaveAsReportDialogModelBase {
+    onShow(tab) {
+        const self = this;
+        ReportStorageWeb.getUrls().done((result) => { self.urls(result); });
+        const displayName = (this.urls() || []).filter((item) => { return item.Key === this.reportUrl(); })[0];
+        this.reportName(displayName && displayName['Value'] || tab.displayName());
+    }
     constructor(popup, urls) {
         this.noDataText = noDataText();
         this.reportNamePlaceholder = () => getLocalization('Enter a report name to save...', 'ASPxReportsStringId.ReportDesigner_SaveAs_NamePlaceholder');
@@ -31,12 +37,6 @@ export class SaveAsReportDialogModelBase {
             { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { disabled: popup.disabled, text: getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'), type: 'normal', stylingMode: 'contained', onClick: function () { popup.cancel(); } } }
         ];
     }
-    onShow(tab) {
-        const self = this;
-        ReportStorageWeb.getUrls().done((result) => { self.urls(result); });
-        const displayName = (this.urls() || []).filter((item) => { return item.Key === this.reportUrl(); })[0];
-        this.reportName(displayName && displayName['Value'] || tab.displayName());
-    }
     getUrl() {
         return this.reportUrl();
     }
@@ -45,6 +45,10 @@ export class SaveAsReportDialogModelBase {
     }
 }
 export class SaveAsReportDialog extends ReportDialogBase {
+    show(tab) {
+        this.closeAfterSave(false);
+        super.show(tab);
+    }
     constructor(subreports, callbacks) {
         super();
         this.closeAfterSave = ko.observable(false);
@@ -55,10 +59,6 @@ export class SaveAsReportDialog extends ReportDialogBase {
         this.customize('dxrd-savereport-dialog-content', new SaveAsReportDialogModelBase(this, subreports));
         this.title = getLocalization('Save Report', 'ReportStringId.RibbonXRDesign_SaveFile_STipTitle');
     }
-    show(tab) {
-        this.closeAfterSave(false);
-        super.show(tab);
-    }
     save(url) {
         const self = this;
         if (reportStorageWebIsRegister()) {

package/designer/tools/dialogs/saveReportDialog.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\dialogs\saveReportDialog.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/tools/dialogs/saveReportDialog.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\dialogs\saveReportDialog.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
 */
@@ -11,6 +11,15 @@ import { reportStorageWebIsRegister } from '../../internal/_settings';
 import { ReportStorageWeb } from '../../services/reportStorageWeb';
 import { ReportDialogBase } from './reportDialogBase';
 export class SaveReportDialogModelBase {
+    onShow(tab) {
+        this.saveText(getLocalization('"{0}" has been changed. Do you want to save changes ?', 'ReportStringId.UD_Msg_MdiReportChanged').replace('{0}', tab.displayName()));
+    }
+    getUrl() {
+        return this.reportUrl();
+    }
+    setUrl(url) {
+        this.reportUrl(url);
+    }
     constructor(popup) {
         this.reportUrl = ko.observable('');
         this.saveText = ko.observable('');
@@ -35,15 +44,6 @@ export class SaveReportDialogModelBase {
             { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { disabled: popup.disabled, type: 'normal', stylingMode: 'contained', text: getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'), onClick: function () { popup.cancel(); } } }
         ];
     }
-    onShow(tab) {
-        this.saveText(getLocalization('"{0}" has been changed. Do you want to save changes ?', 'ReportStringId.UD_Msg_MdiReportChanged').replace('{0}', tab.displayName()));
-    }
-    getUrl() {
-        return this.reportUrl();
-    }
-    setUrl(url) {
-        this.reportUrl(url);
-    }
 }
 export class SaveReportDialog extends ReportDialogBase {
     constructor(saveReportDialog, callbacks) {

package/designer/tools/generator/_inititalizer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_inititalizer.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
 */
@@ -14,7 +14,7 @@ import * as ko from 'knockout';
 import { IEnumType } from '../../../common/customTypes';
 import { IPreviewCustomizationHandler } from '../../../viewer/utils/initializer';
 import { ReportItemsProvider } from '../../internal/reportExplorer/_reportItemsProvider';
-import { ICultureInfoList, ICustomControlTypeInfo, ICustomExpressionInfo, IReportDesignerCustomizationHandler, IReportDesignerErrorPanelSettings, IReportWizardSettings } from '../../utils/inititalizer';
+import { ICultureInfoList, ICustomControlTypeInfo, ICustomExpressionInfo, IReportDesignerCustomizationHandler, IReportDesignerErrorPanelSettings, IReportDesignerParameterEditingSettings, IReportWizardSettings } from '../../utils/inititalizer';
 import { DataBindingModeValue, DefaultCrossTabControlValue } from '../../utils/settings';
 import { IReportDesignerContext, IReportDesignerRootContext } from './reportDesignerContext';
 import { ReportMenuSettings } from './_reportMenuSettings';
@@ -46,13 +46,13 @@ export declare class ReportDesignerInitializer extends CommonDesignerGenerator<I
     get buildingModel(): IReportDesignerRootContext;
     private get _designerCallbacks();
     getModel(): IReportDesignerRootContext;
-    subscribeIncomeReport(report: ko.Observable | ko.Computed, reportUrl?: ko.Observable<string> | ko.Computed<string>, dataSourceRefs?: any[], knownEnums?: Array<IEnumType>): ReportDesignerInitializer;
+    subscribeIncomeReport(report: ko.Observable | ko.Computed, reportUrl?: ko.Observable<string> | ko.Computed<string>, dataSourceRefs?: any[], knownEnums?: Array<IEnumType>, _parameterEditingSettings?: IReportDesignerParameterEditingSettings): ReportDesignerInitializer;
     private _addDisposable;
     private _tryAddScriptEditor;
     private _getControls;
     private _createEmptyReportItemsProvider;
     addReportDialogs(func: (settings: ReportDialogSettings) => void): ReportDesignerInitializer;
-    addErrorPanelViewModel(element: Element, options: IReportDesignerErrorPanelSettings): ReportDesignerInitializer;
+    addErrorPanelViewModel(element: HTMLElement, options: IReportDesignerErrorPanelSettings): ReportDesignerInitializer;
     addNavigateToControl(element?: Element): ReportDesignerInitializer;
     addFlagsAndInitProperties(element?: Element): ReportDesignerInitializer;
     addPreview(options: PreviewOptions): ReportDesignerInitializer;
@@ -62,7 +62,7 @@ export declare class ReportDesignerInitializer extends CommonDesignerGenerator<I
     initializeCalculatedFieldsSource(): ReportDesignerInitializer;
     initializeWatermarks(): ReportDesignerInitializer;
     initializeFieldListItemsExtenders(): ReportDesignerInitializer;
-    initializeParameters(): ReportDesignerInitializer;
+    initializeParameters(_parameterEditingSettings?: IReportDesignerParameterEditingSettings): ReportDesignerInitializer;
     initializeFieldListProvider(): ReportDesignerInitializer;
     initializeReportItemsProvider(): ReportDesignerInitializer;
     initializeDataBindingsProvider(): ReportDesignerInitializer;
@@ -87,7 +87,7 @@ export declare class ReportDesignerInitializer extends CommonDesignerGenerator<I
     private _updateCallback;
     addOpenReportMethod(): ReportDesignerInitializer;
     addShowPreviewMethod(): ReportDesignerInitializer;
-    initializeUIEffects(applyBindings: boolean, element: Element): ReportDesignerInitializer;
+    initializeUIEffects(applyBindings: boolean, element: HTMLElement): ReportDesignerInitializer;
     private _createNewReportFromWizardState;
     private _createNewViaWizardAction;
     private _createLocalizationModeAction;
@@ -144,7 +144,7 @@ export declare class ReportDesignerInitializer extends CommonDesignerGenerator<I
     addWizards(connectionStrings: IDataSourceWizardConnectionStrings, wizardSettings: IReportWizardSettings, cusomizeSettingsFunc: (settings: WizardsInitializerSettings) => void): ReportDesignerInitializer;
     addLocalizationEditor(): ReportDesignerInitializer;
     addStaticContext(): ReportDesignerInitializer;
-    tryApplyBindings(applyBindings: boolean, element: Element): ReportDesignerInitializer;
+    tryApplyBindings(applyBindings: boolean, element: HTMLElement): ReportDesignerInitializer;
     dispose(): void;
     constructor(options: IReportDesignerGeneratorSettings);
 }

package/designer/tools/generator/_inititalizer.js

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_inititalizer.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 { ActionLists, addDisposeCallback, appendStaticContextToRootViewModel, BaseAction, CombinedObject, CommonDesignerGenerator, ContextMenuProvider, createActionWrappingFunction, DesignerBaseElements, DragDropHandler, DragHelperContent, extend, FieldListProvider, findFirstItemMatchesCondition, formatUnicorn, getControlFullName, getControlTypeName, InlineTextEdit, localizeNoneString, NotifyType, ObjectExplorerProvider, processErrorEvent, ShowMessage, SnapLinesHelper, staticContext, SurfaceSelection, updateSurfaceContentSize } from '@devexpress/analytics-core/analytics-internal';
+import { $dx, ActionLists, addDisposeCallback, appendStaticContextToRootViewModel, BaseAction, CombinedObject, CommonDesignerGenerator, ContextMenuProvider, createActionWrappingFunction, DesignerBaseElements, DragDropHandler, DragHelperContent, DxDeferred, extend, FieldListProvider, findFirstItemMatchesCondition, formatUnicorn, getControlFullName, getControlTypeName, InlineTextEdit, localizeNoneString, NotifyType, ObjectExplorerProvider, processErrorEvent, ShowMessage, SnapLinesHelper, staticContext, SurfaceSelection, updateSurfaceContentSize } from '@devexpress/analytics-core/analytics-internal';
 import { ActionId as AnalyticActionId } from '@devexpress/analytics-core/analytics-tools';
 import { getLocalization, ModelSerializer, TabInfo } from '@devexpress/analytics-core/analytics-utils';
 import { editorTemplates, ObjectProperties, unwrapEditor } from '@devexpress/analytics-core/analytics-widgets';
@@ -13,7 +13,6 @@ import { aceAvailable, availableFonts, formatStringStandardPatterns, propertiesG
 import { FullscreenDataSourceWizard, FullscreenWizard, _createDefaultDataSourceWizardState } from '@devexpress/analytics-core/analytics-wizard';
 import config from 'devextreme/core/config';
 import dxScrollView from 'devextreme/ui/scroll_view';
-import * as $ from 'jquery';
 import * as ko from 'knockout';
 import { HandlerUri as ChartInternalHandlerUri } from '../../../chart/_handlerUri';
 import { defaultCulture } from '../../../common/defaultCulture';
@@ -79,6 +78,7 @@ import { ReportStorageWeb } from '../../services/reportStorageWeb';
 import { ReportDataSourceService } from '../../services/_reportDataSourceService';
 import { ReportPreviewService } from '../../services/_reportPreviewService';
 import { ReportWizardService } from '../../services/_reportWizardService';
+import { defaultParameterEditingSettings } from '../../utils/inititalizer';
 import { ReportDesignerAddOns, ReportDesignerElements } from '../../utils/reportDesignerElements';
 import { controlsFactory, DataBindingMode as UtilsDataBindingMode, DefaultCrossTabControl, formatStringEditorCustomSet, HandlerUri as UtilsHandlerUri, smartTagFactory as UtilsSmartTagFactory } from '../../utils/settings';
 import { registerControls } from '../../utils/_registerControls';
@@ -98,90 +98,8 @@ import { ReportDialogSettings, WizardsInitializerSettings } from './_settings';
 import { ChartActions } from '../../actions/chartActions';
 import { ContextMenusEnabled, SmartTagsEnabled, PropertyGrid } from '../../settings';
 import { FullScreenActionBase } from '../../../viewer/internal/_actions';
+import { Parameter } from '../../dataObjects/parameters/parameter';
 export class ReportDesignerInitializer extends CommonDesignerGenerator {
-    constructor(options) {
-        super();
-        this.options = options;
-        this._onAfterRenderCallbacks = [];
-        this._converters = [];
-        this._customMergeEngine = new CustomMergingEngine();
-        this._updateCallback = null;
-        this._selection = options.selection || new SurfaceSelection;
-        const serializer = new ModelSerializer();
-        this.configurateRtl(options.rtl)
-            .configureReportStorageRegistration(options.reportStorageWebIsRegister, options.allowMDI)
-            .addCallbacks(options.callbacks)
-            .addElement('state', () => options.state)
-            .addElement('availableDataSources', () => {
-            return (options.availableDataSources || []).map((object) => {
-                return $.extend({}, object, { data: createNewObjectItem(object.data, undefined, serializer) });
-            });
-        });
-        const navigation = new NavigateByReports({
-            allowMDI: this._allowMDI,
-            callbacks: this._designerCallbacks,
-            knownEnums: options.knownEnums,
-            reportUrl: options.reportUrl,
-            initOptions: {
-                availableDataSources: options.availableDataSources,
-                state: options.state
-            },
-            selection: this._selection
-        });
-        const undoEngine = ko.computed(() => { return navigation.currentTab() && navigation.currentTab().undoEngine; });
-        this._addDisposable(undoEngine);
-        this._reportcontext = ko.computed({
-            read: () => {
-                return navigation.currentTab() && navigation.currentTab().context();
-            },
-            write: (newVal) => {
-                navigation.currentTab() && navigation.currentTab().context(newVal);
-            }
-        });
-        const model = ko.computed({
-            read: () => {
-                return this._reportcontext() && this._reportcontext().report;
-            },
-            write: (newVal) => {
-                if (!this.isDisposing)
-                    navigation.changeContext(newVal);
-            }
-        });
-        const surface = ko.computed(() => this._reportcontext() && this._reportcontext().surface);
-        const canAddItems = ko.computed(() => model() && model().language() === defaultCulture);
-        this._addDisposable(this._reportcontext);
-        this._addDisposable(model);
-        this._addDisposable(surface);
-        this._addDisposable(canAddItems);
-        this._addDisposable(canAddItems.subscribe((newVal) => {
-            this.buildingModel.toolboxItems && this.buildingModel.toolboxItems.forEach(x => x.disabled(!newVal));
-        }));
-        this.initializeContext({ model, surface, undoEngine });
-        this.mapOnContext();
-        this.addElement('canAddItems', () => canAddItems);
-        this.addElement('navigateByReports', () => navigation);
-        this.addElement('getTabs', () => () => navigation.tabs());
-        this.addElement('closeTab', () => (tab, force = false) => navigation.removeTab(tab, force));
-        this._addDisposable(this._reportcontext.subscribe((newVal) => {
-            if (this.buildingModel.propertyGrid) {
-                this.buildingModel.propertyGrid.cleanEditors();
-                this.buildingModel.propertyGrid.editorsRendered(!this.buildingModel.propertyGrid.isSortingByGroups());
-            }
-            this.buildingModel.popularProperties && this.buildingModel.popularProperties.cleanEditors();
-        }));
-        this._selection.focused(surface());
-        this._addDisposable(surface.subscribe((newValue) => {
-            if (!newValue)
-                this._selection.reset();
-            else
-                this._selection.focused(newValue);
-        }));
-        const isDefaultLanguage = ko.computed(() => {
-            return this.buildingModel.model && this.buildingModel.model() ? this.buildingModel.model().language() == defaultCulture : false;
-        });
-        this._addDisposable(isDefaultLanguage);
-        this._accessibilityProvider = new LocaliziblePropertiesAccessibilityProvider(isDefaultLanguage);
-    }
     get reportContext() {
         return this._reportcontext;
     }
@@ -194,7 +112,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     getModel() {
         return super.getModel();
     }
-    subscribeIncomeReport(report, reportUrl, dataSourceRefs, knownEnums) {
+    subscribeIncomeReport(report, reportUrl, dataSourceRefs, knownEnums, _parameterEditingSettings) {
         this._addDisposable(report.subscribe((newValue) => {
             const newModel = new ReportViewModel(newValue, undefined, knownEnums);
             updateDataSourceRefs(newModel, dataSourceRefs);
@@ -341,10 +259,9 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     errorPanel._providers.forEach(provider => provider.collectErrors());
                 }
             }));
-            const $root = $.fn.constructor(element);
-            const $window = $.fn.constructor(window);
-            const $progress = $root.find('.dxrd-error-panel');
-            const updateProgressBarPosition = getDockedElementCallback($progress, $root, $window, '.dxrd-error-panel', { bottom: true });
+            const $root = $dx(element);
+            const $progress = $dx(element).find('.dxrd-error-panel');
+            const updateProgressBarPosition = getDockedElementCallback($progress, $root, window, '.dxrd-error-panel', { bottom: true });
             this._addDisposable(errorPanel.collapsed.subscribe(() => {
                 updateProgressBarPosition(element);
             }));
@@ -504,10 +421,11 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         this.addElement('fieldListItemsExtenders', () => fieldListItemsExtenders);
         return this;
     }
-    initializeParameters() {
+    initializeParameters(_parameterEditingSettings = defaultParameterEditingSettings) {
         const parameters = ko.computed(() => this._reportcontext() && this._reportcontext().parameters);
         this.addElement('parameters', () => parameters);
         this._parameters = parameters;
+        this.addElement('parameterEditingSettings', () => _parameterEditingSettings);
         return this;
     }
     initializeFieldListProvider() {
@@ -597,13 +515,18 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         const properties = super.createControlProperties(editors, groups, accessibilityProvider);
         properties.createEditorAddOn = (_editor) => {
             const editor = unwrapEditor(_editor);
+            const template = {
+                templateName: 'dx-editor-addons',
+                data: []
+            };
+            if (ko.unwrap(editor._model) instanceof Parameter && ko.unwrap(editor.disabled)) {
+                return template;
+            }
             const editorAddOn = new ValueEditorAddOn(editor, properties.popupService);
             const editorExression = new ExpressionEditorAddOn(editor, properties.popupService, 'dxrd-svg-properties-propertyexpression');
+            template.data.push(editorAddOn, editorExression);
             editor._disposables.push(editorAddOn, editorExression);
-            return {
-                templateName: 'dx-editor-addons',
-                data: [editorAddOn, editorExression]
-            };
+            return template;
         };
         return properties;
     }
@@ -857,7 +780,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     initializeUIEffects(applyBindings, element) {
         this._addDisposable(this.buildingModel.editableObject.subscribe(() => {
-            const $scrollView = $.fn.constructor('.dxrd-designer .dxrd-properties-wrapper').find('.dx-scrollview');
+            const $scrollView = $dx('.dxrd-designer .dxrd-properties-wrapper').find('.dx-scrollview');
             if ($scrollView.length) {
                 const scrollViewInstance = dxScrollView['getInstance']($scrollView.get(0));
                 scrollViewInstance && scrollViewInstance['scrollTo'] && scrollViewInstance['scrollTo'](0);
@@ -874,8 +797,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             else {
                 updateSurfaceContentSize__();
             }
-            const $root = $.fn.constructor(element).find('.dxrd-designer').eq(0);
-            const $contentPanel = $root.find('.dxrd-surface-wrapper .dxrd-content-panel-wrapper').eq(0);
+            const $root = $dx(element).find('.dxrd-designer');
+            const $contentPanel = $root.find('.dxrd-surface-wrapper .dxrd-content-panel-wrapper');
             areaHeight($contentPanel.height());
             areaWidth($contentPanel.width());
         };
@@ -918,7 +841,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         };
         window.addEventListener('resize', this._updateCallback);
         this.buildingModel.onViewPortScroll = (viewPort) => {
-            const $viewPort = $.fn.constructor(viewPort), $surface = $viewPort.closest('.dxrd-surface');
+            const $viewPort = $dx(viewPort), $surface = $viewPort.closest('.dxrd-surface');
             $surface.find('.dxrd-bands-panel-wrapper').scrollTop($viewPort.scrollTop());
             $surface.find('.dxrd-hruler-wrapper').scrollLeft($viewPort.scrollLeft());
         };
@@ -991,7 +914,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.initialize();
             reportWizard.start((reportWizardState) => {
                 designerModel.isLoading(true);
-                const deferred = $.Deferred();
+                const deferred = new DxDeferred();
                 if (reportWizardState.jsonDataSourceWizard.jsonSource && reportWizardState.newDataSource) {
                     ReportWizardService.createNewJsonDataSource(reportWizardState.jsonDataSourceWizard, JsonDataSourceEditor.createJsonDataSourceInfo)
                         .done((dataSource) => {
@@ -1038,7 +961,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             menuAction.selected(true);
             designerModel.localizationMode(true);
             localizationEditor.start();
-            $.fn.constructor('.dx-designer .dxrd-surface-wrapper').addClass('dxrd-surface-localization-mode');
+            $dx('.dx-designer .dxrd-surface-wrapper').addClass('dxrd-surface-localization-mode');
             localizationEditor.translateHelper.move('dxrd-toolbar-wrapper');
             localizationEditor.translateHelper.move('dxrd-tab-panel-wrapper', '+', 'translateX');
             localizationEditor.translateHelper.move('dxrd-navigation-panel-wrapper', '+');
@@ -1050,7 +973,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             designerModel.appMenuVisible(false);
             designerModel.localizationMode(false);
             localizationEditor.finish();
-            $.fn.constructor('.dx-designer .dxrd-surface-wrapper').removeClass('dxrd-surface-localization-mode');
+            $dx('.dx-designer .dxrd-surface-wrapper').removeClass('dxrd-surface-localization-mode');
             localizationEditor.translateHelper.reset('dxrd-toolbar-wrapper');
             localizationEditor.translateHelper.reset('dxrd-tab-panel-wrapper');
             localizationEditor.translateHelper.reset('dxrd-navigation-panel-wrapper');
@@ -1087,7 +1010,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.itemsProvider(designerModel.dataBindingsProvider());
             reportWizard.initialize(createReportWizardState(designerModel.model()));
             reportWizard.start((reportWizardState) => {
-                const deferred = $.Deferred();
+                const deferred = new DxDeferred();
                 if (reportWizardState.newDataSource) {
                     const ds = _restoreDataSourceFromState(reportWizardState.newDataSource);
                     ds.name = designerModel.model().dataSourceHelper().getUniqueDataSourceName(ds.name);
@@ -1177,7 +1100,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         const report = designerModel.model, reportPreview = designerModel.reportPreviewModel.reportPreview, reportWizard = designerModel.wizard, dataSourceWizard = designerModel.dataSourceWizard, localizationEditor = designerModel.localizationEditor, multiQueryDataSourceWizard = designerModel.multiQueryDataSourceWizard, scriptsEditor = designerModel.scriptsEditor;
         return ((actions) => {
             var _a, _b, _c, _d, _e, _f;
-            $.extend(findFirstItemMatchesCondition(actions, item => item.id === AnalyticActionId.Copy), { textId: StringId.Copy });
+            extend(findFirstItemMatchesCondition(actions, item => item.id === AnalyticActionId.Copy), { textId: StringId.Copy });
             if (reportStorageWebIsRegister()) {
                 actions.push({
                     id: ActionId.NewReport,
@@ -1194,7 +1117,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                         const wizardState = createReportWizardState();
                         wizardState.reportType = ReportType.Empty;
                         wizardState.reportTemplateID = ReportType[ReportType.Empty];
-                        const deferred = $.Deferred();
+                        const deferred = new DxDeferred();
                         this._createNewReportFromWizardState(reportWizard, designerModel, wizardState, state, deferred);
                         deferred.done(reportModel => {
                             reportWizard.events.call('afterFinish', { state: wizardState, wizardResult: reportModel });
@@ -1445,7 +1368,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         });
         this._addDisposable(designerShortcutsEnabled);
         const actions = new ActionLists(this.buildingModel.surface, this.buildingModel.selection, this.buildingModel.undoEngine, this._customizeDesignerActions(this.buildingModel, this._designerCallbacks.customizeActions, this._designerCallbacks.exitDesigner, () => this._reportcontext() && this._reportcontext().state() || this.buildingModel.state, this._designerCallbacks), designerShortcutsEnabled, reportCopyPasteStrategy(this._designerCallbacks.componentAdded), this.buildingModel.zoomStep, _ => !this.buildingModel.canAddItems());
-        this.addElement('actionStorage', () => $.extend({}, this._createActionsStorage(actions.menuItems), this._createActionsStorage(actions.toolbarItems)));
+        this.addElement('actionStorage', () => extend({}, this._createActionsStorage(actions.menuItems), this._createActionsStorage(actions.toolbarItems)));
         return actions;
     }) {
         super.addActionList(actionListFunc);
@@ -1635,7 +1558,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     initCultureInfo(cultureInfoList) {
-        $.extend(true, cultureInfo, cultureInfoList);
+        extend(true, cultureInfo, cultureInfoList);
         return this;
     }
     updateFont(fontSet) {
@@ -1768,7 +1691,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     tryApplyBindings(applyBindings, element) {
         if (applyBindings) {
             this._designerCallbacks.beforeRender && this._designerCallbacks.beforeRender(this);
-            $.fn.constructor(element).children().remove();
+            $dx(element).children().remove();
             ko.applyBindings(this.buildingModel, element);
             this.buildingModel.afterRender();
             const dispose = () => {
@@ -1785,4 +1708,89 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         controlsFactory().dispose();
         this.removeProperties();
     }
+    constructor(options) {
+        var _a;
+        super();
+        this.options = options;
+        this._onAfterRenderCallbacks = [];
+        this._converters = [];
+        this._customMergeEngine = new CustomMergingEngine();
+        this._updateCallback = null;
+        this._selection = options.selection || new SurfaceSelection;
+        const serializer = new ModelSerializer();
+        this.configurateRtl(options.rtl)
+            .configureReportStorageRegistration(options.reportStorageWebIsRegister, options.allowMDI)
+            .addCallbacks(options.callbacks)
+            .addElement('state', () => options.state)
+            .addElement('availableDataSources', () => {
+            return (options.availableDataSources || []).map((object) => {
+                return extend({}, object, { data: createNewObjectItem(object.data, undefined, serializer) });
+            });
+        });
+        const navigation = new NavigateByReports({
+            allowMDI: this._allowMDI,
+            callbacks: this._designerCallbacks,
+            knownEnums: options.knownEnums,
+            reportUrl: options.reportUrl,
+            initOptions: {
+                availableDataSources: options.availableDataSources,
+                state: options.state,
+                parameterEditingSettings: (_a = options.data) === null || _a === void 0 ? void 0 : _a.parameterEditingSettings
+            },
+            selection: this._selection
+        });
+        const undoEngine = ko.computed(() => { return navigation.currentTab() && navigation.currentTab().undoEngine; });
+        this._addDisposable(undoEngine);
+        this._reportcontext = ko.computed({
+            read: () => {
+                return navigation.currentTab() && navigation.currentTab().context();
+            },
+            write: (newVal) => {
+                navigation.currentTab() && navigation.currentTab().context(newVal);
+            }
+        });
+        const model = ko.computed({
+            read: () => {
+                return this._reportcontext() && this._reportcontext().report;
+            },
+            write: (newVal) => {
+                if (!this.isDisposing)
+                    navigation.changeContext(newVal);
+            }
+        });
+        const surface = ko.computed(() => this._reportcontext() && this._reportcontext().surface);
+        const canAddItems = ko.computed(() => model() && model().language() === defaultCulture);
+        this._addDisposable(this._reportcontext);
+        this._addDisposable(model);
+        this._addDisposable(surface);
+        this._addDisposable(canAddItems);
+        this._addDisposable(canAddItems.subscribe((newVal) => {
+            this.buildingModel.toolboxItems && this.buildingModel.toolboxItems.forEach(x => x.disabled(!newVal));
+        }));
+        this.initializeContext({ model, surface, undoEngine });
+        this.mapOnContext();
+        this.addElement('canAddItems', () => canAddItems);
+        this.addElement('navigateByReports', () => navigation);
+        this.addElement('getTabs', () => () => navigation.tabs());
+        this.addElement('closeTab', () => (tab, force = false) => navigation.removeTab(tab, force));
+        this._addDisposable(this._reportcontext.subscribe((newVal) => {
+            if (this.buildingModel.propertyGrid) {
+                this.buildingModel.propertyGrid.cleanEditors();
+                this.buildingModel.propertyGrid.editorsRendered(!this.buildingModel.propertyGrid.isSortingByGroups());
+            }
+            this.buildingModel.popularProperties && this.buildingModel.popularProperties.cleanEditors();
+        }));
+        this._selection.focused(surface());
+        this._addDisposable(surface.subscribe((newValue) => {
+            if (!newValue)
+                this._selection.reset();
+            else
+                this._selection.focused(newValue);
+        }));
+        const isDefaultLanguage = ko.computed(() => {
+            return this.buildingModel.model && this.buildingModel.model() ? this.buildingModel.model().language() == defaultCulture : false;
+        });
+        this._addDisposable(isDefaultLanguage);
+        this._accessibilityProvider = new LocaliziblePropertiesAccessibilityProvider(isDefaultLanguage);
+    }
 }

package/designer/tools/generator/_qBRequestWrapper.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_qBRequestWrapper.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/tools/generator/_qBRequestWrapper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_qBRequestWrapper.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/tools/generator/_reportMenuSettings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_reportMenuSettings.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/tools/generator/_reportMenuSettings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_reportMenuSettings.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
 */
@@ -9,6 +9,14 @@ import { MenuSettings } from '@devexpress/analytics-core/analytics-internal';
 import * as events from 'devextreme/events';
 import * as ko from 'knockout';
 export class ReportMenuSettings extends MenuSettings {
+    dispose() {
+        super.dispose();
+        events.off(document, 'dxpointerdown', this.toggleAppMenu);
+        this._$menuElement = null;
+    }
+    setMenuElement($element) {
+        this._$menuElement = $element;
+    }
     constructor() {
         super();
         this._appMenuVisible = ko.observable(false);
@@ -20,14 +28,6 @@ export class ReportMenuSettings extends MenuSettings {
             return canToggle;
         };
     }
-    dispose() {
-        super.dispose();
-        events.off(document, 'dxpointerdown', this.toggleAppMenu);
-        this._$menuElement = null;
-    }
-    setMenuElement($element) {
-        this._$menuElement = $element;
-    }
     _toggleAppMenu() {
         this.appMenuVisible(!this.appMenuVisible());
         if (this.appMenuVisible()) {

package/designer/tools/generator/_settings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_settings.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
 */
@@ -12,7 +12,7 @@ import { IMultiQueryDataSourceWizardCallbacks } from '@devexpress/analytics-core
 import * as ko from 'knockout';
 import { IEnumType } from '../../../common/customTypes';
 import { IKeyValuePair } from '../../../common/types';
-import { IReportParametersInfo } from '../../../viewer/parameters/previewParametersViewModel';
+import { IReportParametersInfo } from '../../../viewer/parameters/parametersPanelModelBase';
 import { IExportSettings, IPreviewCustomizationHandler, IProgressBarSettings, ISearchSettings } from '../../../viewer/utils/initializer';
 import { DataSourceActions } from '../../actions/_dataSourceActions';
 import { FederationDataSourceEditor } from '../../actions/_federationDataSourceEditor';