devexpress-reporting 23.2.3 → 23.2.4-build-23361-1610

package/designer/tools/generator/_inititalizer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\tools\generator\_inititalizer.js)
-* Version:  23.2.3
-* Build date: Dec 1, 2023
+* Version:  23.2.4-build-23361-1610
+* Build date: Dec 27, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -106,7 +106,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         this._customMergeEngine = new CustomMergingEngine();
         this._updateCallback = null;
         this._selection = options.selection || new SurfaceSelection;
-        var serializer = new ModelSerializer();
+        const serializer = new ModelSerializer();
         this.configurateRtl(options.rtl)
             .configureReportStorageRegistration(options.reportStorageWebIsRegister, options.allowMDI)
             .addCallbacks(options.callbacks)
@@ -116,7 +116,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 return $.extend({}, object, { data: createNewObjectItem(object.data, undefined, serializer) });
             });
         });
-        var navigation = new NavigateByReports({
+        const navigation = new NavigateByReports({
             allowMDI: this._allowMDI,
             callbacks: this._designerCallbacks,
             knownEnums: options.knownEnums,
@@ -127,7 +127,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             },
             selection: this._selection
         });
-        var undoEngine = ko.computed(() => { return navigation.currentTab() && navigation.currentTab().undoEngine; });
+        const undoEngine = ko.computed(() => { return navigation.currentTab() && navigation.currentTab().undoEngine; });
         this._addDisposable(undoEngine);
         this._reportcontext = ko.computed({
             read: () => {
@@ -137,7 +137,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 navigation.currentTab() && navigation.currentTab().context(newVal);
             }
         });
-        var model = ko.computed({
+        const model = ko.computed({
             read: () => {
                 return this._reportcontext() && this._reportcontext().report;
             },
@@ -146,8 +146,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     navigation.changeContext(newVal);
             }
         });
-        var surface = ko.computed(() => this._reportcontext() && this._reportcontext().surface);
-        var canAddItems = ko.computed(() => model() && model().language() === defaultCulture);
+        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);
@@ -175,7 +175,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             else
                 this._selection.focused(newValue);
         }));
-        var isDefaultLanguage = ko.computed(() => {
+        const isDefaultLanguage = ko.computed(() => {
             return this.buildingModel.model && this.buildingModel.model() ? this.buildingModel.model().language() == defaultCulture : false;
         });
         this._addDisposable(isDefaultLanguage);
@@ -195,7 +195,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     subscribeIncomeReport(report, reportUrl, dataSourceRefs, knownEnums) {
         this._addDisposable(report.subscribe((newValue) => {
-            var newModel = new ReportViewModel(newValue, undefined, knownEnums);
+            const newModel = new ReportViewModel(newValue, undefined, knownEnums);
             updateDataSourceRefs(newModel, dataSourceRefs);
             if (this.buildingModel.navigateByReports.tabs().length === 0) {
                 this.buildingModel.navigateByReports.addTab(newModel, reportUrl, () => newModel.dispose());
@@ -212,22 +212,23 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     _tryAddScriptEditor(isScriptsDisabled) {
         isScriptsDisabled = isScriptsDisabled || !aceAvailable;
         if (!isScriptsDisabled) {
-            var scriptsEditor = new ScriptsEditor(this.buildingModel.model, this.buildingModel.controlsHelper.allControls);
+            const scriptsEditor = new ScriptsEditor(this.buildingModel.model, this.buildingModel.controlsHelper.allControls);
             this._addDisposable(scriptsEditor.editorVisible.subscribe((newValue) => {
                 if (newValue) {
-                    var focusedControl = this.buildingModel.selection.focused();
+                    const focusedControl = this.buildingModel.selection.focused();
                     if (focusedControl && focusedControl.getControlModel) {
-                        var controlModel = focusedControl.getControlModel();
+                        const controlModel = focusedControl.getControlModel();
                         scriptsEditor.selectedControl(!!controlModel.scripts ? controlModel : controlModel.parentModel());
                     }
-                    var resizeFunction = () => setTimeout(() => {
+                    const resizeFunction = () => setTimeout(() => {
                         scriptsEditor.editorContainer().resize();
                     }, 1);
-                    if (!scriptsEditor.editorContainer())
-                        var innerSubscription = scriptsEditor.editorContainer.subscribe((newVal) => {
+                    if (!scriptsEditor.editorContainer()) {
+                        const innerSubscription = scriptsEditor.editorContainer.subscribe((newVal) => {
                             innerSubscription.dispose();
                             resizeFunction();
                         });
+                    }
                     else
                         resizeFunction();
                 }
@@ -242,10 +243,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             return true;
         }
         else {
-            var controlTypes = Object.keys(controlsFactory().controlsMap);
-            for (var index = 0; index < controlTypes.length; index++) {
+            const controlTypes = Object.keys(controlsFactory().controlsMap);
+            for (let index = 0; index < controlTypes.length; index++) {
                 ['scripts', 'scriptReferencesString', 'scriptLanguage'].forEach((propertyDisplayName) => {
-                    var propertyInfo = controlsFactory().getPropertyInfo(controlTypes[index], propertyDisplayName);
+                    const propertyInfo = controlsFactory().getPropertyInfo(controlTypes[index], propertyDisplayName);
                     propertyInfo && (propertyInfo.visible = false);
                 });
             }
@@ -255,11 +256,11 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     _getControls(controls, filter, isNoneItemAdded = true) {
         return ko.pureComputed(() => {
-            var result = controls();
+            let result = controls();
             if (filter) {
                 result = result.filter(filter);
             }
-            var allControls = result.map((item) => {
+            const allControls = result.map((item) => {
                 return { displayName: ko.unwrap(item.name), value: item };
             });
             if (isNoneItemAdded)
@@ -268,17 +269,17 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         }).extend({ throttle: 1 });
     }
     _createEmptyReportItemsProvider() {
-        var reportModel = new ReportViewModel({});
-        var parameters = new ParametersViewModel(reportModel);
-        var dataSourceHelper = new DataSourceHelper(reportModel.objectStorage, reportModel.dataSourceRefs, undefined);
+        const reportModel = new ReportViewModel({});
+        const parameters = new ParametersViewModel(reportModel);
+        const dataSourceHelper = new DataSourceHelper(reportModel.objectStorage, reportModel.dataSourceRefs, undefined);
         reportModel.dataSourceHelper(dataSourceHelper);
-        var fieldListDataSourceHelper = new FieldListDataSourcesHelper();
+        const fieldListDataSourceHelper = new FieldListDataSourcesHelper();
         fieldListDataSourceHelper.updateDataSources(dataSourceHelper, reportModel, parameters.parameters);
-        var wrappedCallback = fieldListDataSourceHelper.wrapFieldsCallback(ReportDataSourceService.fieldListCallback, () => undefined);
+        const wrappedCallback = fieldListDataSourceHelper.wrapFieldsCallback(ReportDataSourceService.fieldListCallback, () => undefined);
         return new FieldListProvider(wrappedCallback, fieldListDataSourceHelper.fieldListDataSources, [parameters]);
     }
     addReportDialogs(func) {
-        var settings = new ReportDialogSettings(this._designerCallbacks);
+        const settings = new ReportDialogSettings(this._designerCallbacks);
         func(settings);
         settings.saveReportDialog && this.addElement('saveReportDialog', () => settings.saveReportDialog);
         if (settings.saveReportDialogLight) {
@@ -292,14 +293,14 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     addErrorPanelViewModel(element, options) {
         this.addElement('errorPanelViewModel', () => {
-            var getRightPositionSize = () => {
+            const getRightPositionSize = () => {
                 return this.buildingModel.designMode() ?
                     this.buildingModel.tabPanel.headerWidth :
                     this.buildingModel.reportPreviewModel && this.buildingModel.reportPreviewModel.tabPanel.headerWidth;
             };
-            var rightPosition = ko.observable(0);
-            var dispose = null;
-            var subscribeDesignMode = () => {
+            const rightPosition = ko.observable(0);
+            let dispose = null;
+            const subscribeDesignMode = () => {
                 dispose && dispose();
                 if (this.buildingModel.designMode()) {
                     dispose = this.buildingModel.tabPanel.events.on('headerWidthChanged', (args) => {
@@ -315,10 +316,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             };
             subscribeDesignMode();
             this._addDisposable(this.buildingModel.designMode.subscribe(() => subscribeDesignMode()));
-            var leftPosition = ko.computed(() => {
+            const leftPosition = ko.computed(() => {
                 return this.buildingModel.designMode() ? 96 : 0;
             });
-            var 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(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: () => {
                     if (!this.buildingModel.designMode()) {
                         this.buildingModel.reportPreviewModel.reportPreview.previewVisible = false;
                         this.buildingModel.reportPreviewModel.reportPreview.deactivate();
@@ -339,14 +340,14 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     errorPanel._providers.forEach(provider => provider.collectErrors());
                 }
             }));
-            var $root = $.fn.constructor(element);
-            var $window = $.fn.constructor(window);
-            var $progress = $root.find('.dxrd-error-panel');
-            var updateProgressBarPosition = getDockedElementCallback($progress, $root, $window, '.dxrd-error-panel', { bottom: true });
+            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 });
             this._addDisposable(errorPanel.collapsed.subscribe(() => {
                 updateProgressBarPosition(element);
             }));
-            var wrapped = () => updateProgressBarPosition(element);
+            const wrapped = () => updateProgressBarPosition(element);
             this._onAfterRenderCallbacks.push(() => updateProgressBarPosition(element));
             window.addEventListener('scroll', wrapped);
             this._addDisposable({
@@ -382,7 +383,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         }));
         this.addElement('designMode', () => ko.observable(true));
         this.addIsLoading(() => {
-            var isLoading = ko.observable(true);
+            const isLoading = ko.observable(true);
             this.buildingModel.navigateByReports.init(isLoading);
             return isLoading;
         });
@@ -398,8 +399,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             delete this.buildingModel.afterRender;
         });
         this.addElement('sortFont', () => () => {
-            var sortedObj = {};
-            var fonts = availableFonts.peek();
+            const sortedObj = {};
+            const fonts = availableFonts.peek();
             Object.keys(fonts).sort((a, b) => { return a.localeCompare(b); }).forEach(key => sortedObj[key] = fonts[key]);
             availableFonts(sortedObj);
         });
@@ -412,7 +413,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addPreview(options) {
-        var errorsAction = (response) => {
+        const errorsAction = (response) => {
             if (!!response.errors)
                 this.reportContext() && this.reportContext().runtimeErrorProvider.errors(response.errors);
         };
@@ -461,7 +462,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     initializeFieldListActionProviders(func = () => {
         var _a, _b, _c;
-        var providers = [];
+        const providers = [];
         if (this._calculatedFieldsSource)
             providers.push(this._wrapActionProvider(this._calculatedFieldsSource));
         if (this._watermarks)
@@ -486,7 +487,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     initializeCalculatedFieldsSource() {
-        var calculatedFieldsSource = ko.computed(() => this._reportcontext() && this._reportcontext().calcFieldsSource);
+        const calculatedFieldsSource = ko.computed(() => this._reportcontext() && this._reportcontext().calcFieldsSource);
         this.addElement('calculatedFieldsSource', () => calculatedFieldsSource);
         this._calculatedFieldsSource = calculatedFieldsSource;
         return this;
@@ -498,54 +499,54 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     initializeFieldListItemsExtenders() {
-        var fieldListItemsExtenders = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListItemsExtenders);
+        const fieldListItemsExtenders = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListItemsExtenders);
         this.addElement('fieldListItemsExtenders', () => fieldListItemsExtenders);
         return this;
     }
     initializeParameters() {
-        var parameters = ko.computed(() => this._reportcontext() && this._reportcontext().parameters);
+        const parameters = ko.computed(() => this._reportcontext() && this._reportcontext().parameters);
         this.addElement('parameters', () => parameters);
         this._parameters = parameters;
         return this;
     }
     initializeFieldListProvider() {
-        var fieldListProvider = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListProvider);
+        const fieldListProvider = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListProvider);
         this.addElement('fieldListProvider', () => fieldListProvider);
         return this;
     }
     initializeReportItemsProvider() {
-        var reportItemsProvider = ko.computed(() => this._reportcontext() && this._reportcontext().reportItemsProvider);
+        const reportItemsProvider = ko.computed(() => this._reportcontext() && this._reportcontext().reportItemsProvider);
         this.addElement('reportItemsProvider', () => reportItemsProvider);
         return this;
     }
     initializeDataBindingsProvider() {
-        var dataBindingsProvider = ko.computed(() => this._reportcontext() && this._reportcontext().dataBindingsProvider);
+        const dataBindingsProvider = ko.computed(() => this._reportcontext() && this._reportcontext().dataBindingsProvider);
         this.addElement('dataBindingsProvider', () => dataBindingsProvider);
         return this;
     }
     initializeDisplayNameProvider() {
-        var displayNameProvider = ko.computed(() => this._reportcontext() && this._reportcontext().displayNameProvider);
+        const displayNameProvider = ko.computed(() => this._reportcontext() && this._reportcontext().displayNameProvider);
         this.addElement('displayNameProvider', () => displayNameProvider);
         this.addElement('getDisplayNameByPath', () => (path, value) => { return displayNameProvider().getDisplayNameByPath(path, value); });
         return this;
     }
     initializeExpressionDisplayNameProvider() {
-        var expressionDisplayNameProvider = ko.computed(() => this._reportcontext() && this._reportcontext().expressionDisplayNameProvider);
+        const expressionDisplayNameProvider = ko.computed(() => this._reportcontext() && this._reportcontext().expressionDisplayNameProvider);
         this.addElement('expressionDisplayNameProvider', () => expressionDisplayNameProvider);
         return this;
     }
     initializeDataSourceHelper() {
-        var dataSourceHelper = ko.computed(() => this._reportcontext() && this._reportcontext().dataSourceHelper);
+        const dataSourceHelper = ko.computed(() => this._reportcontext() && this._reportcontext().dataSourceHelper);
         this.addElement('dataSourceHelper', () => dataSourceHelper);
-        var fieldListDataSourceHelper = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListDataSourceHelper);
+        const fieldListDataSourceHelper = ko.computed(() => this._reportcontext() && this._reportcontext().fieldListDataSourceHelper);
         this.addElement('fieldListDataSources', () => ko.computed(() => fieldListDataSourceHelper() && fieldListDataSourceHelper().fieldListDataSources()));
         this._addDisposable(fieldListDataSourceHelper);
         return this;
     }
     addSelection(func = (settings) => {
         settings.selection = this._selection;
-        var rtl = ko.computed(() => { return this.buildingModel.surface() && this.buildingModel.surface().rtl(); });
-        var snapLinesCollector = new ReportSnapLinesCollector(rtl);
+        const rtl = ko.computed(() => { return this.buildingModel.surface() && this.buildingModel.surface().rtl(); });
+        const snapLinesCollector = new ReportSnapLinesCollector(rtl);
         this._addDisposable(rtl);
         settings.snapHelper = new SnapLinesHelper(this.buildingModel.surface, SnapLinesHelper.snapTolerance, snapLinesCollector);
         settings.editableObject = CombinedObject.getEditableObject(settings.selection, this.buildingModel.undoEngine, (propertyName, controls, undoEngune) => this._customMergeEngine.customMerge(propertyName, controls, undoEngune)).extend({ throttle: 1 });
@@ -592,7 +593,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     createControlProperties(editors, groups, accessibilityProvider) {
-        var properties = super.createControlProperties(editors, groups, accessibilityProvider);
+        const properties = super.createControlProperties(editors, groups, accessibilityProvider);
         properties.createEditorAddOn = (_editor) => {
             const editor = unwrapEditor(_editor);
             const editorAddOn = new ValueEditorAddOn(editor, properties.popupService);
@@ -606,16 +607,16 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return properties;
     }
     addMenu(func = (settings) => void 0) {
-        var settings = new ReportMenuSettings();
+        const settings = new ReportMenuSettings();
         func(settings);
         this._disposables.push(settings);
         extend(this.getModel(), settings.generate());
         return this;
     }
     addControlsHelper(func = (settings) => {
-        var helper = ko.computed(() => this._reportcontext() && this._reportcontext().controlsHelper);
+        const helper = ko.computed(() => this._reportcontext() && this._reportcontext().controlsHelper);
         this._addDisposable(helper);
-        var controlHelper = new ReportDesignerControlsHelper(helper);
+        const controlHelper = new ReportDesignerControlsHelper(helper);
         settings
             .addControlsHelper(controlHelper)
             .addControlsStore();
@@ -624,10 +625,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addSmartTagModel() {
-        var smartTagFactory = Object.assign({}, UtilsSmartTagFactory());
+        let smartTagFactory = Object.assign({}, UtilsSmartTagFactory());
         extend(smartTagFactory, {
             'default': (reportElement) => {
-                var result = [];
+                const result = [];
                 if (SmartTagsEnabled())
                     result.push(new TasksSmartTag(reportElement, this.buildingModel.popularProperties));
                 if (UtilsDataBindingMode() !== DataBindingMode.Bindings)
@@ -635,7 +636,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 return result;
             }
         });
-        var smartTagHelper = new SmartTagModel(this._selection, this.buildingModel.surface, this.buildingModel['verticalScrollOffset'], smartTagFactory);
+        const smartTagHelper = new SmartTagModel(this._selection, this.buildingModel.surface, this.buildingModel['verticalScrollOffset'], smartTagFactory);
         this.addElement('smartTagModel', () => smartTagHelper);
         this._disposables.push({
             dispose: () => smartTagFactory = {},
@@ -647,13 +648,13 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     _createPropertiesTab() {
-        var getVisible = () => { return !!this.buildingModel.model(); };
-        var getDisabled = () => {
+        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);
         };
-        var tabInfo = new TabInfo({
+        const tabInfo = new TabInfo({
             text: 'Properties',
             template: 'dxrd-propertiestab',
             model: this.buildingModel.propertyGrid,
@@ -670,22 +671,22 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return tabInfo;
     }
     _createExpressionsTab(context) {
-        var expressionGridModel = ko.computed(() => {
-            var editableObject = this.buildingModel.editableObject();
+        const expressionGridModel = ko.computed(() => {
+            const editableObject = this.buildingModel.editableObject();
             return editableObject && editableObject.expressionObj;
         });
-        var expressionGrid = null;
+        let expressionGrid = null;
         this._addDisposable(context.subscribe((newVal) => {
             expressionGrid.cleanEditors();
         }));
         expressionGrid = new ObjectProperties(expressionGridModel);
         this._addDisposable(expressionGrid);
         this._addDisposable(expressionGridModel);
-        var getVisible = () => { return this.buildingModel.model() && this.buildingModel.model()._dataBindingMode() !== DataBindingMode.Bindings; };
-        var getDisabled = () => {
+        const getVisible = () => { return this.buildingModel.model() && this.buildingModel.model()._dataBindingMode() !== DataBindingMode.Bindings; };
+        const getDisabled = () => {
             return !expressionGridModel();
         };
-        var expressionTab = new TabInfo({
+        const expressionTab = new TabInfo({
             text: 'Expressions',
             template: 'dxrd-expressions-tab',
             model: expressionGrid,
@@ -705,7 +706,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         this._addDisposable(expressionGridModel.subscribe((newVal) => {
             expressionTab.disabled = getDisabled();
         }));
-        var currentFilter = undefined;
+        let currentFilter = undefined;
         this._addDisposable({
             dispose: expressionTab.events.on('activeChanged', (args) => {
                 if (expressionTab.active && expressionTab.visible) {
@@ -720,14 +721,14 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     _createReportExplorerTab() {
         var _a;
-        var reportExplorer = new ReportExplorerModel(this.buildingModel.model, this.buildingModel.editableObject, (targetObject) => {
-            var propertiesTab = this.buildingModel.tabPanel.getTabByName('Properties');
+        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);
         this._addDisposable(reportExplorer);
-        var getVisible = () => { return !!this.buildingModel.model(); };
-        var tabInfo = new TabInfo({
+        const getVisible = () => { return !!this.buildingModel.model(); };
+        const tabInfo = new TabInfo({
             text: 'Report Explorer',
             template: 'dxrd-reportexplorerwrapper',
             model: reportExplorer,
@@ -743,21 +744,21 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     _createFieldListTab(designerCallbacks, startDataSourceWizard) {
         var _a, _b, _c;
-        var treeListOptions = {
+        const treeListOptions = {
             itemsProvider: this.buildingModel.fieldListProvider,
             factory: new FieldListItemFactory(),
             selectedPath: this.buildingModel.selectedPath,
             treeListController: new FieldListController(this.buildingModel.fieldListActionProviders, createActionWrappingFunction('WrapForFieldList', (model, handler) => {
                 this.buildingModel.undoEngine().start();
-                var result = handler(model);
+                const result = handler(model);
                 this.buildingModel.undoEngine().end();
                 if (result && result.name) {
                     this.buildingModel.selectedPath(model.path + '.' + ko.unwrap(result.name));
                 }
             }), this.buildingModel.fieldDragHandler, designerCallbacks.customizeFieldListActions)
         };
-        var useContextMenu = ko.observable(true);
-        var actions = ko.observable([]);
+        const useContextMenu = ko.observable(true);
+        const actions = ko.observable([]);
         this.addDisposable(treeListOptions.treeListController.subscribeOnSelectedItemChange(newValue => {
             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);
@@ -768,20 +769,20 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         }));
         if (!this.getModel().ContextMenusEnabled)
             this.getModel().ContextMenusEnabled = ko.observable(true);
-        var fieldListContextMenu = new ContextMenuProvider({
+        const fieldListContextMenu = new ContextMenuProvider({
             actions: actions,
             target: '.' + this.buildingModel.containerClass + ' .dxrd-fieldslist-context-menu-container',
             getClickAtionParams: () => treeListOptions.treeListController.selectedItem,
             contextMenusEnabled: this.getModel().ContextMenusEnabled
         });
         this.addContextMenu(fieldListContextMenu);
-        var fieldListModel = {
+        const fieldListModel = {
             treeListOptions: treeListOptions,
             startWizard: () => {
                 startDataSourceWizard();
             },
             visible: () => {
-                var model = this.getModel();
+                const model = this.getModel();
                 return model != null && model.multiQueryDataSourceWizard.canRunWizard();
             },
             addDataSourceButtonText: getLocalization('Add Data Source', 'ASPxReportsStringId.ReportDesigner_FieldList_AddDataSource'),
@@ -789,8 +790,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             fieldListContextMenu: fieldListContextMenu,
             useContextMenu: useContextMenu
         };
-        var getVisible = () => { return !!this.buildingModel.model(); };
-        var tabInfo = new TabInfo({
+        const getVisible = () => { return !!this.buildingModel.model(); };
+        const tabInfo = new TabInfo({
             text: 'Fields',
             template: 'dxrd-fieldlistwrapper',
             model: fieldListModel,
@@ -815,7 +816,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         ];
     }) {
         super.addTabPanel(panel, addTabInfo);
-        var contextSubscription = this._reportcontext.subscribe((newVal) => {
+        const contextSubscription = this._reportcontext.subscribe((newVal) => {
             if (!!newVal) {
                 contextSubscription.dispose();
                 this.buildingModel.tabPanel.collapsed = false;
@@ -825,8 +826,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     _createActionsStorage(actions) {
-        var object = {};
-        for (var i = actions.length - 1; i > -1; i--) {
+        const object = {};
+        for (let i = actions.length - 1; i > -1; i--) {
             object[actions[i].id] = actions[i].clickAction;
         }
         return object;
@@ -839,10 +840,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     addShowPreviewMethod() {
         this.addElement('showPreview', () => () => {
-            var reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
+            const reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
             reportPreview.previewVisible = true;
             if (!this.buildingModel.model()) {
-                var subscription = this.buildingModel.model.subscribe((newVal) => {
+                const subscription = this.buildingModel.model.subscribe((newVal) => {
                     subscription.dispose();
                     reportPreview.initialize(ReportPreviewService.initializePreview(this.buildingModel.model()));
                 });
@@ -855,15 +856,15 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     initializeUIEffects(applyBindings, element) {
         this._addDisposable(this.buildingModel.editableObject.subscribe(() => {
-            var $scrollView = $.fn.constructor('.dxrd-designer .dxrd-properties-wrapper').find('.dx-scrollview');
+            const $scrollView = $.fn.constructor('.dxrd-designer .dxrd-properties-wrapper').find('.dx-scrollview');
             if ($scrollView.length) {
-                var scrollViewInstance = dxScrollView['getInstance']($scrollView.get(0));
+                const scrollViewInstance = dxScrollView['getInstance']($scrollView.get(0));
                 scrollViewInstance && scrollViewInstance['scrollTo'] && scrollViewInstance['scrollTo'](0);
             }
         }));
-        var updateSurfaceContentSize__ = updateSurfaceContentSize(this.buildingModel.surfaceSize, element, this.rtl);
-        var updateSurfaceContentSizeLocalizationMode__ = updateSurfaceContentSizeLocalizationMode(this.buildingModel.surfaceSize, element, this.rtl);
-        var updateSurfaceContentSize_ = () => {
+        const updateSurfaceContentSize__ = updateSurfaceContentSize(this.buildingModel.surfaceSize, element, this.rtl);
+        const updateSurfaceContentSizeLocalizationMode__ = updateSurfaceContentSizeLocalizationMode(this.buildingModel.surfaceSize, element, this.rtl);
+        const updateSurfaceContentSize_ = () => {
             if (!this.buildingModel)
                 return;
             if (this.buildingModel.localizationMode()) {
@@ -872,37 +873,37 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             else {
                 updateSurfaceContentSize__();
             }
-            var $root = $.fn.constructor(element).find('.dxrd-designer').eq(0);
-            var $contentPanel = $root.find('.dxrd-surface-wrapper .dxrd-content-panel-wrapper').eq(0);
+            const $root = $.fn.constructor(element).find('.dxrd-designer').eq(0);
+            const $contentPanel = $root.find('.dxrd-surface-wrapper .dxrd-content-panel-wrapper').eq(0);
             areaHeight($contentPanel.height());
             areaWidth($contentPanel.width());
         };
-        var updateContentSizeTimeout = null;
-        var updateSurfaceContentSize_async = () => {
+        let updateContentSizeTimeout = null;
+        const updateSurfaceContentSize_async = () => {
             updateContentSizeTimeout && clearTimeout(updateContentSizeTimeout);
             updateContentSizeTimeout = setTimeout(() => {
                 updateSurfaceContentSize_();
             }, 1);
         };
-        var reportHeight = ko.computed(() => {
+        const reportHeight = ko.computed(() => {
             if (this.buildingModel.surface()) {
                 updateSurfaceContentSize_async();
                 return this.buildingModel.surface().effectiveHeight();
             }
         });
-        var reportWidth = ko.computed(() => {
+        const reportWidth = ko.computed(() => {
             if (this.buildingModel.surface()) {
                 updateSurfaceContentSize_async();
                 return this.buildingModel.surface().pageWidth();
             }
         });
-        var areaHeight = ko.observable(reportHeight());
-        var areaWidth = ko.observable(reportWidth());
-        var verticalScrollOffset = ko.observable(0);
-        var horizontalScrollOffset = ko.observable(0);
+        const areaHeight = ko.observable(reportHeight());
+        const areaWidth = ko.observable(reportWidth());
+        const verticalScrollOffset = ko.observable(0);
+        const horizontalScrollOffset = ko.observable(0);
         this._addDisposable(ko.computed(() => {
-            var horizontalOffset = 0;
-            var verticalOffset = 0;
+            let horizontalOffset = 0;
+            let verticalOffset = 0;
             [0, 0].forEach(() => {
                 verticalOffset = reportHeight() - (areaHeight() - horizontalOffset) > 0.5 ? 20 : 0;
                 horizontalOffset = reportWidth() - (areaWidth() - verticalOffset) > 0.5 ? 20 : 0;
@@ -916,7 +917,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         };
         window.addEventListener('resize', this._updateCallback);
         this.buildingModel.onViewPortScroll = (viewPort) => {
-            var $viewPort = $.fn.constructor(viewPort), $surface = $viewPort.closest('.dxrd-surface');
+            const $viewPort = $.fn.constructor(viewPort), $surface = $viewPort.closest('.dxrd-surface');
             $surface.find('.dxrd-bands-panel-wrapper').scrollTop($viewPort.scrollTop());
             $surface.find('.dxrd-hruler-wrapper').scrollLeft($viewPort.scrollLeft());
         };
@@ -951,8 +952,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.events.call('beforeFinish', { state: wizardState, wizardModel: wizardModel });
         })
             .done((result) => {
-            var modelJson = JSON.parse(result.reportModel);
-            var newReport = new ReportViewModel(modelJson, undefined, result.knownEnums);
+            const modelJson = JSON.parse(result.reportModel);
+            const newReport = new ReportViewModel(modelJson, undefined, result.knownEnums);
             newReport.dataSourceRefs = result.dataSourceRefs;
             designerModel.navigateByReports.addTab(newReport, ko.observable(''), undefined, newReport.displayNameObject() || newReport.name());
             designerModel.isDirty(true);
@@ -962,7 +963,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             .fail(() => { deferred.reject(); });
     }
     _createNewViaWizardAction(reportWizard, designerModel, state) {
-        var menuAction = {
+        const menuAction = {
             id: ActionId.NewReportViaWizard,
             container: 'menu',
             text: 'New via Wizard...',
@@ -989,7 +990,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.initialize();
             reportWizard.start((reportWizardState) => {
                 designerModel.isLoading(true);
-                var deferred = $.Deferred();
+                const deferred = $.Deferred();
                 if (reportWizardState.jsonDataSourceWizard.jsonSource && reportWizardState.newDataSource) {
                     ReportWizardService.createNewJsonDataSource(reportWizardState.jsonDataSourceWizard, JsonDataSourceEditor.createJsonDataSourceInfo)
                         .done((dataSource) => {
@@ -1016,7 +1017,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return menuAction;
     }
     _createLocalizationModeAction(localizationEditor, report, designerModel) {
-        var menuAction = {
+        const menuAction = {
             id: ActionId.Localization,
             container: 'menu',
             text: 'Localization...',
@@ -1030,7 +1031,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 designerModel._wizardRunner.run('LocalizationCommand');
             }
         };
-        var start = () => {
+        const start = () => {
             designerModel.appMenuVisible(true);
             designerModel.isMenuCollapsed(true);
             menuAction.selected(true);
@@ -1042,7 +1043,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             localizationEditor.translateHelper.move('dxrd-navigation-panel-wrapper', '+');
             localizationEditor.translateHelper.move('dxrd-error-panel', '+');
         };
-        var end = () => {
+        const end = () => {
             menuAction.selected(false);
             designerModel.isMenuCollapsed(false);
             designerModel.appMenuVisible(false);
@@ -1058,7 +1059,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return menuAction;
     }
     _createDesignInReportWizardAction(reportWizard, designerModel, state) {
-        var menuAction = {
+        const menuAction = {
             id: ActionId.ReportWizard,
             container: 'menu',
             text: 'Design in Report Wizard...',
@@ -1072,7 +1073,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 designerModel._wizardRunner.run('DesignInReportWizard');
             }
         };
-        var start = () => {
+        const start = () => {
             if (reportWizard instanceof FullscreenReportWizard) {
                 designerModel.appMenuVisible(true);
                 designerModel.isMenuCollapsed(true);
@@ -1085,22 +1086,22 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             reportWizard.itemsProvider(designerModel.dataBindingsProvider());
             reportWizard.initialize(createReportWizardState(designerModel.model()));
             reportWizard.start((reportWizardState) => {
-                var deferred = $.Deferred();
+                const deferred = $.Deferred();
                 if (reportWizardState.newDataSource) {
-                    var ds = _restoreDataSourceFromState(reportWizardState.newDataSource);
+                    const ds = _restoreDataSourceFromState(reportWizardState.newDataSource);
                     ds.name = designerModel.model().dataSourceHelper().getUniqueDataSourceName(ds.name);
                     reportWizardState.newDataSource = _convertToStateDataSource(ds);
                 }
-                var createReport = (wizardState) => {
+                const createReport = (wizardState) => {
                     designerModel.isLoading(true);
                     designerModel.navigateByReports.currentTab().undoEngine.start();
                     designerModel.isDirty(true);
-                    var _patchedInfo = this._patchReportBeforeRedesign(designerModel.model(), wizardState);
+                    const _patchedInfo = this._patchReportBeforeRedesign(designerModel.model(), wizardState);
                     ReportWizardService.generateReportFromWizardState(wizardState, reportWizard._requestModelType, state(), (wizardModel) => {
                         reportWizard.events.call('beforeFinish', { state: wizardState, wizardModel: wizardModel });
                     }, _patchedInfo)
                         .done((result) => {
-                        var newReport = createReportViewModel(result, designerModel.model());
+                        const newReport = createReportViewModel(result, designerModel.model());
                         designerModel.model(newReport);
                         deferred.resolve(newReport);
                     })
@@ -1125,7 +1126,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 return deferred.promise();
             });
         };
-        var end = () => {
+        const end = () => {
             designerModel.appMenuVisible(false);
             reportWizard.isVisible(false);
         };
@@ -1134,9 +1135,9 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return menuAction;
     }
     _createMultiQueryDataSourceWizardAction(multiQueryDataSourceWizard, designerModel) {
-        var isDisabled = ko.pureComputed(() => { return !designerModel.model(); });
-        var isVisible = ko.pureComputed(() => multiQueryDataSourceWizard.canRunWizard());
-        var menuAction = {
+        const isDisabled = ko.pureComputed(() => { return !designerModel.model(); });
+        const isVisible = ko.pureComputed(() => multiQueryDataSourceWizard.canRunWizard());
+        const menuAction = {
             id: ActionId.AddMultiQuerySqlDataSource,
             container: 'menu',
             text: 'Add Data Source...',
@@ -1149,7 +1150,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             clickAction: () => designerModel._wizardRunner.run('DataSourceWizard')
         };
         this._disposables.push(isDisabled, isVisible);
-        var startWizard = () => {
+        const startWizard = () => {
             if (multiQueryDataSourceWizard instanceof FullscreenDataSourceWizard) {
                 designerModel.appMenuVisible(true);
                 designerModel.isMenuCollapsed(true);
@@ -1162,7 +1163,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             multiQueryDataSourceWizard.initialize(_createDefaultDataSourceWizardState());
             multiQueryDataSourceWizard.start();
         };
-        var closeWizard = () => {
+        const closeWizard = () => {
             designerModel.appMenuVisible(false);
             multiQueryDataSourceWizard.isVisible(false);
         };
@@ -1172,7 +1173,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return menuAction;
     }
     _customizeDesignerActions(designerModel, nextCustomizer, exitDesigner, state, callbacks) {
-        var report = designerModel.model, reportPreview = designerModel.reportPreviewModel.reportPreview, reportWizard = designerModel.wizard, dataSourceWizard = designerModel.dataSourceWizard, localizationEditor = designerModel.localizationEditor, multiQueryDataSourceWizard = designerModel.multiQueryDataSourceWizard, scriptsEditor = designerModel.scriptsEditor;
+        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 });
@@ -1189,10 +1190,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     hotKey: { ctrlKey: true, keyCode: 'N'.charCodeAt(0) },
                     clickAction: () => {
                         designerModel.isLoading(true);
-                        var wizardState = createReportWizardState();
+                        const wizardState = createReportWizardState();
                         wizardState.reportType = ReportType.Empty;
                         wizardState.reportTemplateID = ReportType[ReportType.Empty];
-                        var deferred = $.Deferred();
+                        const deferred = $.Deferred();
                         this._createNewReportFromWizardState(reportWizard, designerModel, wizardState, state, deferred);
                         deferred.done(reportModel => {
                             reportWizard.events.call('afterFinish', { state: wizardState, wizardResult: reportModel });
@@ -1235,7 +1236,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                     designerModel.validationMode(!designerModel.validationMode());
                 },
             });
-            var getFullscreenActionImageTemplateName = (fullScreen) => fullScreen ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen';
+            const getFullscreenActionImageTemplateName = (fullScreen) => fullScreen ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen';
             actions.push({
                 id: ActionId.FullScreen,
                 text: 'Full Screen',
@@ -1283,7 +1284,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                         visibilityChangedCallback && visibilityChangedCallback(args.newValue);
                     })
                 });
-                var previewAction = {
+                const previewAction = {
                     id: ActionId.Preview,
                     text: 'Preview',
                     displayText: () => getLocalization('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'),
@@ -1338,7 +1339,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             }
             if (localizationEditor)
                 actions.push(this._createLocalizationModeAction(localizationEditor, report, designerModel));
-            var tab = designerModel.navigateByReports.currentTab;
+            const tab = designerModel.navigateByReports.currentTab;
             actions.push({
                 id: ActionId.Save,
                 container: 'menu',
@@ -1351,7 +1352,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 hotKey: { ctrlKey: true, keyCode: 'S'.charCodeAt(0) },
                 clickAction: () => {
                     if (reportStorageWebIsRegister()) {
-                        var currentTab = designerModel.navigateByReports.currentTab();
+                        const currentTab = designerModel.navigateByReports.currentTab();
                         if (!currentTab.isDirty()) {
                             return;
                         }
@@ -1359,7 +1360,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                             designerModel.saveReportDialog.show(currentTab);
                         }
                         else {
-                            var args = { report: currentTab.context().report, url: currentTab.context().url(), cancel: false };
+                            const args = { report: currentTab.context().report, url: currentTab.context().url(), cancel: false };
                             callbacks.reportSaving && callbacks.reportSaving(args);
                             if (args.cancel)
                                 return;
@@ -1413,10 +1414,10 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     _patchReportBeforeRedesign(reportViewModel, state) {
         var _a;
-        var useInitialDataSource = false;
+        let useInitialDataSource = false;
         if (!state.newDataSource && state.dataSource) {
-            var stateDsInfo = _restoreDataSourceFromState(state.dataSource);
-            var dataSourceInfo = reportViewModel.dataSourceHelper().findDataSourceInfoByName(stateDsInfo.name);
+            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) {
@@ -1424,7 +1425,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 }
             }
         }
-        var reportJson = reportViewModel.serialize();
+        const reportJson = reportViewModel.serialize();
         delete reportJson.LocalizationItems;
         return {
             json: JSON.stringify({ 'XtraReportsLayoutSerializer': reportJson }),
@@ -1432,8 +1433,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         };
     }
     addContextActions(func = (settings) => {
-        var isDisabled = () => this.buildingModel.model() && this.buildingModel.model().language() !== defaultCulture;
-        var disposableProviders = [
+        const isDisabled = () => this.buildingModel.model() && this.buildingModel.model().language() !== defaultCulture;
+        const disposableProviders = [
             new ReportElementActions(this.buildingModel.surface, this.buildingModel.selection),
             new ElementsGroupActions(this.buildingModel.surface, this.buildingModel.selection),
             new ReportActions(this._designerCallbacks.componentAdded, this.buildingModel),
@@ -1455,16 +1456,16 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addActionList(actionListFunc = () => {
-        var designerShortcutsEnabled = ko.computed(() => {
-            var isDesignMode = this.buildingModel.designMode();
-            var isWizardVisible = this.buildingModel.wizard && this.buildingModel.wizard.isVisible();
-            var isDataSourceWizardVisible = this.buildingModel.dataSourceWizard && this.buildingModel.dataSourceWizard.isVisible();
-            var isMultiQueryDataSourceWizardVisible = this.buildingModel.multiQueryDataSourceWizard && this.buildingModel.multiQueryDataSourceWizard.isVisible();
-            var isLocalizationModeVisible = this.buildingModel.localizationMode && this.buildingModel.localizationMode();
+        const designerShortcutsEnabled = ko.computed(() => {
+            const isDesignMode = this.buildingModel.designMode();
+            const isWizardVisible = this.buildingModel.wizard && this.buildingModel.wizard.isVisible();
+            const isDataSourceWizardVisible = this.buildingModel.dataSourceWizard && this.buildingModel.dataSourceWizard.isVisible();
+            const isMultiQueryDataSourceWizardVisible = this.buildingModel.multiQueryDataSourceWizard && this.buildingModel.multiQueryDataSourceWizard.isVisible();
+            const isLocalizationModeVisible = this.buildingModel.localizationMode && this.buildingModel.localizationMode();
             return isDesignMode && !isWizardVisible && !isDataSourceWizardVisible && !isMultiQueryDataSourceWizardVisible && !isLocalizationModeVisible;
         });
         this._addDisposable(designerShortcutsEnabled);
-        var 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());
+        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)));
         return actions;
     }) {
@@ -1472,15 +1473,15 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     _createChartDesignerPart(context) {
-        var chartValueBindingProvider = ko.computed(() => context() && context().chartValueBindingProvider);
+        const chartValueBindingProvider = ko.computed(() => context() && context().chartValueBindingProvider);
         this._addDisposable(chartValueBindingProvider);
-        var chartDesignerOptions = createChartDesignerOptions(this.buildingModel, this.buildingModel.dataSourceHelper, this.buildingModel.model, this.buildingModel.parameters, chartValueBindingProvider, this._accessibilityProvider);
+        const chartDesignerOptions = createChartDesignerOptions(this.buildingModel, this.buildingModel.dataSourceHelper, this.buildingModel.model, this.buildingModel.parameters, chartValueBindingProvider, this._accessibilityProvider);
         this.addElement('runChartDesigner', () => (chart) => {
             chartDesignerOptions.run(chart);
         });
         this.addElement('chartDataSources', () => ko.computed(() => {
-            var pivotGrids = this.buildingModel.controlsHelper.allControls().filter(item => { return item instanceof XRPivotGridViewModel; }).map(item => { return { displayName: item.name, value: item }; });
-            var usedDataSources = this.buildingModel.dataSourceHelper() && this.buildingModel.dataSourceHelper().usedDataSources() && this.buildingModel.dataSourceHelper().usedDataSources().map(item => { return { displayName: item.name, value: item.data }; }), result = [].concat(pivotGrids, usedDataSources);
+            const pivotGrids = this.buildingModel.controlsHelper.allControls().filter(item => { return item instanceof XRPivotGridViewModel; }).map(item => { return { displayName: item.name, value: item }; });
+            const usedDataSources = this.buildingModel.dataSourceHelper() && this.buildingModel.dataSourceHelper().usedDataSources() && this.buildingModel.dataSourceHelper().usedDataSources().map(item => { return { displayName: item.name, value: item.data }; }), result = [].concat(pivotGrids, usedDataSources);
             return result;
         }));
         this._addDisposable(this.buildingModel.controlsHelper.allControls.subscribe((newArr) => {
@@ -1499,7 +1500,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return { id: ReportDesignerAddOns[wizardName], templateName: ReportDesignerAddOns[wizardName].split('#')[0], model: model };
     }
     addActivatedExpressionEditor() {
-        var editor = ko.observable(null);
+        const editor = ko.observable(null);
         this.addElement('activatedExpressionEditor', () => editor);
         this.addElement('activateExpressionEditor', () => (action) => {
             action.action('');
@@ -1509,7 +1510,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addParts(func = (parts) => {
-        var reportConverter = new ReportConverter(this.buildingModel.controlsHelper, this.buildingModel.undoEngine, this._dataBiningMode);
+        const reportConverter = new ReportConverter(this.buildingModel.controlsHelper, this.buildingModel.undoEngine, this._dataBiningMode);
         if (this._defaultCrossTabControl === 'XRCrossTab') {
             this._converters.push(new CrossTabConverter(this.buildingModel.selection, this._reportcontext), new PivotGridConverter(this.buildingModel.selection));
         }
@@ -1519,8 +1520,8 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 reportConverter.convert(newVal.report, this._convertBindingsToExpressions);
         }));
         [DesignerBaseElements.MenuButton, DesignerBaseElements.Toolbox].forEach((item) => {
-            var oldItem = parts.filter(part => part.id === item)[0];
-            var index = parts.indexOf(oldItem);
+            const oldItem = parts.filter(part => part.id === item)[0];
+            const index = parts.indexOf(oldItem);
             parts.splice(index, 1);
         });
         parts.push({ id: DesignerBaseElements.GroupedToolbox, templateName: DesignerBaseElements.GroupedToolbox, model: this.buildingModel }, { id: ReportDesignerElements.NavigationPanel, templateName: ReportDesignerElements.NavigationPanel, model: this.buildingModel.navigateByReports }, { id: null, templateName: ReportDesignerElements.ReportDialog, model: this.buildingModel.saveReportDialog }, { id: null, templateName: ReportDesignerElements.ReportDialog, model: this.buildingModel.saveReportDialogLight }, { id: null, templateName: ReportDesignerElements.ReportDialog, model: this.buildingModel.openReportDialog }, { id: ReportDesignerElements.MenuButton, templateName: ReportDesignerElements.MenuButton, model: this.buildingModel }, this._createChartDesignerPart(this._reportcontext), { id: null, templateName: ReportDesignerElements.Parameters, model: this.buildingModel.parameters }, ...this._converters.map(model => { return { id: null, templateName: ReportDesignerElements.ReportConverterDialog, model: model }; }));
@@ -1570,7 +1571,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     tryAddInlineRichTextEdit() {
-        var inlineRichEdit = registerRichEditInline()(this._selection);
+        const inlineRichEdit = registerRichEditInline()(this._selection);
         if (inlineRichEdit) {
             this.addElement('richInlineControl', () => inlineRichEdit);
         }
@@ -1660,7 +1661,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
     }
     updateFont(fontSet) {
         if (fontSet) {
-            var fonts = {};
+            let fonts = {};
             if (fontSet instanceof Array)
                 fontSet.forEach(fontName => fonts[fontName] = fontName);
             else
@@ -1693,7 +1694,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
                 this.buildingModel.contextActions && this.buildingModel.contextActions().length > 0
                     && this.buildingModel.contextActions().some(action => !action.isContextMenuAction);
         }));
-        var groupActionsVisible = ko.observable(PropertyGrid.QuickActionsVisible());
+        const groupActionsVisible = ko.observable(PropertyGrid.QuickActionsVisible());
         PropertyGrid.QuickActionsVisible.subscribe((newValue) => groupActionsVisible(newValue !== null && newValue !== void 0 ? newValue : false));
         this.addElement('groupActionsVisible', () => groupActionsVisible);
         return this;
@@ -1741,13 +1742,13 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
         return this;
     }
     addWizards(connectionStrings, wizardSettings, cusomizeSettingsFunc) {
-        var usedDataSources = ko.pureComputed(() => {
-            var dataSources = this.buildingModel.dataSourceHelper() && this.buildingModel.dataSourceHelper().usedDataSources();
+        const usedDataSources = ko.pureComputed(() => {
+            const dataSources = this.buildingModel.dataSourceHelper() && this.buildingModel.dataSourceHelper().usedDataSources();
             return dataSources && dataSources.filter(x => !!x.data);
         });
-        var predefinedDataSources = ko.pureComputed(() => { var _a; return ((_a = this.buildingModel.dataSourceHelper()) === null || _a === void 0 ? void 0 : _a.availableDataSources) || []; });
+        const predefinedDataSources = ko.pureComputed(() => { var _a; return ((_a = this.buildingModel.dataSourceHelper()) === null || _a === void 0 ? void 0 : _a.availableDataSources) || []; });
         this._disposables.push(usedDataSources, predefinedDataSources);
-        var initializerSettings = new WizardsInitializerSettings(connectionStrings, wizardSettings, this._designerCallbacks, this.rtl, usedDataSources, predefinedDataSources);
+        const initializerSettings = new WizardsInitializerSettings(connectionStrings, wizardSettings, this._designerCallbacks, this.rtl, usedDataSources, predefinedDataSources);
         this.addElement('connections', () => connectionStrings);
         cusomizeSettingsFunc(initializerSettings);
         if (initializerSettings.reportWizard) {
@@ -1791,7 +1792,7 @@ export class ReportDesignerInitializer extends CommonDesignerGenerator {
             $.fn.constructor(element).children().remove();
             ko.applyBindings(this.buildingModel, element);
             this.buildingModel.afterRender();
-            var dispose = () => {
+            const dispose = () => {
                 this.buildingModel.dispose();
             };
             addDisposeCallback(element, dispose);