devexpress-reporting 24.1.1-alpha-2485-0223 → 24.1.3

package/designer/tools/generator/_inititalizer.js

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_inititalizer.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 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,9 @@ 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';
+import { createDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 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 +113,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);
@@ -320,7 +239,14 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             const leftPosition = ko.computed(() => {
                 return this.buildingModel.designMode() ? 96 : 0;
             });
-            const errorPanel = new ErrorPanelViewModel(Object.assign(Object.assign({}, options), { controlScrollingTool: this.buildingModel.controlScrollingTool, controlsHelper: this.buildingModel.controlsHelper, editableObject: this.buildingModel.editableObject, selection: this.buildingModel.selection, undoEngine: () => this.buildingModel.undoEngine(), onClick: () => {
+            const errorPanel = new ErrorPanelViewModel({
+                ...options,
+                controlScrollingTool: this.buildingModel.controlScrollingTool,
+                controlsHelper: this.buildingModel.controlsHelper,
+                editableObject: this.buildingModel.editableObject,
+                selection: this.buildingModel.selection,
+                undoEngine: () => this.buildingModel.undoEngine(),
+                onClick: () => {
                     if (!this.buildingModel.designMode()) {
                         this.buildingModel.reportPreviewModel.reportPreview.previewVisible = false;
                         this.buildingModel.reportPreviewModel.reportPreview.deactivate();
@@ -328,10 +254,13 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     this.buildingModel.tabPanel.selectTab({
                         model: this.buildingModel.tabPanel.getTabByName('Properties')
                     });
-                }, position: {
+                },
+                position: {
                     left: leftPosition,
                     right: rightPosition
-                }, rtl: this.buildingModel.rtl }));
+                },
+                rtl: this.buildingModel.rtl
+            });
             errorPanel._disposables.push({ dispose }, leftPosition);
             this._addDisposable(this._reportcontext.subscribe((newVal) => {
                 errorPanel.clear();
@@ -341,10 +270,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);
             }));
