devexpress-reporting 24.1.8 → 24.1.9

package/dist/js/dx-reporting.d.ts

@@ -1,8 +1,8 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reporting.d.ts)
-* Version:  24.1.8
-* Build date: Dec 16, 2024
-* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  24.1.9
+* Build date: Jan 21, 2025
+* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 declare module DevExpress.Reporting.Chart.Internal {
@@ -6947,6 +6947,8 @@ declare module DevExpress.Reporting.Viewer.Widgets.Internal {
         editorInputId: string;
         disabled: boolean;
         getPopupContainer: (element: Element) => Element;
+        getValidatorOptions: (validatorOptions: any, validationRules?: any) => any;
+        validatorOptions: any;
         validationRules: any[];
     }
     export class MultiValueEditor extends Editor {
@@ -7222,12 +7224,11 @@ declare module DevExpress.Reporting.Viewer.Parameters {
         static maxDisplayedTags: number;
         constructor(parameter: DevExpress.Reporting.Viewer.Parameters.PreviewParameter);
         selectedItems: any[];
-        _value: any[];
+        value: any[];
         items: Array<DevExpress.Analytics.Utils.IDisplayedValue>;
         isSelectedAll: boolean;
         maxDisplayedTags: number;
         dataSource: any;
-        value: any[];
     }
     export interface IParameter {
         getParameterDescriptor: () => DevExpress.Reporting.Viewer.Parameters.IParameterDescriptor;
@@ -8811,7 +8812,7 @@ declare module DevExpress.Reporting.Viewer.Internal {
         getViewModel: () => IPreviewViewModel;
     }
     export function getUpdateProgressBarCallback(progressBarSettings: DevExpress.Reporting.Viewer.Utils.IProgressBarSettings, designerModel: DevExpress.Reporting.Viewer.Internal.PreviewDisposableModel, reportPreview: DevExpress.Reporting.Viewer.ReportPreview, rootElement: HTMLElement, $window?: Window): () => void;
-    export function createStandaloneParametersPanel(bindingSettings: DevExpress.Reporting.Viewer.Utils.IBindingSettings): DevExpress.Reporting.Viewer.Internal.PreviewDisposableModelBase;
+    export function createStandaloneParametersPanel(bindingSettings: DevExpress.Reporting.Viewer.Utils.IBindingSettings): DevExpress.Analytics.Internal.DxDeferred<PreviewDisposableModelBase>;
     export function createDesktopPreview(bindingSettings: DevExpress.Reporting.Viewer.Utils.IBindingSettings): DevExpress.Reporting.Viewer.Internal.PreviewModel;
     export function createPreview(bindingSettings: DevExpress.Reporting.Viewer.Utils.IBindingSettings): DevExpress.Analytics.Internal.DxDeferred<PreviewDisposableModel>;
     export function createPreviewModel(viewerModel: DevExpress.Reporting.Viewer.Utils.IWebDocumentViewerModel, element: HTMLElement, callbacks?: DevExpress.Reporting.Viewer.Utils.IPreviewCustomizationHandler, applyBindings?: boolean): DevExpress.Analytics.Internal.DxDeferred<PreviewDisposableModel>;

package/dist/js/dx-webdocumentviewer.js

@@ -1,8 +1,8 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.1.8
-* Build date: Dec 16, 2024
-* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
+* Version:  24.1.9
+* Build date: Jan 21, 2025
+* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 /******/ (() => { // webpackBootstrap
@@ -980,7 +980,7 @@ class EventGenerator {
 ;// external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '24.1.8';
+const version = '24.1.9';
 
 ;// ./node_modules/devexpress-reporting/common/versions.js
 
@@ -4138,10 +4138,12 @@ class MultiValueEditor extends external_DevExpress_Analytics_Widgets_namespaceOb
             .generateProperty('placeholder', (0,external_DevExpress_Analytics_Internal_namespaceObject.selectPlaceholder)())
             .generateProperty('searchExpr', ['displayValue'])
             .generateProperty('selectAllText', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select All', 'AnalyticsCoreStringId.SelectAll'))
+            .generateProperty('getValidatorOptions', (options) => this.getValidatorOptions(options))
+            .generateProperty('validatorOptions', this.unwrap(this.validatorOptions))
             .generateProperty('validationRules', this.validationRules)
             .generateProperty('valueExpr', 'value')
             .getViewModel();
-        this._multiValueEditorSubscriptions.push(currentValue.events.on('_valueChanged', x => viewModel.value = currentValue.value), this.subscribeProperty('disabled', (x) => viewModel.disabled = x), this.subscribeProperty('displayName', (x) => viewModel.displayName = x));
+        this._multiValueEditorSubscriptions.push(currentValue.events.on('valueChanged', x => viewModel.value = currentValue.value), this.subscribeProperty('disabled', (x) => viewModel.disabled = x), this.subscribeProperty('displayName', (x) => viewModel.displayName = x));
         return viewModel;
     }
     createViewModel() {
@@ -10253,7 +10255,7 @@ multiValuesHelper_decorate([
 ], MultiValuesHelper.prototype, "selectedItems", void 0);
 multiValuesHelper_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
-], MultiValuesHelper.prototype, "_value", void 0);
+], MultiValuesHelper.prototype, "value", void 0);
 
 
 ;// ./node_modules/devexpress-reporting/viewer/parameters/parameterHelper.js
@@ -12207,7 +12209,7 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 
 
 
-function createStandaloneParametersPanel(bindingSettings) {
+function _createStandaloneParametersPanel(bindingSettings) {
     const bindingModel = bindingSettings.model;
     const previewWrapper = new PreviewRequestWrapper(null, bindingSettings.callbacks);
     const reportHolder = new ReportHolder(bindingModel.handlerUri, previewWrapper, bindingSettings.element);
@@ -12223,6 +12225,9 @@ function createStandaloneParametersPanel(bindingSettings) {
     designerModel.parts = parametersPanel.getDesignerParts();
     return designerModel;
 }
+function createStandaloneParametersPanel(bindingSettings) {
+    return _createModelWithLocalization(bindingSettings, _createStandaloneParametersPanel);
+}
 function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
     const enableKeyboardSupport = !!bindingSettings.model.accessibilityCompliant;
@@ -12370,7 +12375,7 @@ function _createPreview(bindingSettings) {
     }
     return designerModel;
 }
-function createPreview(bindingSettings) {
+function _createModelWithLocalization(bindingSettings, createModelFunc) {
     if (bindingSettings.model && bindingSettings.model.localization) {
         (0,external_DevExpress_Analytics_Utils_namespaceObject.addCultureInfo)({
             messages: bindingSettings.model.localization
@@ -12380,10 +12385,13 @@ function createPreview(bindingSettings) {
     bindingSettings.callbacks && bindingSettings.callbacks.customizeLocalization && bindingSettings.callbacks.customizeLocalization(localizationCallbacks);
     return (0,external_DevExpress_Analytics_Internal_namespaceObject.resolveFromPromises)(localizationCallbacks, () => {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.troubleshootingPageWrapper)(() => {
-            return _createPreview(bindingSettings);
+            return createModelFunc(bindingSettings);
         }, bindingSettings.model.developmentMode, bindingSettings.element);
     });
 }
+function createPreview(bindingSettings) {
+    return _createModelWithLocalization(bindingSettings, _createPreview);
+}
 function createPreviewModel(viewerModel, element, callbacks, applyBindings) {
     (0,external_DevExpress_Analytics_Internal_namespaceObject.initGlobalize)(viewerModel);
     return createPreview({ model: viewerModel, element: element, callbacks: callbacks, applyBindings: applyBindings }).done(() => {
@@ -12561,15 +12569,13 @@ class JSReportParametersPanel extends JSReportViewerBase {
 
 
 
-
 class JSReportParametersPanelBinding extends JSReportViewerBindingBase {
     _createModel(element) {
-        const model = createStandaloneParametersPanel({
+        return createStandaloneParametersPanel({
             model: this._options,
             callbacks: this._callbacks,
             element
         });
-        return new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(model);
     }
     _createSender(viewModel) {
         return new JSReportParametersPanel(viewModel);
@@ -13715,7 +13721,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { \'display\': showHorizontally ? \'flex\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.showHorizontally ? 'flex' : 'block' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-propertieseditor\', data: $data }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-propertieseditor', 'data': $context.$data }; }, 'css': function () { return { 'dxrd-parameters-border': !$context.$data.hideBorder, 'dxrd-parameters-horizontal': $context.$data.showHorizontally }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: viewmodel.editors', function ($context, $element) { return { 'foreach': function () { return $context.$data.viewmodel.editors; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: validationRules || [] }', function ($context, $element) { return { 'dxTagBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId }, 'disabled': $context.$data.disabled, 'selectAllText': $context.$data.selectAllText, 'placeholder': $context.$data.placeholder, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'boundary': $context.$data.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: getValidatorOptions ? getValidatorOptions(validatorOptions || { validationRules: validationRules || [] }) : (validatorOptions || { validationRules: validationRules || [] })', function ($context, $element) { return { 'dxTagBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.dataSource, 'searchEnabled': true, 'useItemTextAsTitle': true, 'searchExpr': $context.$data.searchExpr || ['displayValue'], 'value': $context.$data.value, 'displayExpr': $context.$data.displayExpr || 'displayValue', 'valueExpr': $context.$data.valueExpr || 'value', 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': !!$context.$data.showDropDownButton, 'selectAllMode': 'allPages', 'selectedItems': $context.$data.selectedItems, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId }, 'disabled': $context.$data.disabled, 'selectAllText': $context.$data.selectAllText, 'placeholder': $context.$data.placeholder, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'showMultiTagOnly': true, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'boundary': $context.$data.getPopupContainer($element), 'collision': 'flipfit flipfit', 'of': $element, 'at': 'bottom', 'my': 'top' } } }); }, 'dxValidator': function () { return $context.$data.getValidatorOptions ? $context.$data.getValidatorOptions($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }) : ($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.$data.value, 'info': $context.$data.info, 'level': $context.$data.level, 'displayName': $context.$root.getLocalization($context.$data.displayName) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }', function ($context, $element) { return { 'dxdAccordion': function () { return { 'collapsed': $context.$data.collapsed, 'alwaysShow': $context.$data.alwaysShow, 'setCollapsed': $context.$data.setCollapsed, 'getCollapsed': $context.$data.getCollapsed, 'setCollapsedChangedEvent': $context.$data.setCollapsedChangedEvent }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-empty-header\': hideEditorHeader }', function ($context, $element) { return { 'css': function () { return { 'dxrd-empty-header': $context.$data.hideEditorHeader }; } }; });
@@ -13757,7 +13763,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $parent.filterEnabled', function ($context, $element) { return { 'if': function () { return $context.$parent.filterEnabled; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $parent.filterEnabled', function ($context, $element) { return { 'ifnot': function () { return $context.$parent.filterEnabled; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: getValidatorOptions ? getValidatorOptions(validatorOptions || { validationRules: validationRules || [] }) : (validatorOptions || { validationRules: validationRules || [] })', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return $context.$data.getValidatorOptions ? $context.$data.getValidatorOptions($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }) : ($context.$data.validatorOptions || { 'validationRules': $context.$data.validationRules || [] }); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: getOptions({ dataSource: values, value: value, itemTemplate: \'signature\', displayExpr: \'displayName\', valueExpr: \'key\', showClearButton: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { minWidth: \'300px\', container: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'itemTemplate': 'signature', 'displayExpr': 'displayName', 'valueExpr': 'key', 'showClearButton': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'minWidth': '300px', 'container': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { src: image }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.image }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { title: value }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.value }; } }; });
@@ -13820,7 +13826,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-propertieseditor': '<div data-bind="css: { \'dx-rtl\' : viewmodel.rtl }"> <div class="dx-editors"> <div class="dx-fieldset dxrd-parameters-fieldset dxd-border-primary" data-bind="style: { \'display\': showHorizontally ? \'flex\' : \'block\' }"> <!-- ko foreach: viewmodel.editors --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --> </div> </div> </div>',
     'dxrd-parameters-editor-content': '<!-- ko if: visible --> <div class="dxrd-parameters-group" data-bind="template: { name: \'dxrd-propertieseditor\', data: $data }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }"> </div> <!-- /ko -->',
     'dxrd-parameters-separator': '<div class="dxrd-parameters-item-separator"> <div class="dxrd-item-separator dxd-border-secondary"></div> </div>',
-    'dxrd-multivalue': '<!-- ko with: value --> <div data-bind="dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: validationRules || [] }"> </div> <!-- /ko -->',
+    'dxrd-multivalue': '<!-- ko with: value --> <div data-bind="dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: getValidatorOptions ? getValidatorOptions(validatorOptions || { validationRules: validationRules || [] }) : (validatorOptions || { validationRules: validationRules || [] })"> </div> <!-- /ko -->',
     'dxrd-multivalue-editable': '<!-- ko if: value --> <div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties() }"></div> </div> </div> <!-- /ko -->',
     'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': hideEditorHeader }"> <!-- ko ifnot: $data.hideEditorHeader --> <div class="dx-field" data-bind="attr: { role: \'treeitem\', \'id\': isComplexEditor && headerId, \'aria-owns\': isComplexEditor && contentId, \'aria-expanded\': isComplexEditor && (alwaysShow || !collapsed ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': editorOptions && editorOptions.hasVerticalLabel }"> <div class="dx-field-label dxrd-group-label dxd-back-secondary dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.alwaysShow --> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: !isComplexEditor --> <!-- ko if: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: ko.unwrap(isPropertyModified) ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: ko.unwrap(isPropertyModified) ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- /ko --> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> <!-- ko if: templateName !== \'dx-emptyHeader\' --> <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko if: isComplexEditor --> <div class="dx-editor-content dx-accordion-content" role="group" data-bind="attr: { \'aria-labelledby\': headerId, \'id\': contentId, \'aria-hidden\': !alwaysShow && collapsed ? \'true\' : \'false\' }"> <!-- ko if: editorCreated --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
     'dx-picture-editing': '<div class="dx-picture-editing"> <canvas data-bind="zoom: painter.scale"></canvas> <div class="dx-picture-editing-active" data-bind="dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: getPopupContainer($element), of: element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : getPopupContainer($element), target: getPopupContainer($element), showTitle: false, onContentReady: onContentReady, showCloseButton: false, animation: {}, shading: false, visible: true }"> <div data-options="dxTemplate: { name: \'content\' }"> <div class="dx-picture-editing-toolbar" data-bind="foreach: actions"> <div class="dx-picture-editing-toolbar-item" data-bind="dxclick: action, attr: { title: title }"> <div class="dx-picture-editing-toolbar-item-icon" data-bind="template: { name: icon }"> </div> </div> <!-- ko template: { if: $data.template, name: $data.template, data: $data.templateOptions }--> <!-- /ko --> </div> </div> </div> </div>',
@@ -13830,7 +13836,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dx-picture-editing-sizemode-alignment': '<div class="dx-picture-editing-sizemode-alignment"> <div class="dx-picture-editing-sizemode"> <div class="dx-picture-editing-text" data-bind="text: sizeModeText"></div> <div class="dx-picture-editing-sizemode-values" data-bind="foreach: { data: sizeModeValues }"> <div class="dx-picture-editing-sizemode-alignment-value" data-bind="css: { selected: isSelected }, template: iconTemplate, dxclick: action, attr: { title: attrTitle }"> </div> </div> </div> <div class="dx-picture-editing-alignment"> <div class="dx-picture-editing-text" data-bind="text: alignmentText"></div> <div class="dx-picture-editing-alignment-values" data-bind="foreach: { data: alignmentValues }"> <div class="dx-picture-editing-sizemode-alignment-value" data-bind="css: { selected: isSelected }, template: iconTemplate, dxclick: action, , attr: { title: attrTitle }"> </div> </div> </div> </div>',
     'dx-picture-editing-imagepickerwithfilter': '<div class="dx-picture-editing-filtercontent" data-bind="styleunit: { width: contentWidth }"> <div class="dx-picture-editing-filtercontent-editor" data-bind="dxTextBox: { value: filter, valueChangeEvent: \'keyup\', onValueChanged: onFilterChanged, placeholder: searchPlaceholder, showClearButton: true  }"></div> <div class="dx-picture-editing-filtercontent-images"> <!-- ko template: \'dx-picture-editing-imagespicker\' --> <!-- /ko --> </div> </div>',
     'dx-picture-editing-imagespicker': '<div class="dx-picture-editing-imagescontainer dxd-text-primary" data-bind="styleunit: { width: contentWidth }, dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }"> <!-- ko foreach: images --> <div class="dx-picture-editing-block dxd-state-normal dxd-back-highlighted" data-bind="styleunit: { width: width + 10 }, visible: visible, click: action"> <div class="dx-picture-editing-block-image" data-bind="styleunit: { width: width, height: height }, style: { backgroundImage: \'url(\' + (url || data) + \')\' }"></div> <!-- ko if: $data.text--> <!-- ko if: $parent.filterEnabled --> <div class="dx-picture-editing-block-text" data-bind="searchHighlighting: { text: text, textToSearch: filter }, attr: { title: text }"></div> <!-- /ko --> <!-- ko ifnot: $parent.filterEnabled --> <div class="dx-picture-editing-block-text" data-bind="text: text, attr: { title: text }"></div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div>',
-    'dx-selectbox': '<div data-bind="dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }"></div>',
+    'dx-selectbox': '<div data-bind="dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: getValidatorOptions ? getValidatorOptions(validatorOptions || { validationRules: validationRules || [] }) : (validatorOptions || { validationRules: validationRules || [] })"></div>',
     'dxrdv-signature': '<div data-bind="dxSelectBox: getOptions({ dataSource: values, value: value, itemTemplate: \'signature\', displayExpr: \'displayName\', valueExpr: \'key\', showClearButton: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { minWidth: \'300px\', container: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }"> <div class="dxrdv-signature-editor-item" data-options="dxTemplate: { name: \'signature\' }"> <div class="dxrdv-signature-editor-item-image"> <!-- ko if: image --> <img data-bind="attr: { src: image }"/> <!-- /ko --> <!-- ko ifnot: image --> <!-- ko template: \'dxrd-svg-preview-signature_img_placeholder\' --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrdv-signature-editor-item-info"> <!-- ko foreach: fields --> <div class="dxrdv-signature-editor-item-info-field" data-bind="attr: { title: value }"> <span class="dxrdv-signature-editor-item-info-field-label" data-bind="text: label"></span> <span data-bind="text: value"></span> </div> <!-- /ko --> </div> </div> </div>'
 });
 
@@ -14769,18 +14775,24 @@ const defaultRanges = [
         CSDateTime.today.addDays(-1).date,
         CSDateTime.today.addDays(-1).date
     ]),
-    createRangeItem('Current Week', 'PreviewStringId.DateRangeParameterEditor_CurrentWeek', () => [
-        CSDateTime.today.addDays(-CSDateTime.today.day).date,
-        CSDateTime.today.addDays(-CSDateTime.today.day).addDays(6).date
-    ]),
+    createRangeItem('Current Week', 'PreviewStringId.DateRangeParameterEditor_CurrentWeek', () => {
+        const firstDayOfWeek = (0,external_DevExpress_Analytics_Internal_namespaceObject.getWeekFirstDay)() % 7;
+        return [
+            CSDateTime.today.addDays(-CSDateTime.today.day + firstDayOfWeek).date,
+            CSDateTime.today.addDays(-CSDateTime.today.day + firstDayOfWeek).addDays(6).date
+        ];
+    }),
     createRangeItem('Last Week', 'PreviewStringId.DateRangeParameterEditor_LastWeek', () => [
         CSDateTime.today.addDays(-7).date,
         CSDateTime.today.date
     ]),
-    createRangeItem('Previous Week', 'PreviewStringId.DateRangeParameterEditor_PreviousWeek', () => [
-        CSDateTime.today.addDays(-CSDateTime.today.day - 7).date,
-        CSDateTime.today.addDays(-CSDateTime.today.day - 1).date
-    ]),
+    createRangeItem('Previous Week', 'PreviewStringId.DateRangeParameterEditor_PreviousWeek', () => {
+        const firstDayOfWeek = (0,external_DevExpress_Analytics_Internal_namespaceObject.getWeekFirstDay)() % 7;
+        return [
+            CSDateTime.today.addDays(-CSDateTime.today.day + firstDayOfWeek - 7).date,
+            CSDateTime.today.addDays(-CSDateTime.today.day + firstDayOfWeek - 1).date
+        ];
+    }),
     createRangeItem('Current Month', 'PreviewStringId.DateRangeParameterEditor_CurrentMonth', () => [
         new Date(CSDateTime.today.year, CSDateTime.today.month, 1),
         new Date(CSDateTime.today.year, CSDateTime.today.month + 1, 0),