devexpress-reporting 23.2.6 → 24.1.2-beta

package/viewer/mobile/internal/gallery/_galleryModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\internal\gallery\_galleryModel.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -17,91 +17,6 @@ import { ZoomAutoBy } from '../../../constants';
 import { BaseRenderingModel, createViewModelGenerator, mutable, mutableArray } from '@devexpress/analytics-core/analytics-serializer-native';
 import { GalleryItem, GalleryItemBlock } from './_galleryItem';
 export class GalleryModel extends BaseRenderingModel {
-    constructor(preview) {
-        super();
-        this.preview = preview;
-        this._spacing = 1;
-        this._animationTimeout = null;
-        this._currentItemSubscriptionDispose = null;
-        this._repaint = () => {
-            const args = { propertyName: 'repaint', newValue: {}, oldValue: {} };
-            this.events.call('propertyChanged', args);
-        };
-        this.horizontal = 1;
-        this.vertical = 1;
-        this.pageCount = 0;
-        const oldIndex = this.selectedIndex;
-        this.items = [
-            new GalleryItem(preview, this),
-            new GalleryItem(preview, this),
-            new GalleryItem(preview, this)
-        ];
-        this.animationEnabled = preview.animationSettings.swipeEnabled;
-        const _calcHorizontalVertical = () => {
-            const _zoom = preview.originalZoom;
-            const pageHeight = Math.ceil(preview._pageHeight * getCurrentResolution(_zoom) / previewDefaultResolution());
-            const pageWidth = Math.ceil(preview._pageWidth * getCurrentResolution(_zoom) / previewDefaultResolution());
-            const _containerSize = preview.previewWrapperSize;
-            const horizontal = (preview.autoFitBy != ZoomAutoBy.PageWidth && (Math.floor(_containerSize.width / (pageWidth + 2 * this._spacing)))) || 1;
-            const vertical = Math.floor(_containerSize.height / (pageHeight + 2 * this._spacing)) || 1;
-            this.horizontal = horizontal;
-            this.vertical = vertical;
-        };
-        const updateGalleryContent = () => {
-            _calcHorizontalVertical();
-            this.pageCount = this.horizontal * this.vertical;
-            this.updateContent(preview, this.pageCount);
-        };
-        this.addDisposable(preview.events.on('previewWrapperSizeChanged', (args) => {
-            this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
-            updateGalleryContent();
-            const currentGalleryItem = this.items[this.selectedIndex];
-            this.updateBlocks(currentGalleryItem, this.pageCount, preview, this.selectedIndexReal, preview.animationSettings.zoomEnabled);
-            this._repaint();
-        }), preview.events.on('visiblePagesChanged', (args) => {
-            for (let i = 0; i < this.items.length; i++) {
-                this.items[i].blocks = [];
-                this.items[i].realIndex = -1;
-            }
-            updateGalleryContent();
-        }), preview.events.on('zoomUpdatingChanged', (args) => {
-            if (!args.newValue) {
-                clearTimeout(this.repaintTimeout);
-                this.repaintTimeout = setTimeout(() => this._repaint(), 410);
-            }
-        }), preview.events.on('originalZoomChanged', (args) => {
-            _calcHorizontalVertical();
-            const pageCount = this.horizontal * this.vertical;
-            if (this.pageCount !== pageCount) {
-                this.pageCount = pageCount;
-                this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
-                this.updateContent(preview, pageCount);
-            }
-            else if (this.pageCount === 1) {
-                const block = this.items[this.selectedIndex].blocks[0];
-                this.items.forEach((item, index) => {
-                    if (index != this.selectedIndex)
-                        item.blocks.forEach(block => block.repaint = true);
-                });
-                setTimeout(() => {
-                    block.position = {
-                        left: block.position.left,
-                        top: block.position.top,
-                        height: Math.max(this.preview.previewWrapperSize.height, block.page.size.height),
-                        width: Math.max(this.preview.previewWrapperSize.width, block.page.size.width)
-                    };
-                });
-            }
-        }), preview.events.on('pageIndexChanged', (args) => {
-            updateGalleryContent();
-        }));
-        this.getSwipeLeftEnabled = () => {
-            return this.selectedIndexReal !== 0;
-        };
-        this.getSwipeRightEnabled = () => {
-            return this.selectedIndexReal != (Math.ceil(preview.visiblePages.length / (this.horizontal * this.vertical)) - 1);
-        };
-    }
     deferredUpdateViewModel() { return false; }
     _createBlock(galleryItem, previewPage, className, visible) {
         previewPage.disableResolutionReduction = true;
@@ -191,6 +106,91 @@ export class GalleryModel extends BaseRenderingModel {
         };
         _onCurrentItemBlocksChanged(currentItem.blocks);
     }
+    constructor(preview) {
+        super();
+        this.preview = preview;
+        this._spacing = 1;
+        this._animationTimeout = null;
+        this._currentItemSubscriptionDispose = null;
+        this._repaint = () => {
+            const args = { propertyName: 'repaint', newValue: {}, oldValue: {} };
+            this.events.call('propertyChanged', args);
+        };
+        this.horizontal = 1;
+        this.vertical = 1;
+        this.pageCount = 0;
+        const oldIndex = this.selectedIndex;
+        this.items = [
+            new GalleryItem(preview, this),
+            new GalleryItem(preview, this),
+            new GalleryItem(preview, this)
+        ];
+        this.animationEnabled = preview.animationSettings.swipeEnabled;
+        const _calcHorizontalVertical = () => {
+            const _zoom = preview.originalZoom;
+            const pageHeight = Math.ceil(preview._pageHeight * getCurrentResolution(_zoom) / previewDefaultResolution());
+            const pageWidth = Math.ceil(preview._pageWidth * getCurrentResolution(_zoom) / previewDefaultResolution());
+            const _containerSize = preview.previewWrapperSize;
+            const horizontal = (preview.autoFitBy != ZoomAutoBy.PageWidth && (Math.floor(_containerSize.width / (pageWidth + 2 * this._spacing)))) || 1;
+            const vertical = Math.floor(_containerSize.height / (pageHeight + 2 * this._spacing)) || 1;
+            this.horizontal = horizontal;
+            this.vertical = vertical;
+        };
+        const updateGalleryContent = () => {
+            _calcHorizontalVertical();
+            this.pageCount = this.horizontal * this.vertical;
+            this.updateContent(preview, this.pageCount);
+        };
+        this.addDisposable(preview.events.on('previewWrapperSizeChanged', (args) => {
+            this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
+            updateGalleryContent();
+            const currentGalleryItem = this.items[this.selectedIndex];
+            this.updateBlocks(currentGalleryItem, this.pageCount, preview, this.selectedIndexReal, preview.animationSettings.zoomEnabled);
+            this._repaint();
+        }), preview.events.on('visiblePagesChanged', (args) => {
+            for (let i = 0; i < this.items.length; i++) {
+                this.items[i].blocks = [];
+                this.items[i].realIndex = -1;
+            }
+            updateGalleryContent();
+        }), preview.events.on('zoomUpdatingChanged', (args) => {
+            if (!args.newValue) {
+                clearTimeout(this.repaintTimeout);
+                this.repaintTimeout = setTimeout(() => this._repaint(), 410);
+            }
+        }), preview.events.on('originalZoomChanged', (args) => {
+            _calcHorizontalVertical();
+            const pageCount = this.horizontal * this.vertical;
+            if (this.pageCount !== pageCount) {
+                this.pageCount = pageCount;
+                this.items.forEach(item => item.blocks.forEach(block => block.repaint = true));
+                this.updateContent(preview, pageCount);
+            }
+            else if (this.pageCount === 1) {
+                const block = this.items[this.selectedIndex].blocks[0];
+                this.items.forEach((item, index) => {
+                    if (index != this.selectedIndex)
+                        item.blocks.forEach(block => block.repaint = true);
+                });
+                setTimeout(() => {
+                    block.position = {
+                        left: block.position.left,
+                        top: block.position.top,
+                        height: Math.max(this.preview.previewWrapperSize.height, block.page.size.height),
+                        width: Math.max(this.preview.previewWrapperSize.width, block.page.size.width)
+                    };
+                });
+            }
+        }), preview.events.on('pageIndexChanged', (args) => {
+            updateGalleryContent();
+        }));
+        this.getSwipeLeftEnabled = () => {
+            return this.selectedIndexReal !== 0;
+        };
+        this.getSwipeRightEnabled = () => {
+            return this.selectedIndexReal != (Math.ceil(preview.visiblePages.length / (this.horizontal * this.vertical)) - 1);
+        };
+    }
     dispose() {
         clearTimeout(this.repaintTimeout);
         super.dispose();

package/viewer/mobile/mobilePreview.d.ts

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

package/viewer/mobile/mobilePreview.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\mobilePreview.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -17,6 +17,11 @@ import { MobilePreviewPage } from './internal/_mobilePage';
 import { mutable } from '@devexpress/analytics-core/analytics-serializer-native';
 import { createMobileReportPreviewViewModel, updateMobileReportPreviewViewModel } from './mobilePreview.viewModel';
 export class MobileReportPreview extends ReportPreview {
+    deferredUpdateViewModel() { return false; }
+    _getScrollAvailable() {
+        return !(this.scrollReachedTop && this.scrollReachedLeft
+            && this.scrollReachedRight && this.scrollReachedBottom);
+    }
     constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }, breadcrumb, exportSettings) {
         super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl, undefined, exportSettings, undefined, breadcrumb);
         this.readerMode = mobileSettings.readerMode;
@@ -26,11 +31,6 @@ export class MobileReportPreview extends ReportPreview {
         this.autoFitBy = ZoomAutoBy.PageWidth;
         this.showMultipagePreview = true;
     }
-    deferredUpdateViewModel() { return false; }
-    _getScrollAvailable() {
-        return !(this.scrollReachedTop && this.scrollReachedLeft
-            && this.scrollReachedRight && this.scrollReachedBottom);
-    }
     onPropertyChanged(args) {
         super.onPropertyChanged(args);
         if (args.propertyName === 'mobileZoom') {

package/viewer/mobile/mobilePreview.viewModel.d.ts

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

package/viewer/mobile/mobilePreview.viewModel.js

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

package/viewer/mobile/utils/_mobileActionList.d.ts

@@ -1,13 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\utils\_mobileActionList.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { MobileReportPreview } from '../mobilePreview';
 import { ExportOptionsModel } from '../../exportOptions/exportOptionsModel';
-import { PreviewParametersViewModel } from '../../parameters/previewParametersViewModel';
+import { PreviewParametersPanelModel } from '../../parameters/previewParametersModel';
 import { MobileSearchViewModel } from '../internal/_mobileSearch';
 import { IPreviewCustomizationHandler } from '../../utils/initializer';
 import { BaseRenderingModel, IViewModel } from '@devexpress/analytics-core/analytics-serializer-native';
@@ -41,7 +41,7 @@ export interface IPreviewActionsMobileOptions {
     designerModel: MobilePreviewModel;
     reportPreview: MobileReportPreview;
     exportModel: ExportOptionsModel;
-    parametersModel: PreviewParametersViewModel;
+    parametersModel: PreviewParametersPanelModel;
     searchModel: MobileSearchViewModel;
     exportTypes: {
         text: string;

package/viewer/mobile/utils/_mobileActionList.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\utils\_mobileActionList.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -12,8 +12,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { SearchAvailable } from '../../settings';
-import * as $ from 'jquery';
-import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { BaseRenderingModel, createViewModelGenerator, mutable, ViewModelChangedEvent } from '@devexpress/analytics-core/analytics-serializer-native';
+import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
 export class MobileActionList extends BaseRenderingModel {
     constructor(actions, reportPreview) {
         super();
@@ -47,6 +47,7 @@ __decorate([
     mutable(false)
 ], MobileActionList.prototype, "visible", void 0);
 export function getPreviewActionsMobile(options) {
+    var _a;
     const getItems = () => {
         const allFormats = options.exportModel._getExportFormatItems();
         const availableFormats = options.exportTypes.filter(x => allFormats.indexOf(x) !== -1);
@@ -74,11 +75,16 @@ export function getPreviewActionsMobile(options) {
         .generateProperty('visible', false)
         .generateProperty('items', getItems())
         .getViewModel();
+    disposables.push((_a = exportToModel === null || exportToModel === void 0 ? void 0 : exportToModel._viewModelEvents) === null || _a === void 0 ? void 0 : _a.on(ViewModelChangedEvent, args => {
+        var _a;
+        const eventArgs = Object.assign(Object.assign({}, args), { propertyName: `mobileActions.exportTo.${args.propertyName}` });
+        (_a = options.designerModel.getViewModel()) === null || _a === void 0 ? void 0 : _a._viewModelEvents.call(ViewModelChangedEvent, eventArgs);
+    }));
     const searchAction = createViewModelGenerator({
         clickAction: () => {
             options.searchModel.searchPanelVisible = true;
             options.searchModel.editorVisible = true;
-            options.searchModel.focusEditor({ currentTarget: $.fn.constructor('.dxrdp-taptosearch') });
+            options.searchModel.focusEditor({ currentTarget: $dx('.dxrdp-taptosearch')[0] });
             options.reportPreview.actionsVisible = false;
         },
         imageClassName: 'dxrd-image-search',
@@ -114,11 +120,11 @@ export function getPreviewActionsMobile(options) {
         imageClassName: 'dxrd-image-parameters',
         imageTemplateName: 'dxrd-svg-tabs-parameters',
     })
-        .generateProperty('visible', options.parametersModel.popupInfo.notEmpty)
+        .generateProperty('visible', options.parametersModel._popupInfo.notEmpty)
         .getViewModel();
     actions.push(parametersAction);
     options.parametersModel.events.on('isEmptyChanged', (args) => {
-        parametersAction.visible = options.parametersModel.popupInfo.notEmpty;
+        parametersAction.visible = options.parametersModel._popupInfo.notEmpty;
     });
     options.callbacks && options.callbacks.customizeActions && options.callbacks.customizeActions(actions);
     const actionList = new MobileActionList(actions, options.reportPreview);

package/viewer/mobile/utils/_mobileInitializer.d.ts

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

package/viewer/mobile/utils/_mobileInitializer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\utils\_mobileInitializer.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -9,7 +9,7 @@ import { MobileReportPreview } from '../mobilePreview';
 import { MobileSearchViewModel } from '../internal/_mobileSearch';
 import { GalleryModel } from '../internal/gallery/_galleryModel';
 import { MobilePaginator } from '../internal/_paginator';
-import { PreviewParametersViewModel } from '../../parameters/previewParametersViewModel';
+import { PreviewParametersPanelModel } from '../../parameters/previewParametersModel';
 import { PreviewRequestWrapper } from '../../internal/_previewRequestWrapper';
 import { updatePreviewContentSizeMobile } from '../internal/_sizeUtils';
 import { MobilePreviewParameterHelper } from '../internal/_mobilePreviewParameterHelper';
@@ -21,20 +21,19 @@ import { ParametersPopupModel } from '../internal/_parametersPopup';
 import { MobilePreviewElements } from '../constants';
 import { getUpdateProgressBarCallback } from '../../internal/_progressBarUtils';
 import { getDockedElementCallback } from '../../internal/_sizeUtils';
-import { appendStaticContextToRootViewModel, staticContext } from '@devexpress/analytics-core/analytics-internal-native';
-import * as $ from 'jquery';
+import { $dx, appendStaticContextToRootViewModel, staticContext } from '@devexpress/analytics-core/analytics-internal-native';
 import { BreadcrumbModel } from '../../internal/_previewBreadcrumbs';
 export function createMobilePreview(bindingSettings) {
     const callbacks = bindingSettings.callbacks;
     const bindingModel = bindingSettings.model;
     const bindingElement = bindingSettings.element;
     const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new MobileReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, undefined, bindingModel.mobileModeSettings, breadcrumb, bindingModel.exportSettings);
-    const $root = $.fn.constructor(bindingElement);
+    const $root = $dx(bindingElement);
     const updatePreviewContentSize_ = updatePreviewContentSizeMobile(reportPreview, $root);
     updatePreviewContentSize_();
     const gallery = new GalleryModel(reportPreview);
     const searchModel = new MobileSearchViewModel(reportPreview, gallery);
-    const parametersModel = new PreviewParametersViewModel(reportPreview, new MobilePreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, callbacks));
+    const parametersModel = new PreviewParametersPanelModel(reportPreview, new MobilePreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, callbacks));
     const exportModel = new ExportOptionsModel(reportPreview);
     reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;
     reportPreview.previewParametersViewModel = parametersModel;
@@ -68,18 +67,18 @@ export function createMobilePreview(bindingSettings) {
         { id: MobilePreviewElements.Parameters, templateName: MobilePreviewElements.Parameters, model: parametersPopup, viewModel: parametersPopup.getViewModel() },
         { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerViewModel.exportHandler }
     ];
+    designerModel.subscribeViewModelToDesignerParts();
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
     const $actions = $root.find('.dxrdp-mobile-actions');
-    const $window = $.fn.constructor(window);
-    const updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);
-    const updateMobilePreviewActionsPosition_ = getDockedElementCallback($actions, $root, $window, '.dxrdp-mobile-actions');
+    const updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, window);
+    const updateMobilePreviewActionsPosition_ = getDockedElementCallback($actions, $root, window, '.dxrdp-mobile-actions');
     const updateSizesCallback = () => {
         updatePreviewContentSize_ && updatePreviewContentSize_();
         updateProgressPosition && updateProgressPosition();
     };
     designerModel.updateSurfaceSize = updateSizesCallback;
     designerModel.resizeCallback = () => {
-        if (parametersModel.popupInfo.visible) {
+        if (parametersModel._popupInfo.visible) {
             parametersPopup.initVisibilityIcons();
         }
         updateSizesCallback();

package/viewer/parameters/multiValuesHelper.d.ts

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

package/viewer/parameters/multiValuesHelper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\parameters\multiValuesHelper.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -13,7 +13,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { compareArrays } from '@devexpress/analytics-core/analytics-internal-native';
 import { BaseModel, mutableArray, nativeMultiPlatformEngine, subscribableProperty } from '@devexpress/analytics-core/analytics-serializer-native';
-export class MultiValuesHelper extends BaseModel {
+class MultiValuesHelper extends BaseModel {
+    onPropertyChanged(args) { }
     constructor(parameter) {
         super();
         const items = parameter.lookUpValues;
@@ -40,9 +41,9 @@ export class MultiValuesHelper extends BaseModel {
         if (parameter.selectAllValues)
             this.isSelectedAll = true;
     }
-    onPropertyChanged(args) { }
 }
 MultiValuesHelper.maxDisplayedTags = 3;
 __decorate([
     mutableArray(() => [])
 ], MultiValuesHelper.prototype, "selectedItems", void 0);
+export { MultiValuesHelper };

package/viewer/parameters/parameterHelper.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\parameters\parameterHelper.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -38,6 +38,7 @@ export declare function _convertLocalDateToUTC(localDate: Date): Date;
 export declare class MultiValueItem extends BaseRenderingMultiplatformModel<IViewModel> {
     constructor(engine: EngineType);
     value: MultiPlatformObservable<any>;
+    key: string;
     getInfo: () => ISerializationInfoArray;
 }
 export declare class ParameterHelper extends BaseRenderingMultiplatformModel<IViewModel> {

package/viewer/parameters/parameterHelper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\parameters\parameterHelper.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -13,8 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { viewerEditorTemplates } from '../widgets/editorTemplates';
 import { getLocalization } from '@devexpress/analytics-core/analytics-utils-native';
-import * as $ from 'jquery';
-import { koUtils, selectPlaceholder, SortedArrayStore } from '@devexpress/analytics-core/analytics-internal-native';
+import { extend, guid, koUtils, selectPlaceholder, SortedArrayStore } from '@devexpress/analytics-core/analytics-internal-native';
 import ArrayStore from 'devextreme/data/array_store';
 import { getEditorType as analytics_getEditorType } from '@devexpress/analytics-core/analytics-internal-native';
 import DataSource from 'devextreme/data/data_source';
@@ -37,6 +36,7 @@ export function _convertLocalDateToUTC(localDate) {
 export class MultiValueItem extends BaseRenderingMultiplatformModel {
     constructor(engine) {
         super(undefined, undefined, engine);
+        this.key = guid();
     }
 }
 __decorate([
@@ -148,7 +148,7 @@ export class ParameterHelper extends BaseRenderingMultiplatformModel {
     }
     getParameterInfo(parameter) {
         const valueInfo = this.createInfo(parameter);
-        this._getEngine().setPropertyValue(parameter, 'multiValueInfo', ($.extend(true, {}, valueInfo, { propertyName: 'value' })));
+        this._getEngine().setPropertyValue(parameter, 'multiValueInfo', (extend(true, {}, valueInfo, { propertyName: 'value' })));
         this.assignValueStore(valueInfo, parameter);
         if (parameter.allowNull !== undefined) {
             this.addShowCleanButton(valueInfo, parameter);

package/viewer/parameters/parameterPanelItemBase.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\parameters\parameterPanelItemBase.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -9,7 +9,7 @@ import { IControlPropertyStatus } from '@devexpress/analytics-core/analytics-int
 import { ISerializationInfo } from '@devexpress/analytics-core/analytics-utils-native';
 import { PreviewParameter } from './previewParameter';
 import { PreviewParameterHelper } from './previewParameterHelper';
-import { IReportParametersInfo } from './previewParametersViewModel';
+import { IReportParametersInfo } from './parametersPanelModelBase';
 import { ArrayPropertyChangedEventArgs, IViewModel, PropertyChangedEventArgs, BaseRenderingModel, SubscribableProperty } from '@devexpress/analytics-core/analytics-serializer-native';
 export interface IParameterPanelItemInfo {
     type: string;
@@ -26,7 +26,7 @@ export interface IParameterItemInfo {
     labelOrientation: string;
 }
 export declare class ParameterPanelItemBase<T extends IViewModel> extends BaseRenderingModel<T> {
-    parameterHelper: PreviewParameterHelper;
+    protected parameterHelper: PreviewParameterHelper;
     private layoutInfo?;
     protected _parameters: PreviewParameter[];
     protected _separatorNames: string[];
@@ -42,6 +42,7 @@ export declare class ParameterPanelItemBase<T extends IViewModel> extends BaseRe
     isPropertyVisible(name: string): boolean;
     getPropertyDependencies(name: string, status: IControlPropertyStatus): SubscribableProperty<PreviewParameter>[];
     initialize(originalParametersInfo: IReportParametersInfo, parameters?: PreviewParameter[]): void;
+    setParameterValueByPath(parameterPath: string, value: any): void;
     isEmpty: boolean;
     _getInfo: ISerializationInfo[];
     getInfo: () => ISerializationInfo[];

package/viewer/parameters/parameterPanelItemBase.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\parameters\parameterPanelItemBase.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -18,6 +18,13 @@ import { PreviewParameterHelper } from './previewParameterHelper';
 import { mutable, subscribableProperty, BaseEmptyModel, updateViewModel, BaseRenderingModel, nativeMultiPlatformEngine } from '@devexpress/analytics-core/analytics-serializer-native';
 import { Locker } from '../../common/utils/_locker';
 export class ParameterPanelItemBase extends BaseRenderingModel {
+    onPropertyChanged(args) {
+        if (args.propertyName === '_getInfo') {
+            const newArgs = Object.assign(Object.assign({}, args), { propertyName: 'getInfo' });
+            updateViewModel(this, args);
+            this['events'] && this['events'].call('propertyChanged', newArgs);
+        }
+    }
     constructor(parameterHelper, layoutInfo) {
         super();
         this.parameterHelper = parameterHelper;
@@ -28,13 +35,6 @@ export class ParameterPanelItemBase extends BaseRenderingModel {
         this.getInfo = () => this._getInfo;
         this.parameterHelper = parameterHelper || new PreviewParameterHelper();
     }
-    onPropertyChanged(args) {
-        if (args.propertyName === '_getInfo') {
-            const newArgs = Object.assign(Object.assign({}, args), { propertyName: 'getInfo' });
-            updateViewModel(this, args);
-            this['events'] && this['events'].call('propertyChanged', newArgs);
-        }
-    }
     _fixGroupPropertyName(name) {
         return getUniqueName(Object.keys(this), name.toLocaleLowerCase().replace(/\s/g, '_'));
     }
@@ -193,6 +193,18 @@ export class ParameterPanelItemBase extends BaseRenderingModel {
         layoutInfo && this._proceedLayoutInfo(layoutInfo, parameters);
         this._groupLayoutItems.forEach(item => item.initialize({}, parameters));
     }
+    setParameterValueByPath(parameterPath, value) {
+        var _a;
+        if (this[parameterPath] !== undefined) {
+            this[parameterPath].value ? this[parameterPath].value = value
+                : this[parameterPath] = value;
+        }
+        else {
+            (_a = this.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
+                groupLayoutItem.setParameterValueByPath(parameterPath, value);
+            });
+        }
+    }
 }
 __decorate([
     mutable(true)