@@ -392,7 +320,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         this.addElement('selectedPath', () => ko.observable(null));
         this.addElement('actionsGroupTitle', () => () => formatUnicorn(getLocalization('{0} {1}', 'ReportStringId.STag_Capt_Format'), getControlTypeName(this.getModel().editableObject()), getLocalization('Tasks', 'ReportStringId.STag_Capt_Tasks')));
         this.addElement('updateFont', () => (values) => {
-            availableFonts(Object.assign(Object.assign({}, availableFonts()), values));
+            availableFonts({
+                ...availableFonts(),
+                ...values
+            });
         });
         this.addElement('afterRender', () => () => {
             this._onAfterRenderCallbacks.forEach(x => x());
@@ -430,7 +361,11 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 searchSettings: options.searchSettings
             },
             element: options.element,
-            callbacks: Object.assign(Object.assign({}, options.callbacks), { _onGetBuildStatus: errorsAction, _onGetDocumentDetails: errorsAction })
+            callbacks: {
+                ...options.callbacks,
+                _onGetBuildStatus: errorsAction,
+                _onGetDocumentDetails: errorsAction
+            }
         })
             .done((reportPreviewModel) => {
             this.addElement('reportPreviewModel', () => {
@@ -462,7 +397,6 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         };
     }
     initializeFieldListActionProviders(func = () => {
-        var _a, _b, _c;
         const providers = [];
         if (this._calculatedFieldsSource)
             providers.push(this._wrapActionProvider(this._calculatedFieldsSource));
@@ -472,7 +406,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             providers.push(this._wrapActionProvider(this._parameters));
         if (this._dataSourceActionProvider)
             providers.push(this._dataSourceActionProvider);
-        if ((_c = (_b = (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings) === null || _b === void 0 ? void 0 : _b.allowEditDataSource) !== null && _c !== void 0 ? _c : true) {
+        if (this.options.data?.dataSourceSettings?.allowEditDataSource ?? true) {
             if (this._jsonDataSourceEditor)
                 providers.push(this._jsonDataSourceEditor);
             if (this._sqlDataSourceEditor)
@@ -504,10 +438,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 +532,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;
     }
@@ -626,7 +566,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addSmartTagModel() {
-        let smartTagFactory = Object.assign({}, UtilsSmartTagFactory());
+        let smartTagFactory = { ...UtilsSmartTagFactory() };
         extend(smartTagFactory, {
             'default': (reportElement) => {
                 const result = [];
@@ -651,9 +591,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     _createPropertiesTab() {
         const getVisible = () => { return !!this.buildingModel.model(); };
         const getDisabled = () => {
-            var _a, _b, _c;
             return this.buildingModel.propertyGrid.focusedItem() instanceof Array ||
-                (!((_c = (_b = (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings) === null || _b === void 0 ? void 0 : _b.allowEditDataSource) !== null && _c !== void 0 ? _c : true) && this.buildingModel.propertyGrid.focusedItem() instanceof ComponentsModel);
+                (!(this.options.data?.dataSourceSettings?.allowEditDataSource ?? true) && this.buildingModel.propertyGrid.focusedItem() instanceof ComponentsModel);
         };
         const tabInfo = new TabInfo({
             text: 'Properties',
@@ -721,12 +660,11 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return expressionTab;
     }
     _createReportExplorerTab() {
-        var _a;
         const reportExplorer = new ReportExplorerModel(this.buildingModel.model, this.buildingModel.editableObject, (targetObject) => {
             const propertiesTab = this.buildingModel.tabPanel.getTabByName('Properties');
             propertiesTab.model.focusedItem(targetObject);
             this.buildingModel.tabPanel.selectTab({ model: propertiesTab });
-        }, new ReportExplorerDragDropHandler(this.buildingModel.canAddItems, this.buildingModel.surface, this.buildingModel.selection, this.buildingModel.undoEngine, this.buildingModel.dragHelperContent), this.buildingModel.selection, (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings);
+        }, new ReportExplorerDragDropHandler(this.buildingModel.canAddItems, this.buildingModel.surface, this.buildingModel.selection, this.buildingModel.undoEngine, this.buildingModel.dragHelperContent), this.buildingModel.selection, this.options.data?.dataSourceSettings);
         this._addDisposable(reportExplorer);
         const getVisible = () => { return !!this.buildingModel.model(); };
         const tabInfo = new TabInfo({
@@ -744,7 +682,6 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return tabInfo;
     }
     _createFieldListTab(designerCallbacks, startDataSourceWizard) {
-        var _a, _b, _c;
         const treeListOptions = {
             itemsProvider: this.buildingModel.fieldListProvider,
             factory: new FieldListItemFactory(),
@@ -761,8 +698,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         const useContextMenu = ko.observable(true);
         const actions = ko.observable([]);
         this.addDisposable(treeListOptions.treeListController.subscribeOnSelectedItemChange(() => {
-            var _a, _b;
-            useContextMenu((_b = (_a = this.getModel().parts) === null || _a === void 0 ? void 0 : _a.some(part => part.id === ReportDesignerElements.ContextMenu)) !== null && _b !== void 0 ? _b : true);
+            useContextMenu(this.getModel().parts?.some(part => part.id === ReportDesignerElements.ContextMenu) ?? true);
             if (useContextMenu() && treeListOptions.treeListController.selectedItem)
                 actions(treeListOptions.treeListController.getActions(treeListOptions.treeListController.selectedItem));
             else
@@ -787,7 +723,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 return model != null && model.multiQueryDataSourceWizard.canRunWizard();
             },
             addDataSourceButtonText: getLocalization('Add Data Source', 'ASPxReportsStringId.ReportDesigner_FieldList_AddDataSource'),
-            allowAddDataSource: (_c = (_b = (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings) === null || _b === void 0 ? void 0 : _b.allowAddDataSource) !== null && _c !== void 0 ? _c : true,
+            allowAddDataSource: this.options.data?.dataSourceSettings?.allowAddDataSource ?? true,
             fieldListContextMenu: fieldListContextMenu,
             useContextMenu: useContextMenu
         };
@@ -857,7 +793,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 +810,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 +854,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 +927,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.initialize();
             reportWizard.start((reportWizardState) => {
                 designerModel.isLoading(true);
-                const deferred = $.Deferred();
+                const deferred = createDeferred();
                 if (reportWizardState.jsonDataSourceWizard.jsonSource && reportWizardState.newDataSource) {
                     ReportWizardService.createNewJsonDataSource(reportWizardState.jsonDataSourceWizard, JsonDataSourceEditor.createJsonDataSourceInfo)
                         .done((dataSource) => {
@@ -1038,7 +974,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 +986,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 +1023,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.itemsProvider(designerModel.dataBindingsProvider());
             reportWizard.initialize(createReportWizardState(designerModel.model()));
             reportWizard.start((reportWizardState) => {
-                const deferred = $.Deferred();
+                const deferred = createDeferred();
                 if (reportWizardState.newDataSource) {
                     const ds = _restoreDataSourceFromState(reportWizardState.newDataSource);
                     ds.name = designerModel.model().dataSourceHelper().getUniqueDataSourceName(ds.name);
@@ -1176,8 +1112,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     _customizeDesignerActions(designerModel, nextCustomizer, exitDesigner, state, callbacks) {
         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 +1129,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 });
@@ -1295,7 +1230,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 actions.push(previewAction);
                 this._addDisposable(previewAction);
             }
-            if (dataSourceWizard && ((_c = (_b = (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings) === null || _b === void 0 ? void 0 : _b.allowAddDataSource) !== null && _c !== void 0 ? _c : true)) {
+            if (dataSourceWizard && (this.options.data?.dataSourceSettings?.allowAddDataSource ?? true)) {
                 actions.push({
                     id: ActionId.AddSqlDataSource,
                     container: 'menu',
@@ -1313,7 +1248,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     }
                 });
             }
-            if (multiQueryDataSourceWizard && ((_f = (_e = (_d = this.options.data) === null || _d === void 0 ? void 0 : _d.dataSourceSettings) === null || _e === void 0 ? void 0 : _e.allowAddDataSource) !== null && _f !== void 0 ? _f : true)) {
+            if (multiQueryDataSourceWizard && (this.options.data?.dataSourceSettings?.allowAddDataSource ?? true)) {
                 actions.push(this._createMultiQueryDataSourceWizardAction(multiQueryDataSourceWizard, designerModel));
             }
             if (localizationEditor)
@@ -1392,14 +1327,13 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         });
     }
     _patchReportBeforeRedesign(reportViewModel, state) {
-        var _a;
         let useInitialDataSource = false;
         if (!state.newDataSource && state.dataSource) {
             const stateDsInfo = _restoreDataSourceFromState(state.dataSource);
             const dataSourceInfo = reportViewModel.dataSourceHelper().findDataSourceInfoByName(stateDsInfo.name);
             if (dataSourceInfo) {
                 useInitialDataSource = true;
-                if (((_a = reportViewModel.dataSource()) === null || _a === void 0 ? void 0 : _a.name()) !== stateDsInfo.name) {
+                if (reportViewModel.dataSource()?.name() !== stateDsInfo.name) {
                     reportViewModel.dataSource(dataSourceInfo.data);
                 }
             }
@@ -1445,7 +1379,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 +1569,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     initCultureInfo(cultureInfoList) {
-        $.extend(true, cultureInfo, cultureInfoList);
+        extend(true, cultureInfo, cultureInfoList);
         return this;
     }
     updateFont(fontSet) {
@@ -1674,7 +1608,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     && this.buildingModel.contextActions().some(action => !action.isContextMenuAction);
         }));
         const groupActionsVisible = ko.observable(PropertyGrid.QuickActionsVisible());
-        PropertyGrid.QuickActionsVisible.subscribe((newValue) => groupActionsVisible(newValue !== null && newValue !== void 0 ? newValue : false));
+        PropertyGrid.QuickActionsVisible.subscribe((newValue) => groupActionsVisible(newValue ?? false));
         this.addElement('groupActionsVisible', () => groupActionsVisible);
         return this;
     }
@@ -1725,7 +1659,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             const dataSources = this.buildingModel.dataSourceHelper() && this.buildingModel.dataSourceHelper().usedDataSources();
             return dataSources && dataSources.filter(x => !!x.data);
         });
-        const predefinedDataSources = ko.pureComputed(() => { var _a; return ((_a = this.buildingModel.dataSourceHelper()) === null || _a === void 0 ? void 0 : _a.availableDataSources) || []; });
+        const predefinedDataSources = ko.pureComputed(() => this.buildingModel.dataSourceHelper()?.availableDataSources || []);
         this._disposables.push(usedDataSources, predefinedDataSources);
         const initializerSettings = new WizardsInitializerSettings(connectionStrings, wizardSettings, this._designerCallbacks, this.rtl, usedDataSources, predefinedDataSources);
         this.addElement('connections', () => connectionStrings);
@@ -1761,14 +1695,29 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     addStaticContext() {
         appendStaticContextToRootViewModel(this.buildingModel, {
             config: config,
-            _static: Object.assign(Object.assign({}, staticContext._static), { PivotGridFieldViewModel: PivotGridFieldViewModel, SortBySummaryInfoCondition: SortBySummaryInfoCondition, LookUpValue: LookUpValue, DragDropHandler: DragDropHandler, getControlFullName: getControlFullName, editorTemplates: editorTemplates, formattingRuleSerializationsInfo: formattingRuleSerializationsInfo, StylesEditorHeaderModel: StylesEditorHeaderModel, TreeListController: TreeListController, TableOfContentsLevel: TableOfContentsLevel, propertiesGridEditorsPaddingLeft: propertiesGridEditorsPaddingLeft, CustomizeLabelPage: CustomizeLabelPage, formatSearchResult: formatSearchResult })
+            _static: {
+                ...staticContext._static,
+                PivotGridFieldViewModel: PivotGridFieldViewModel,
+                SortBySummaryInfoCondition: SortBySummaryInfoCondition,
+                LookUpValue: LookUpValue,
+                DragDropHandler: DragDropHandler,
+                getControlFullName: getControlFullName,
+                editorTemplates: editorTemplates,
+                formattingRuleSerializationsInfo: formattingRuleSerializationsInfo,
+                StylesEditorHeaderModel: StylesEditorHeaderModel,
+                TreeListController: TreeListController,
+                TableOfContentsLevel: TableOfContentsLevel,
+                propertiesGridEditorsPaddingLeft: propertiesGridEditorsPaddingLeft,
+                CustomizeLabelPage: CustomizeLabelPage,
+                formatSearchResult: formatSearchResult
+            }
         });
         return this;
     }
     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 +1734,88 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         controlsFactory().dispose();
         this.removeProperties();
     }
+    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,
+                parameterEditingSettings: options.data?.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:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 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:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 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:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 2024
+* Version:  24.1.3
+* Build date: Jun 12, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */