devexpress-reporting-angular 23.2.5 → 24.1.1-alpha-2485-0223

package/dx-report-viewer/components/reporting/templates.component.d.ts

@@ -3,7 +3,7 @@ import { ISelectBoxActionViewModel } from '@devexpress/analytics-core/widgets/ut
 import { TemplateEngine } from '../../utils/templateEngine';
 import { IObjectPropertiesViewModel } from '@devexpress/analytics-core/property-grid/propertygrid';
 import { ReportPreview } from 'devexpress-reporting/viewer/reportPreview';
-import { IPreviewParametersViewModel } from 'devexpress-reporting/viewer/parameters/previewParametersViewModel.viewmodel';
+import { IParametersPanelViewModel } from 'devexpress-reporting/viewer/parameters/previewParametersViewModel.viewmodel';
 import { IExportActionViewModel } from 'devexpress-reporting/viewer/exportOptions/exportOptionsModel';
 import { IEditorViewModel } from '@devexpress/analytics-core/property-grid/widgets/editor';
 import { IMultiValueEditorViewModel } from 'devexpress-reporting/viewer/widgets/_multiValueEditor';
@@ -50,7 +50,7 @@ export declare class ViewerTemplatesComponent implements AfterViewInit {
         data: ISelectBoxActionViewModel;
     }>;
     parameters: TemplateRef<{
-        data: IPreviewParametersViewModel;
+        data: IParametersPanelViewModel;
     }>;
     editor: TemplateRef<{
         data: IEditorViewModel;

package/dx-report-viewer/dx-report-parameters-panel.component.d.ts

@@ -0,0 +1,16 @@
+import { IReportViewerOptions } from 'devexpress-reporting/viewer/binding/jsReportViewerBindingBase';
+import { JSReportViewerBase } from 'devexpress-reporting/viewer/binding/jsReportViewerBase';
+import { JSReportParametersPanelBinding } from 'devexpress-reporting/viewer/binding/jsReportParametersPanelBinding';
+import { DxReportViewerBaseComponent } from './dx-report-viewer-base.component';
+import { DxReportParametersPanelCallbacksComponent } from './dxrpp-callbacks';
+import { DxReportParametersPanelRequestOptionsComponent } from './dxrpp-request-options';
+import * as i0 from "@angular/core";
+export declare class DxReportParametersPanelComponent extends DxReportViewerBaseComponent<JSReportParametersPanelBinding> {
+    requestOptionsComponent: DxReportParametersPanelRequestOptionsComponent;
+    callbacksComponent: DxReportParametersPanelCallbacksComponent;
+    getKoBinding(options: IReportViewerOptions<JSReportViewerBase>): JSReportParametersPanelBinding;
+    getCallbacks(): DxReportParametersPanelCallbacksComponent;
+    getControlOptions(): IReportViewerOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxReportParametersPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportParametersPanelComponent, "dx-report-parameters-panel", never, {}, {}, ["requestOptionsComponent", "callbacksComponent"], never, false, never>;
+}

package/dx-report-viewer/dx-report-viewer-base.component.d.ts

@@ -0,0 +1,36 @@
+import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
+import { DxReportingComponent } from 'devexpress-reporting-angular/core';
+import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
+import 'devexpress-reporting/dx-reporting-svg-templates';
+import { AccessibilitySettings } from './utils/accessibility-settings';
+import { IReportViewerOptions, JSReportViewerBindingBase } from 'devexpress-reporting/viewer/binding/jsReportViewerBindingBase';
+import { IPreviewDisposableViewModelBase } from 'devexpress-reporting/scopes/reporting-viewer-internal';
+import { DxReportViewerCallbacksBaseComponent } from './dxrv-callbacks-base';
+import * as i0 from "@angular/core";
+export declare abstract class DxReportViewerBaseComponent<T extends JSReportViewerBindingBase> extends DxReportingComponent {
+    private _viewer;
+    private _cd;
+    private _accessibilitySettings;
+    private _reportUrl;
+    private _disposableCallback;
+    private _disposeViewModelChangedSubscription;
+    viewModel: IPreviewDisposableViewModelBase;
+    model: T['sender'];
+    protected _binding: JSReportViewerBindingBase;
+    bindingSender: T['sender'];
+    constructor(renderer: Renderer2, platformId: Object, _viewer: ElementRef, _cd: ChangeDetectorRef, _accessibilitySettings: AccessibilitySettings);
+    abstract getCallbacks(): DxReportViewerCallbacksBaseComponent;
+    abstract getKoBinding(options: IReportViewerOptions): JSReportViewerBindingBase;
+    getControlOptions(): IReportViewerOptions;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private _subscribeToViewModelChanged;
+    get accessibilityCompliant(): boolean;
+    set accessibilityCompliant(value: boolean);
+    keepReportOnComponentDisposal: boolean;
+    rtl: boolean;
+    get reportUrl(): string;
+    set reportUrl(reportUrl: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerBaseComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerBaseComponent<any>, "ng-component", never, { "accessibilityCompliant": "accessibilityCompliant"; "keepReportOnComponentDisposal": "keepReportOnComponentDisposal"; "rtl": "rtl"; "reportUrl": "reportUrl"; }, {}, never, never, false, never>;
+}

package/dx-report-viewer/dx-report-viewer.component.d.ts

@@ -1,5 +1,4 @@
 import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
-import { DxReportingComponent } from 'devexpress-reporting-angular/core';
 import { DxReportViewerCallbacksComponent } from './dxrv-callbacks';
 import { DxReportViewerRequestOptionsComponent } from './dxrv-request-options';
 import { DxReportViewerExportSettingsComponent } from './dxrv-export-settings.component';
@@ -10,22 +9,14 @@ import { DxReportViewerTabPanelSettingsComponent } from './dxrv-tabpanel-setting
 import { DxReportViewerSearchSettingsComponent } from './dxrv-search-settings.component';
 import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
 import 'devexpress-reporting/dx-reporting-svg-templates';
-import { IReportViewerOptions, JSReportViewerBinding } from 'devexpress-reporting/viewer/binding/jsReportViewerBinding';
+import { JSReportViewerBinding } from 'devexpress-reporting/viewer/binding/jsReportViewerBinding';
 import { IPreviewViewModel, PreviewDisposableModel } from 'devexpress-reporting/viewer/internal/_previewModel';
-import { JSReportViewer } from 'devexpress-reporting/viewer/binding/jsReportViewer';
 import { AccessibilitySettings } from './utils/accessibility-settings';
+import { IReportViewerOptions, JSReportViewerBindingBase } from 'devexpress-reporting/viewer/binding/jsReportViewerBindingBase';
+import { DxReportViewerBaseComponent } from './dx-report-viewer-base.component';
 import * as i0 from "@angular/core";
-export declare class DxReportViewerComponent extends DxReportingComponent {
-    private _viewer;
-    private _cd;
-    private _accessibilitySettings;
-    private _reportUrl;
-    private _disposableCallback;
-    private _disposeViewModelChangedSubscription;
+export declare class DxReportViewerComponent extends DxReportViewerBaseComponent<JSReportViewerBinding> {
     viewModel: IPreviewViewModel;
-    model: JSReportViewer;
-    protected _binding: JSReportViewerBinding;
-    bindingSender: JSReportViewer;
     requestOptionsComponent: DxReportViewerRequestOptionsComponent;
     callbacksComponent: DxReportViewerCallbacksComponent;
     mobileModeSettingsComponent: DxReportViewerMobileModeSettingsComponent;
@@ -34,21 +25,12 @@ export declare class DxReportViewerComponent extends DxReportingComponent {
     progressBarSettingsComponent: DxReportViewerProgressBarSettingsComponent;
     exportSettingsComponent: DxReportViewerExportSettingsComponent;
     searchSettingsComponent: DxReportViewerSearchSettingsComponent;
-    constructor(renderer: Renderer2, platformId: Object, _viewer: ElementRef, _cd: ChangeDetectorRef, _accessibilitySettings: AccessibilitySettings);
-    getKoBinding(options: IReportViewerOptions): JSReportViewerBinding;
+    constructor(renderer: Renderer2, platformId: Object, viewer: ElementRef, cd: ChangeDetectorRef, accessibilitySettings: AccessibilitySettings);
+    getKoBinding(options: IReportViewerOptions): JSReportViewerBindingBase;
     getCallbacks(): DxReportViewerCallbacksComponent;
     getControlOptions(): IReportViewerOptions;
     GetPreviewModel(): PreviewDisposableModel;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private _subscribeToViewModelChanged;
     isMobile: boolean;
-    get accessibilityCompliant(): boolean;
-    set accessibilityCompliant(value: boolean);
-    keepReportOnComponentDisposal: boolean;
-    rtl: boolean;
-    get reportUrl(): string;
-    set reportUrl(reportUrl: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerComponent, "dx-report-viewer", never, { "isMobile": "isMobile"; "accessibilityCompliant": "accessibilityCompliant"; "keepReportOnComponentDisposal": "keepReportOnComponentDisposal"; "rtl": "rtl"; "reportUrl": "reportUrl"; }, {}, ["requestOptionsComponent", "callbacksComponent", "mobileModeSettingsComponent", "remoteSettingsComponent", "tabPanelSettingsComponent", "progressBarSettingsComponent", "exportSettingsComponent", "searchSettingsComponent"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerComponent, "dx-report-viewer", never, { "isMobile": "isMobile"; }, {}, ["requestOptionsComponent", "callbacksComponent", "mobileModeSettingsComponent", "remoteSettingsComponent", "tabPanelSettingsComponent", "progressBarSettingsComponent", "exportSettingsComponent", "searchSettingsComponent"], never, false, never>;
 }

package/dx-report-viewer/dx-report-viewer.module.d.ts

@@ -108,10 +108,13 @@ import * as i106 from "./components/reporting/mobile/directives/mobile.autofit.d
 import * as i107 from "./components/reporting/mobile/pages/pages/mobile.pages.component";
 import * as i108 from "./components/analytics/directives/key-down-actions.directive";
 import * as i109 from "./components/reporting/reportpreview/breadcrumbs/breadcrumbs.component";
-import * as i110 from "@angular/common";
-import * as i111 from "devextreme-angular";
+import * as i110 from "./dx-report-parameters-panel.component";
+import * as i111 from "./dxrpp-callbacks";
+import * as i112 from "./dxrpp-request-options";
+import * as i113 from "@angular/common";
+import * as i114 from "devextreme-angular";
 export declare class DxReportViewerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DxReportViewerModule, [typeof i1.DxReportViewerComponent, typeof i2.DxReportViewerCallbacksComponent, typeof i3.DxReportViewerMobileModeSettingsComponent, typeof i4.DxReportViewerRemoteSettingsComponent, typeof i5.DxReportViewerRequestOptionsComponent, typeof i6.DxReportViewerProgressBarSettingsComponent, typeof i7.DxReportViewerExportSettingsComponent, typeof i8.DxReportViewerTabPanelSettingsComponent, typeof i9.DxReportViewerSearchSettingsComponent, typeof i10.TabpanelComponent, typeof i11.PopoverComponent, typeof i12.PropertygridComponent, typeof i13.TreelistComponent, typeof i14.TreeListGroupComponent, typeof i15.TreeListItemComponent, typeof i16.TreeListHeaderItemComponent, typeof i17.TreeListItemTextComponent, typeof i18.TreeListHeaderItemCaptionContentComponent, typeof i19.DateEditorComponent, typeof i20.CollectionEditorComponent, typeof i21.ParameterspanelComponent, typeof i22.TemplatesComponent, typeof i23.ActionsComponent, typeof i24.ImageTemplateComponent, typeof i25.TemplateComponent, typeof i26.PagerComponent, typeof i27.ZoomComponent, typeof i28.EditorComponentBase, typeof i29.ExportComponent, typeof i30.ViewerTemplatesComponent, typeof i31.ToolbarContentComponent, typeof i32.EditorComponent, typeof i33.MultiValueComponent, typeof i34.TextBoxEditorComponent, typeof i35.SelectBoxComponent, typeof i36.BoolSelectComponent, typeof i37.ExportOptionsComponent, typeof i38.ObjectEditorComponent, typeof i39.BooleanEditorComponent, typeof i40.LocalizedSelectBoxComponent, typeof i41.NumericEditorComponent, typeof i42.ColorPickerComponent, typeof i43.DxActionDirective, typeof i44.MultiValueEditableComponent, typeof i45.DesignerComponent, typeof i46.DateRangeComponent, typeof i47.PopupContainerComponent, typeof i48.CalendarComponent, typeof i49.SurfaceComponent, typeof i50.PageComponent, typeof i51.LazyImagesDirective, typeof i52.EditorContentComponent, typeof i53.GroupEditorComponent, typeof i54.SearchComponent, typeof i55.DocumentMapComponent, typeof i56.TextEditingFieldComponent, typeof i57.TextEditingFieldMaskComponent, typeof i58.TextEditingFieldNumberComponent, typeof i59.TextEditingFieldDateBoxComponent, typeof i60.TextEditingFieldContainerComponent, typeof i61.CharacterCombEditingFieldComponent, typeof i62.CheckEditingFieldComponent, typeof i63.RadioEditingFieldComponent, typeof i64.ImageEditingFieldComponent, typeof i65.ImageEditingFieldEditorComponent, typeof i66.PopupImageEditingFieldComponent, typeof i67.ProgressBarComponent, typeof i68.PictureEditorComponent, typeof i69.PictureEditorToolBarPopupComponent, typeof i70.PictureEditorBrushOptionsComponent, typeof i71.PictureEditorSizeOptionsComponent, typeof i72.PictureEditorImagespickerComponent, typeof i73.PictureEditorImagespickerWithFilterComponent, typeof i74.PainterComponent, typeof i75.SignatureEditorComponent, typeof i76.BrickComponent, typeof i77.BrickClickableComponent, typeof i78.ExportToolComponent, typeof i79.AutoFitDirective, typeof i80.ToViewDirective, typeof i81.BrickSelectionDirective, typeof i82.ResizableDirective, typeof i83.ZoomDirective, typeof i84.ChildStyleDirective, typeof i85.SearchHighlightingDirective, typeof i86.AccordionDirective, typeof i87.EllipsisEditorDirective, typeof i88.ButtonWithTemplateDirective, typeof i89.EditingFieldCheckboxGlyphComponent, typeof i90.DxMutationObserverDirective, typeof i91.MobileSearchBarDirective, typeof i92.MobilePaginatorDirective, typeof i93.LazyTemplateComponent, typeof i94.MobileSurfaceComponent, typeof i95.MobileSlideDirective, typeof i96.MobileZoomDirective, typeof i97.MobileGalleryComponent, typeof i98.MobilePageComponent, typeof i99.MobileActionsComponent, typeof i100.MobileParametersPopupComponent, typeof i101.MobileParametersComponent, typeof i102.MobileParametersDateRangeComponent, typeof i103.MobileActionsExportComponent, typeof i104.MobileSearchComponent, typeof i105.DateRangeMobileComponent, typeof i106.MobileAutofitDirective, typeof i107.MobilePaginatorComponent, typeof i108.KeyDownActionsDirective, typeof i109.BreadcrumbsComponent], [typeof i110.CommonModule, typeof i111.DxButtonModule, typeof i111.DxLoadIndicatorModule, typeof i111.DxScrollViewModule, typeof i111.DxSelectBoxModule, typeof i111.DxMenuModule, typeof i111.DxTagBoxModule, typeof i111.DxTextBoxModule, typeof i111.DxValidatorModule, typeof i111.DxDateBoxModule, typeof i111.DxCheckBoxModule, typeof i111.DxNumberBoxModule, typeof i111.DxColorBoxModule, typeof i111.DxPopupModule, typeof i111.DxPopoverModule, typeof i111.DxSliderModule, typeof i111.DxCalendarModule, typeof i111.DxListModule, typeof i111.DxGalleryModule], [typeof i1.DxReportViewerComponent, typeof i2.DxReportViewerCallbacksComponent, typeof i3.DxReportViewerMobileModeSettingsComponent, typeof i4.DxReportViewerRemoteSettingsComponent, typeof i5.DxReportViewerRequestOptionsComponent, typeof i6.DxReportViewerProgressBarSettingsComponent, typeof i7.DxReportViewerExportSettingsComponent, typeof i8.DxReportViewerTabPanelSettingsComponent, typeof i9.DxReportViewerSearchSettingsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DxReportViewerModule, [typeof i1.DxReportViewerComponent, typeof i2.DxReportViewerCallbacksComponent, typeof i3.DxReportViewerMobileModeSettingsComponent, typeof i4.DxReportViewerRemoteSettingsComponent, typeof i5.DxReportViewerRequestOptionsComponent, typeof i6.DxReportViewerProgressBarSettingsComponent, typeof i7.DxReportViewerExportSettingsComponent, typeof i8.DxReportViewerTabPanelSettingsComponent, typeof i9.DxReportViewerSearchSettingsComponent, typeof i10.TabpanelComponent, typeof i11.PopoverComponent, typeof i12.PropertygridComponent, typeof i13.TreelistComponent, typeof i14.TreeListGroupComponent, typeof i15.TreeListItemComponent, typeof i16.TreeListHeaderItemComponent, typeof i17.TreeListItemTextComponent, typeof i18.TreeListHeaderItemCaptionContentComponent, typeof i19.DateEditorComponent, typeof i20.CollectionEditorComponent, typeof i21.ParameterspanelComponent, typeof i22.TemplatesComponent, typeof i23.ActionsComponent, typeof i24.ImageTemplateComponent, typeof i25.TemplateComponent, typeof i26.PagerComponent, typeof i27.ZoomComponent, typeof i28.EditorComponentBase, typeof i29.ExportComponent, typeof i30.ViewerTemplatesComponent, typeof i31.ToolbarContentComponent, typeof i32.EditorComponent, typeof i33.MultiValueComponent, typeof i34.TextBoxEditorComponent, typeof i35.SelectBoxComponent, typeof i36.BoolSelectComponent, typeof i37.ExportOptionsComponent, typeof i38.ObjectEditorComponent, typeof i39.BooleanEditorComponent, typeof i40.LocalizedSelectBoxComponent, typeof i41.NumericEditorComponent, typeof i42.ColorPickerComponent, typeof i43.DxActionDirective, typeof i44.MultiValueEditableComponent, typeof i45.DesignerComponent, typeof i46.DateRangeComponent, typeof i47.PopupContainerComponent, typeof i48.CalendarComponent, typeof i49.SurfaceComponent, typeof i50.PageComponent, typeof i51.LazyImagesDirective, typeof i52.EditorContentComponent, typeof i53.GroupEditorComponent, typeof i54.SearchComponent, typeof i55.DocumentMapComponent, typeof i56.TextEditingFieldComponent, typeof i57.TextEditingFieldMaskComponent, typeof i58.TextEditingFieldNumberComponent, typeof i59.TextEditingFieldDateBoxComponent, typeof i60.TextEditingFieldContainerComponent, typeof i61.CharacterCombEditingFieldComponent, typeof i62.CheckEditingFieldComponent, typeof i63.RadioEditingFieldComponent, typeof i64.ImageEditingFieldComponent, typeof i65.ImageEditingFieldEditorComponent, typeof i66.PopupImageEditingFieldComponent, typeof i67.ProgressBarComponent, typeof i68.PictureEditorComponent, typeof i69.PictureEditorToolBarPopupComponent, typeof i70.PictureEditorBrushOptionsComponent, typeof i71.PictureEditorSizeOptionsComponent, typeof i72.PictureEditorImagespickerComponent, typeof i73.PictureEditorImagespickerWithFilterComponent, typeof i74.PainterComponent, typeof i75.SignatureEditorComponent, typeof i76.BrickComponent, typeof i77.BrickClickableComponent, typeof i78.ExportToolComponent, typeof i79.AutoFitDirective, typeof i80.ToViewDirective, typeof i81.BrickSelectionDirective, typeof i82.ResizableDirective, typeof i83.ZoomDirective, typeof i84.ChildStyleDirective, typeof i85.SearchHighlightingDirective, typeof i86.AccordionDirective, typeof i87.EllipsisEditorDirective, typeof i88.ButtonWithTemplateDirective, typeof i89.EditingFieldCheckboxGlyphComponent, typeof i90.DxMutationObserverDirective, typeof i91.MobileSearchBarDirective, typeof i92.MobilePaginatorDirective, typeof i93.LazyTemplateComponent, typeof i94.MobileSurfaceComponent, typeof i95.MobileSlideDirective, typeof i96.MobileZoomDirective, typeof i97.MobileGalleryComponent, typeof i98.MobilePageComponent, typeof i99.MobileActionsComponent, typeof i100.MobileParametersPopupComponent, typeof i101.MobileParametersComponent, typeof i102.MobileParametersDateRangeComponent, typeof i103.MobileActionsExportComponent, typeof i104.MobileSearchComponent, typeof i105.DateRangeMobileComponent, typeof i106.MobileAutofitDirective, typeof i107.MobilePaginatorComponent, typeof i108.KeyDownActionsDirective, typeof i109.BreadcrumbsComponent, typeof i110.DxReportParametersPanelComponent, typeof i111.DxReportParametersPanelCallbacksComponent, typeof i112.DxReportParametersPanelRequestOptionsComponent], [typeof i113.CommonModule, typeof i114.DxButtonModule, typeof i114.DxLoadIndicatorModule, typeof i114.DxScrollViewModule, typeof i114.DxSelectBoxModule, typeof i114.DxMenuModule, typeof i114.DxTagBoxModule, typeof i114.DxTextBoxModule, typeof i114.DxValidatorModule, typeof i114.DxDateBoxModule, typeof i114.DxCheckBoxModule, typeof i114.DxNumberBoxModule, typeof i114.DxColorBoxModule, typeof i114.DxPopupModule, typeof i114.DxPopoverModule, typeof i114.DxSliderModule, typeof i114.DxCalendarModule, typeof i114.DxListModule, typeof i114.DxGalleryModule], [typeof i1.DxReportViewerComponent, typeof i2.DxReportViewerCallbacksComponent, typeof i3.DxReportViewerMobileModeSettingsComponent, typeof i4.DxReportViewerRemoteSettingsComponent, typeof i5.DxReportViewerRequestOptionsComponent, typeof i6.DxReportViewerProgressBarSettingsComponent, typeof i7.DxReportViewerExportSettingsComponent, typeof i8.DxReportViewerTabPanelSettingsComponent, typeof i9.DxReportViewerSearchSettingsComponent, typeof i110.DxReportParametersPanelComponent, typeof i111.DxReportParametersPanelCallbacksComponent, typeof i112.DxReportParametersPanelRequestOptionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DxReportViewerModule>;
 }

package/dx-report-viewer/dxrpp-callbacks.d.ts

@@ -0,0 +1,6 @@
+import { DxReportViewerCallbacksBaseComponent } from './dxrv-callbacks-base';
+import * as i0 from "@angular/core";
+export declare class DxReportParametersPanelCallbacksComponent extends DxReportViewerCallbacksBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxReportParametersPanelCallbacksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportParametersPanelCallbacksComponent, "dxrpp-callbacks", never, {}, {}, never, never, false, never>;
+}

package/dx-report-viewer/dxrpp-request-options.d.ts

@@ -0,0 +1,6 @@
+import { DxRequestOptionsBaseComponent } from './dxrv-request-options-base';
+import * as i0 from "@angular/core";
+export declare class DxReportParametersPanelRequestOptionsComponent extends DxRequestOptionsBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxReportParametersPanelRequestOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportParametersPanelRequestOptionsComponent, "dxrpp-request-options", never, {}, {}, never, never, false, never>;
+}

package/dx-report-viewer/dxrv-callbacks-base.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class DxReportViewerCallbacksBaseComponent {
+    [key: string]: EventEmitter<any>;
+    CustomizeParameterEditors: EventEmitter<any>;
+    CustomizeParameterLookUpSource: EventEmitter<any>;
+    ParametersReset: EventEmitter<any>;
+    ParametersSubmitted: EventEmitter<any>;
+    ParametersInitialized: EventEmitter<any>;
+    CustomizeLocalization: EventEmitter<any>;
+    OnInitializing: EventEmitter<any>;
+    BeforeRender: EventEmitter<any>;
+    OnServerError: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerCallbacksBaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerCallbacksBaseComponent, "ng-component", never, {}, { "CustomizeParameterEditors": "CustomizeParameterEditors"; "CustomizeParameterLookUpSource": "CustomizeParameterLookUpSource"; "ParametersReset": "ParametersReset"; "ParametersSubmitted": "ParametersSubmitted"; "ParametersInitialized": "ParametersInitialized"; "CustomizeLocalization": "CustomizeLocalization"; "OnInitializing": "OnInitializing"; "BeforeRender": "BeforeRender"; "OnServerError": "OnServerError"; }, never, never, false, never>;
+}

package/dx-report-viewer/dxrv-callbacks.d.ts

@@ -1,23 +1,15 @@
 import { EventEmitter } from '@angular/core';
+import { DxReportViewerCallbacksBaseComponent } from './dxrv-callbacks-base';
 import * as i0 from "@angular/core";
-export declare class DxReportViewerCallbacksComponent {
+export declare class DxReportViewerCallbacksComponent extends DxReportViewerCallbacksBaseComponent {
     [key: string]: EventEmitter<any>;
     CustomizeElements: EventEmitter<any>;
     PreviewClick: EventEmitter<any>;
     EditingFieldChanged: EventEmitter<any>;
     DocumentReady: EventEmitter<any>;
     CustomizeExportOptions: EventEmitter<any>;
-    CustomizeParameterEditors: EventEmitter<any>;
-    CustomizeParameterLookUpSource: EventEmitter<any>;
-    ParametersReset: EventEmitter<any>;
-    ParametersSubmitted: EventEmitter<any>;
-    ParametersInitialized: EventEmitter<any>;
     CustomizeMenuActions: EventEmitter<any>;
-    CustomizeLocalization: EventEmitter<any>;
-    OnInitializing: EventEmitter<any>;
-    BeforeRender: EventEmitter<any>;
-    OnServerError: EventEmitter<any>;
     OnExport: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerCallbacksComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerCallbacksComponent, "dxrv-callbacks", never, {}, { "CustomizeElements": "CustomizeElements"; "PreviewClick": "PreviewClick"; "EditingFieldChanged": "EditingFieldChanged"; "DocumentReady": "DocumentReady"; "CustomizeExportOptions": "CustomizeExportOptions"; "CustomizeParameterEditors": "CustomizeParameterEditors"; "CustomizeParameterLookUpSource": "CustomizeParameterLookUpSource"; "ParametersReset": "ParametersReset"; "ParametersSubmitted": "ParametersSubmitted"; "ParametersInitialized": "ParametersInitialized"; "CustomizeMenuActions": "CustomizeMenuActions"; "CustomizeLocalization": "CustomizeLocalization"; "OnInitializing": "OnInitializing"; "BeforeRender": "BeforeRender"; "OnServerError": "OnServerError"; "OnExport": "OnExport"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerCallbacksComponent, "dxrv-callbacks", never, {}, { "CustomizeElements": "CustomizeElements"; "PreviewClick": "PreviewClick"; "EditingFieldChanged": "EditingFieldChanged"; "DocumentReady": "DocumentReady"; "CustomizeExportOptions": "CustomizeExportOptions"; "CustomizeMenuActions": "CustomizeMenuActions"; "OnExport": "OnExport"; }, never, never, false, never>;
 }

package/dx-report-viewer/dxrv-request-options-base.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class DxRequestOptionsBaseComponent {
+    invokeAction: string;
+    getLocalizationAction?: string;
+    host: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DxRequestOptionsBaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxRequestOptionsBaseComponent, "ng-component", never, { "invokeAction": "invokeAction"; "getLocalizationAction": "getLocalizationAction"; "host": "host"; }, {}, never, never, false, never>;
+}

package/dx-report-viewer/dxrv-request-options.d.ts

@@ -1,8 +1,6 @@
+import { DxRequestOptionsBaseComponent } from './dxrv-request-options-base';
 import * as i0 from "@angular/core";
-export declare class DxReportViewerRequestOptionsComponent {
-    invokeAction: string;
-    getLocalizationAction?: string;
-    host: string;
+export declare class DxReportViewerRequestOptionsComponent extends DxRequestOptionsBaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DxReportViewerRequestOptionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerRequestOptionsComponent, "dxrv-request-options", never, { "invokeAction": "invokeAction"; "getLocalizationAction": "getLocalizationAction"; "host": "host"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DxReportViewerRequestOptionsComponent, "dxrv-request-options", never, {}, {}, never, never, false, never>;
 }

package/dx-report-viewer/index.d.ts

@@ -1,4 +1,7 @@
 export * from './dx-report-viewer.module';
+export * from './dx-report-parameters-panel.component';
+export * from './dxrpp-callbacks';
+export * from './dxrpp-request-options';
 export * from './dxrv-callbacks';
 export * from './dxrv-mobile-mode-settings.component';
 export * from './dxrv-progressbar-settings.component';

package/esm2020/dx-report-viewer/components/analytics/properties/popover/popover.component.mjs

@@ -13,7 +13,7 @@ export class PopoverComponent {
     }
 }
 PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopoverComponent, selector: "dxa-propertygrid-popoverservice", inputs: { popover: ["data", "popover"] }, ngImport: i0, template: "<dx-popover\n    [container]=\"container\"\n    [target]=\"popover.target\"\n    position=\"bottom\"\n    [showCloseButton]=\"false\"\n    (onHiding)=\"popover.onHiding()\"\n    [hideOnOutsideClick]=\"true\"\n    [hideOnParentScroll]=\"true\"\n    [width]=\"350\"\n    [(visible)]=\"popover.visible\"\n>\n<div class=\"propertygrid-editor-description-popover-content\">\n    <span>{{popover.data}}</span>\n</div>\n</dx-popover>", dependencies: [{ kind: "component", type: i1.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopoverComponent, selector: "dxa-propertygrid-popoverservice", inputs: { popover: ["data", "popover"] }, ngImport: i0, template: "<dx-popover\n    [container]=\"container\"\n    [target]=\"popover.target\"\n    position=\"bottom\"\n    [showCloseButton]=\"false\"\n    (onHiding)=\"popover.onHiding()\"\n    [hideOnOutsideClick]=\"true\"\n    [hideOnParentScroll]=\"true\"\n    [width]=\"350\"\n    [(visible)]=\"popover.visible\"\n>\n<div class=\"propertygrid-editor-description-popover-content\">\n    <span>{{popover.data}}</span>\n</div>\n</dx-popover>", dependencies: [{ kind: "component", type: i1.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxa-propertygrid-popoverservice', template: "<dx-popover\n    [container]=\"container\"\n    [target]=\"popover.target\"\n    position=\"bottom\"\n    [showCloseButton]=\"false\"\n    (onHiding)=\"popover.onHiding()\"\n    [hideOnOutsideClick]=\"true\"\n    [hideOnParentScroll]=\"true\"\n    [width]=\"350\"\n    [(visible)]=\"popover.visible\"\n>\n<div class=\"propertygrid-editor-description-popover-content\">\n    <span>{{popover.data}}</span>\n</div>\n</dx-popover>" }]

package/esm2020/dx-report-viewer/components/reporting/editing/export/export-tool.component.mjs

@@ -20,7 +20,7 @@ export class ExportToolComponent {
     }
 }
 ExportToolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExportToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ExportToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExportToolComponent, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n    <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n        <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+ExportToolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExportToolComponent, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n    <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n        <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExportToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxv-export-tool', template: "<div class=\"dxrd-visually-hidden\">\n    <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n        <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>" }]

package/esm2020/dx-report-viewer/components/reporting/editing/popup-image-field/popup-image-editing-field.component.mjs

@@ -24,7 +24,7 @@ export class PopupImageEditingFieldComponent {
     }
 }
 PopupImageEditingFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupImageEditingFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PopupImageEditingFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: { data: "data" }, viewQueries: [{ propertyName: "popupContainer", first: true, predicate: ["popupContainer"], descendants: true }], ngImport: i0, template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n    <div #popupContainer [class]=\"'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen ' + data.parentPopupClass\" (click)=\"data.activateEditor(data, $event)\">\n        <dxv-painter class=\"dxrp-editing-field-popup-container-cloned\" [options]=\"data.getPainterOptions()\"></dxv-painter>\n        <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\"\n            [width]=\"data.containerStyle.width\"\n            [height]=\"data.containerStyle.height\"\n            [position]=\"popupOptions.position\"\n            [container]=\"popupOptions.container\"\n            [showTitle]=\"false\"\n            [deferRendering]=\"false\"\n            [hideOnOutsideClick]=\"true\"\n            [showCloseButton]=\"false\"\n            (onContentReady)=\"data.popupData.onContentReady($event)\"\n            (onHiding)=\"data.popupData.onHiding($event)\"\n            (onShown)=\"data.popupData.onShown($event)\"\n            [shading]=\"data.popupData.shading\"\n            [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }\"\n            [animation]=\"{ \n                show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },\n                hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }\n            }\"\n            [visible]=\"data.popupData.visible\"\n        >\n            <dxa-template *ngIf=\"data.popupData.showContent\" [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n    </dx-popup>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: i4.PainterComponent, selector: "dxv-painter", inputs: ["options"] }] });
+PopupImageEditingFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopupImageEditingFieldComponent, selector: "dxv-popup-image-editing-field", inputs: { data: "data" }, viewQueries: [{ propertyName: "popupContainer", first: true, predicate: ["popupContainer"], descendants: true }], ngImport: i0, template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n    <div #popupContainer [class]=\"'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen ' + data.parentPopupClass\" (click)=\"data.activateEditor(data, $event)\">\n        <dxv-painter class=\"dxrp-editing-field-popup-container-cloned\" [options]=\"data.getPainterOptions()\"></dxv-painter>\n        <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\"\n            [width]=\"data.containerStyle.width\"\n            [height]=\"data.containerStyle.height\"\n            [position]=\"popupOptions.position\"\n            [container]=\"popupOptions.container\"\n            [showTitle]=\"false\"\n            [deferRendering]=\"false\"\n            [hideOnOutsideClick]=\"true\"\n            [showCloseButton]=\"false\"\n            (onContentReady)=\"data.popupData.onContentReady($event)\"\n            (onHiding)=\"data.popupData.onHiding($event)\"\n            (onShown)=\"data.popupData.onShown($event)\"\n            [shading]=\"data.popupData.shading\"\n            [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }\"\n            [animation]=\"{ \n                show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },\n                hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }\n            }\"\n            [visible]=\"data.popupData.visible\"\n        >\n            <dxa-template *ngIf=\"data.popupData.showContent\" [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n    </dx-popup>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: i4.PainterComponent, selector: "dxv-painter", inputs: ["options"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupImageEditingFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxv-popup-image-editing-field', template: "<div class=\"dxrp-editing-field-container\" [style]=\"data.containerStyle\">\n    <div #popupContainer [class]=\"'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen ' + data.parentPopupClass\" (click)=\"data.activateEditor(data, $event)\">\n        <dxv-painter class=\"dxrp-editing-field-popup-container-cloned\" [options]=\"data.getPainterOptions()\"></dxv-painter>\n        <dx-popup *ngIf=\"!!popupOptions\" class=\"dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\"\n            [width]=\"data.containerStyle.width\"\n            [height]=\"data.containerStyle.height\"\n            [position]=\"popupOptions.position\"\n            [container]=\"popupOptions.container\"\n            [showTitle]=\"false\"\n            [deferRendering]=\"false\"\n            [hideOnOutsideClick]=\"true\"\n            [showCloseButton]=\"false\"\n            (onContentReady)=\"data.popupData.onContentReady($event)\"\n            (onHiding)=\"data.popupData.onHiding($event)\"\n            (onShown)=\"data.popupData.onShown($event)\"\n            [shading]=\"data.popupData.shading\"\n            [wrapperAttr]=\"{ class: 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }\"\n            [animation]=\"{ \n                show: { type: 'slide', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } },\n                hide: { type: 'fade', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } }\n            }\"\n            [visible]=\"data.popupData.visible\"\n        >\n            <dxa-template *ngIf=\"data.popupData.showContent\" [template]=\"data.popupData.contentTemplate\" [data]=\"data\"></dxa-template>\n    </dx-popup>\n    </div>\n</div>" }]

package/esm2020/dx-report-viewer/components/reporting/mobile/actions/mobile.actions.export.component.mjs

@@ -7,7 +7,7 @@ import * as i3 from "devextreme-angular";
 export class MobileActionsExportComponent extends ComponentWithParentContainer {
 }
 MobileActionsExportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileActionsExportComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MobileActionsExportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popover class=\"dxrd-menu-export-popover\"\n    [wrapperAttr]=\"{ class: 'dxrd-menu-export-popover' }\"\n    width=\"266px\"\n    height=\"266px\"\n    [visible]=\"data.visible\"\n    target=\".dxrdp-mobile-action.dxrd-image-export-to\"\n    [container]=\"parentContainer\">\n    <div *dxTemplate=\"let contentData of 'content'\">\n        <div *ngFor=\"let item of data.items\" class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n    </div>\n</dx-popover>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i3.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+MobileActionsExportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MobileActionsExportComponent, selector: "dxv-mobile-actions-export", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popover class=\"dxrd-menu-export-popover\"\n    [wrapperAttr]=\"{ class: 'dxrd-menu-export-popover' }\"\n    width=\"266px\"\n    height=\"266px\"\n    [visible]=\"data.visible\"\n    target=\".dxrdp-mobile-action.dxrd-image-export-to\"\n    [container]=\"parentContainer\">\n    <div *dxTemplate=\"let contentData of 'content'\">\n        <div *ngFor=\"let item of data.items\" class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n    </div>\n</dx-popover>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i3.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileActionsExportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxv-mobile-actions-export', template: "<dx-popover class=\"dxrd-menu-export-popover\"\n    [wrapperAttr]=\"{ class: 'dxrd-menu-export-popover' }\"\n    width=\"266px\"\n    height=\"266px\"\n    [visible]=\"data.visible\"\n    target=\".dxrdp-mobile-action.dxrd-image-export-to\"\n    [container]=\"parentContainer\">\n    <div *dxTemplate=\"let contentData of 'content'\">\n        <div *ngFor=\"let item of data.items\" class=\"dxrd-menu-export-item\" (click)=\"item.action()\">{{item.text}}</div>\n    </div>\n</dx-popover>" }]

package/esm2020/dx-report-viewer/components/reporting/mobile/parameters/mobile.parameters.popup.component.mjs

@@ -7,7 +7,7 @@ import * as i3 from "../../../analytics/template/template.component";
 export class MobileParametersPopupComponent extends ComponentWithParentContainer {
 }
 MobileParametersPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileParametersPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MobileParametersPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popup [wrapperAttr]=\"{ class: 'dxrd-menu-parameters-popup' }\" [showTitle]=\"false\" (onHidden)=\"data.onHidden($event)\" width=\"100vw\" height=\"100vh\" [visible]=\"data.visible\" [container]=\"parentContainer\">\n    <dxa-template *ngIf=\"data.visible\" template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
+MobileParametersPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MobileParametersPopupComponent, selector: "dxv-mobile-parameters-popup", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<dx-popup [wrapperAttr]=\"{ class: 'dxrd-menu-parameters-popup' }\" [showTitle]=\"false\" (onHidden)=\"data.onHidden($event)\" width=\"100vw\" height=\"100vh\" [visible]=\"data.visible\" [container]=\"parentContainer\">\n    <dxa-template *ngIf=\"data.visible\" template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MobileParametersPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxv-mobile-parameters-popup', template: "<dx-popup [wrapperAttr]=\"{ class: 'dxrd-menu-parameters-popup' }\" [showTitle]=\"false\" (onHidden)=\"data.onHidden($event)\" width=\"100vw\" height=\"100vh\" [visible]=\"data.visible\" [container]=\"parentContainer\">\n    <dxa-template *ngIf=\"data.visible\" template=\"dxrv-preview-parameters-mobile\" [data]=\"data\"></dxa-template>\n</dx-popup>" }]

package/esm2020/dx-report-viewer/components/reporting/parameterspanel/date-range/calendar/calendar.component.mjs

@@ -5,12 +5,12 @@ import * as i2 from "devextreme-angular";
 export class CalendarComponent {
 }
 CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CalendarComponent, selector: "dxv-daterange-calendar", inputs: { data: "data" }, ngImport: i0, template: "<dx-calendar [tabIndex]=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n    [min]=\"data.min\"\n    [value]=\"data.value\"\n    cellTemplate=\"select_cell\" \n    [height]=\"data.height\"\n    (onValueChanged)=\"data.onValueChanged($event)\"\n>\n    <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n        <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n        <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n    </div>\n</dx-calendar>", dependencies: [{ kind: "directive", type: i1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxCalendarComponent, selector: "dx-calendar", inputs: ["accessKey", "activeStateEnabled", "cellTemplate", "dateSerializationFormat", "disabled", "disabledDates", "elementAttr", "firstDayOfWeek", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "max", "maxZoomLevel", "min", "minZoomLevel", "name", "readOnly", "rtlEnabled", "selectionMode", "selectWeekOnClick", "showTodayButton", "showWeekNumbers", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "weekNumberRule", "width", "zoomLevel"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "cellTemplateChange", "dateSerializationFormatChange", "disabledChange", "disabledDatesChange", "elementAttrChange", "firstDayOfWeekChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "maxChange", "maxZoomLevelChange", "minChange", "minZoomLevelChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "selectionModeChange", "selectWeekOnClickChange", "showTodayButtonChange", "showWeekNumbersChange", "tabIndexChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "weekNumberRuleChange", "widthChange", "zoomLevelChange", "onBlur"] }] });
+CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CalendarComponent, selector: "dxv-daterange-calendar", inputs: { data: "data" }, ngImport: i0, template: "<dx-calendar tabindex=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n    [min]=\"data.min\"\n    [value]=\"data.value\"\n    cellTemplate=\"select_cell\" \n    [height]=\"data.height\"\n    (onValueChanged)=\"data.onValueChanged($event)\"\n>\n    <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n        <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n        <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n    </div>\n</dx-calendar>", dependencies: [{ kind: "directive", type: i1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxCalendarComponent, selector: "dx-calendar", inputs: ["accessKey", "activeStateEnabled", "cellTemplate", "dateSerializationFormat", "disabled", "disabledDates", "elementAttr", "firstDayOfWeek", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "max", "maxZoomLevel", "min", "minZoomLevel", "name", "readOnly", "rtlEnabled", "selectionMode", "selectWeekOnClick", "showTodayButton", "showWeekNumbers", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "weekNumberRule", "width", "zoomLevel"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "cellTemplateChange", "dateSerializationFormatChange", "disabledChange", "disabledDatesChange", "elementAttrChange", "firstDayOfWeekChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "maxChange", "maxZoomLevelChange", "minChange", "minZoomLevelChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "selectionModeChange", "selectWeekOnClickChange", "showTodayButtonChange", "showWeekNumbersChange", "tabIndexChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "weekNumberRuleChange", "widthChange", "zoomLevelChange", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-daterange-calendar', template: "<dx-calendar [tabIndex]=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n    [min]=\"data.min\"\n    [value]=\"data.value\"\n    cellTemplate=\"select_cell\" \n    [height]=\"data.height\"\n    (onValueChanged)=\"data.onValueChanged($event)\"\n>\n    <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n        <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n        <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n    </div>\n</dx-calendar>" }]
+            args: [{ selector: 'dxv-daterange-calendar', template: "<dx-calendar tabindex=\"0\" class=\"dx-accessibility-calendar-item dx-accessibility-daterange-item\"\n    [min]=\"data.min\"\n    [value]=\"data.value\"\n    cellTemplate=\"select_cell\" \n    [height]=\"data.height\"\n    (onValueChanged)=\"data.onValueChanged($event)\"\n>\n    <div *dxTemplate=\"let item of 'select_cell'\" class=\"dxrv-daterange-cell\">\n        <div class=\"dxrv-daterange-cell-text\">{{item.text}}</div>\n        <div [class.dxd-back-accented]=\"data.inRange(item.date)\"></div>\n    </div>\n</dx-calendar>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9wYXJhbWV0ZXJzcGFuZWwvZGF0ZS1yYW5nZS9jYWxlbmRhci9jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3BhcmFtZXRlcnNwYW5lbC9kYXRlLXJhbmdlL2NhbGVuZGFyL2NhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxpQkFBaUI7OytHQUFqQixpQkFBaUI7bUdBQWpCLGlCQUFpQix3RkNSOUIscWhCQVdjOzRGREhELGlCQUFpQjtrQkFKN0IsU0FBUzsrQkFDSSx3QkFBd0I7OEJBSXJCLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElEYXRlUmFuZ2VDYWxlbmRhclZpZXdNb2RlbCB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci93aWRnZXRzL2RhdGVSYW5nZS9kYXRlUmFuZ2VFZGl0b3Iudmlld21vZGVsJztcbmltcG9ydCB7IFZhbHVlQ2hhbmdlZEV2ZW50IH0gZnJvbSAnZGV2ZXh0cmVtZS91aS9jYWxlbmRhcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWRhdGVyYW5nZS1jYWxlbmRhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhbGVuZGFyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDYWxlbmRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBJRGF0ZVJhbmdlQ2FsZW5kYXJWaWV3TW9kZWw7XG59XG4iLCI8ZHgtY2FsZW5kYXIgW3RhYkluZGV4XT1cIjBcIiBjbGFzcz1cImR4LWFjY2Vzc2liaWxpdHktY2FsZW5kYXItaXRlbSBkeC1hY2Nlc3NpYmlsaXR5LWRhdGVyYW5nZS1pdGVtXCJcbiAgICBbbWluXT1cImRhdGEubWluXCJcbiAgICBbdmFsdWVdPVwiZGF0YS52YWx1ZVwiXG4gICAgY2VsbFRlbXBsYXRlPVwic2VsZWN0X2NlbGxcIiBcbiAgICBbaGVpZ2h0XT1cImRhdGEuaGVpZ2h0XCJcbiAgICAob25WYWx1ZUNoYW5nZWQpPVwiZGF0YS5vblZhbHVlQ2hhbmdlZCgkZXZlbnQpXCJcbj5cbiAgICA8ZGl2ICpkeFRlbXBsYXRlPVwibGV0IGl0ZW0gb2YgJ3NlbGVjdF9jZWxsJ1wiIGNsYXNzPVwiZHhydi1kYXRlcmFuZ2UtY2VsbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHhydi1kYXRlcmFuZ2UtY2VsbC10ZXh0XCI+e3tpdGVtLnRleHR9fTwvZGl2PlxuICAgICAgICA8ZGl2IFtjbGFzcy5keGQtYmFjay1hY2NlbnRlZF09XCJkYXRhLmluUmFuZ2UoaXRlbS5kYXRlKVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9keC1jYWxlbmRhcj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9wYXJhbWV0ZXJzcGFuZWwvZGF0ZS1yYW5nZS9jYWxlbmRhci9jYWxlbmRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3BhcmFtZXRlcnNwYW5lbC9kYXRlLXJhbmdlL2NhbGVuZGFyL2NhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxpQkFBaUI7OytHQUFqQixpQkFBaUI7bUdBQWpCLGlCQUFpQix3RkNSOUIsbWhCQVdjOzRGREhELGlCQUFpQjtrQkFKN0IsU0FBUzsrQkFDSSx3QkFBd0I7OEJBSXJCLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElEYXRlUmFuZ2VDYWxlbmRhclZpZXdNb2RlbCB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci93aWRnZXRzL2RhdGVSYW5nZS9kYXRlUmFuZ2VFZGl0b3Iudmlld21vZGVsJztcbmltcG9ydCB7IFZhbHVlQ2hhbmdlZEV2ZW50IH0gZnJvbSAnZGV2ZXh0cmVtZS91aS9jYWxlbmRhcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWRhdGVyYW5nZS1jYWxlbmRhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhbGVuZGFyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBDYWxlbmRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBJRGF0ZVJhbmdlQ2FsZW5kYXJWaWV3TW9kZWw7XG59XG4iLCI8ZHgtY2FsZW5kYXIgdGFiaW5kZXg9XCIwXCIgY2xhc3M9XCJkeC1hY2Nlc3NpYmlsaXR5LWNhbGVuZGFyLWl0ZW0gZHgtYWNjZXNzaWJpbGl0eS1kYXRlcmFuZ2UtaXRlbVwiXG4gICAgW21pbl09XCJkYXRhLm1pblwiXG4gICAgW3ZhbHVlXT1cImRhdGEudmFsdWVcIlxuICAgIGNlbGxUZW1wbGF0ZT1cInNlbGVjdF9jZWxsXCIgXG4gICAgW2hlaWdodF09XCJkYXRhLmhlaWdodFwiXG4gICAgKG9uVmFsdWVDaGFuZ2VkKT1cImRhdGEub25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4+XG4gICAgPGRpdiAqZHhUZW1wbGF0ZT1cImxldCBpdGVtIG9mICdzZWxlY3RfY2VsbCdcIiBjbGFzcz1cImR4cnYtZGF0ZXJhbmdlLWNlbGxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImR4cnYtZGF0ZXJhbmdlLWNlbGwtdGV4dFwiPnt7aXRlbS50ZXh0fX08L2Rpdj5cbiAgICAgICAgPGRpdiBbY2xhc3MuZHhkLWJhY2stYWNjZW50ZWRdPVwiZGF0YS5pblJhbmdlKGl0ZW0uZGF0ZSlcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZHgtY2FsZW5kYXI+Il19

package/esm2020/dx-report-viewer/components/reporting/parameterspanel/date-range/date-range.component.mjs

@@ -14,6 +14,9 @@ export class DateRangeComponent {
         this._editor.dispose();
     }
     ngOnInit() {
+        this.options.visibilityChanged = (newValue) => {
+            this._changeDetectorRef.markForCheck();
+        };
         this._editor = createDateRangeEditor(this.options, this._currentElement.nativeElement, this.options);
         this.data = this._editor.getViewModel();
         this._vmSubscription = this.data._viewModelEvents.on(ViewModelChangedEvent, () => {
@@ -35,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3BhcmFtZXRlcnNwYW5lbC9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9wYXJhbWV0ZXJzcGFuZWwvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFjLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLHFCQUFxQixFQUE0QyxNQUFNLCtEQUErRCxDQUFDO0FBR2hKLE9BQU8sRUFBc0IscUJBQXFCLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQzs7OztBQU12SSxNQUFNLE9BQU8sa0JBQWtCO0lBTTNCLFlBQW9CLGVBQWdDLEVBQVUsa0JBQXFDO1FBQS9FLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUFVLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7SUFBRyxDQUFDO0lBQ3ZHLFdBQVc7UUFDUCxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFDRCxRQUFRO1FBQ0osSUFBSSxDQUFDLE9BQU8sR0FBRyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxPQUEyQixDQUFDLENBQUM7UUFDekgsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUksSUFBSSxDQUFDLElBQXNELENBQUMsZ0JBQWdCLENBQUMsRUFBRSxDQUFDLHFCQUFxQixFQUFFLEdBQUcsRUFBRTtZQUNoSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRTNELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEVBQUU7WUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDM0MsQ0FBQyxDQUFDO0lBQ04sQ0FBQzs7Z0hBdkJRLGtCQUFrQjtvR0FBbEIsa0JBQWtCLGdHQ1YvQiwrWUFTTTs0RkRDTyxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0ksZ0JBQWdCO2lJQUlYLE9BQU87c0JBQXJCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY3JlYXRlRGF0ZVJhbmdlRWRpdG9yLCBEYXRlUmFuZ2VFZGl0b3IsIElEYXRlUmFuZ2VFZGl0b3JPcHRpb25zIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL3dpZGdldHMvZGF0ZVJhbmdlL2RhdGVSYW5nZUVkaXRvcic7XG5pbXBvcnQgeyBJRGF0ZVJhbmdlRWRpdG9yVmlld01vZGVsIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL3dpZGdldHMvZGF0ZVJhbmdlL2RhdGVSYW5nZUVkaXRvci52aWV3bW9kZWwnO1xuaW1wb3J0IHsgSUVkaXRvclZpZXdNb2RlbCB9IGZyb20gJ0BkZXZleHByZXNzL2FuYWx5dGljcy1jb3JlL2FuYWx5dGljcy13aWRnZXRzLW5hdGl2ZSc7XG5pbXBvcnQgeyBFdmVudE1hbmFnZXJIb2xkZXIsIFZpZXdNb2RlbENoYW5nZWRFdmVudCB9IGZyb20gJ0BkZXZleHByZXNzL2FuYWx5dGljcy1jb3JlL3NlcmlhbGl6ZXIvbmF0aXZlL3ZpZXdNb2RlbHMvdmlld01vZGVsR2VuZXJhdG9yJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtZGF0ZS1yYW5nZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcmFuZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoJ2RhdGEnKSBvcHRpb25zOiBJRGF0ZVJhbmdlRWRpdG9yT3B0aW9ucztcbiAgICBwcml2YXRlIF9lZGl0b3I6IERhdGVSYW5nZUVkaXRvcjtcbiAgICBkYXRhOiBJRGF0ZVJhbmdlRWRpdG9yVmlld01vZGVsO1xuICAgIHByaXZhdGUgX3ZtU3Vic2NyaXB0aW9uOiAoKSA9PiB2b2lkO1xuICAgIHByb2Nlc3NDbGlja0V2ZW50OiAoKSA9PiB2b2lkO1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2N1cnJlbnRFbGVtZW50OiBFbGVtZW50UmVmPGFueT4sIHByaXZhdGUgX2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge31cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fdm1TdWJzY3JpcHRpb24gJiYgdGhpcy5fdm1TdWJzY3JpcHRpb24oKTtcbiAgICAgICAgdGhpcy5fZWRpdG9yLmRpc3Bvc2UoKTtcbiAgICB9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2VkaXRvciA9IGNyZWF0ZURhdGVSYW5nZUVkaXRvcih0aGlzLm9wdGlvbnMsIHRoaXMuX2N1cnJlbnRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsIHRoaXMub3B0aW9ucyBhcyBJRWRpdG9yVmlld01vZGVsKTtcbiAgICAgICAgdGhpcy5kYXRhID0gdGhpcy5fZWRpdG9yLmdldFZpZXdNb2RlbCgpO1xuICAgICAgICB0aGlzLl92bVN1YnNjcmlwdGlvbiA9ICh0aGlzLmRhdGEgYXMgRXZlbnRNYW5hZ2VySG9sZGVyPElEYXRlUmFuZ2VFZGl0b3JWaWV3TW9kZWw+KS5fdmlld01vZGVsRXZlbnRzLm9uKFZpZXdNb2RlbENoYW5nZWRFdmVudCwgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmRhdGEuY2FjaGVFbGVtZW50KHRoaXMuX2N1cnJlbnRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQpO1xuXG4gICAgICAgIHRoaXMucHJvY2Vzc0NsaWNrRXZlbnQgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmRhdGEuc2hvd1BvcHVwKCk7XG4gICAgICAgICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG59IiwiPGRpdiBjbGFzcz1cImR4cnYtZGF0ZXJhbmdlLWVkaXRvclwiPlxuICAgIDxkaXYgW2R4YUVsbGlwc2lzRWRpdG9yXT1cIntcbiAgICAgIGJ1dHRvbkFjdGlvbjogcHJvY2Vzc0NsaWNrRXZlbnQsXG4gICAgICB2YWx1ZTogZGF0YS5kaXNwbGF5VmFsdWUsXG4gICAgICByZWFkT25seTogdHJ1ZSxcbiAgICAgIG9wZW5PbkZpZWxkQ2xpY2s6IHRydWUsXG4gICAgICBpbnB1dEF0dHI6IHsgJ2FyaWEtbGFiZWwnOiBkYXRhLl9kaXNwbGF5TmFtZSwgaWQ6IGRhdGEuX2VkaXRvcklucHV0SWQgfVxuICAgIH1cIj48L2Rpdj5cbiAgICA8ZHhhLXRlbXBsYXRlIFt0ZW1wbGF0ZV09XCJkYXRhLnBvcHVwVGVtcGxhdGVcIiBbZGF0YV09XCJkYXRhLnBvcHVwTW9kZWxcIj48L2R4YS10ZW1wbGF0ZT5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3BhcmFtZXRlcnNwYW5lbC9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9wYXJhbWV0ZXJzcGFuZWwvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFjLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLHFCQUFxQixFQUE0QyxNQUFNLCtEQUErRCxDQUFDO0FBR2hKLE9BQU8sRUFBc0IscUJBQXFCLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQzs7OztBQU12SSxNQUFNLE9BQU8sa0JBQWtCO0lBTTNCLFlBQW9CLGVBQWdDLEVBQVUsa0JBQXFDO1FBQS9FLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUFVLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7SUFBRyxDQUFDO0lBQ3ZHLFdBQVc7UUFDUCxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFDRCxRQUFRO1FBQ0gsSUFBSSxDQUFDLE9BQTRCLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxRQUFpQixFQUFFLEVBQUU7WUFDekUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzNDLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxPQUFPLEdBQUcscUJBQXFCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsT0FBMkIsQ0FBQyxDQUFDO1FBQ3pILElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QyxJQUFJLENBQUMsZUFBZSxHQUFJLElBQUksQ0FBQyxJQUFzRCxDQUFDLGdCQUFnQixDQUFDLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7WUFDaEksSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUUzRCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxFQUFFO1lBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzNDLENBQUMsQ0FBQztJQUNOLENBQUM7O2dIQTFCUSxrQkFBa0I7b0dBQWxCLGtCQUFrQixnR0NWL0IsK1lBU007NEZEQ08sa0JBQWtCO2tCQUo5QixTQUFTOytCQUNJLGdCQUFnQjtpSUFJWCxPQUFPO3NCQUFyQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNyZWF0ZURhdGVSYW5nZUVkaXRvciwgRGF0ZVJhbmdlRWRpdG9yLCBJRGF0ZVJhbmdlRWRpdG9yT3B0aW9ucyB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci93aWRnZXRzL2RhdGVSYW5nZS9kYXRlUmFuZ2VFZGl0b3InO1xuaW1wb3J0IHsgSURhdGVSYW5nZUVkaXRvclZpZXdNb2RlbCB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci93aWRnZXRzL2RhdGVSYW5nZS9kYXRlUmFuZ2VFZGl0b3Iudmlld21vZGVsJztcbmltcG9ydCB7IElFZGl0b3JWaWV3TW9kZWwgfSBmcm9tICdAZGV2ZXhwcmVzcy9hbmFseXRpY3MtY29yZS9hbmFseXRpY3Mtd2lkZ2V0cy1uYXRpdmUnO1xuaW1wb3J0IHsgRXZlbnRNYW5hZ2VySG9sZGVyLCBWaWV3TW9kZWxDaGFuZ2VkRXZlbnQgfSBmcm9tICdAZGV2ZXhwcmVzcy9hbmFseXRpY3MtY29yZS9zZXJpYWxpemVyL25hdGl2ZS92aWV3TW9kZWxzL3ZpZXdNb2RlbEdlbmVyYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWRhdGUtcmFuZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXJhbmdlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBEYXRlUmFuZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCdkYXRhJykgb3B0aW9uczogSURhdGVSYW5nZUVkaXRvck9wdGlvbnM7XG4gICAgcHJpdmF0ZSBfZWRpdG9yOiBEYXRlUmFuZ2VFZGl0b3I7XG4gICAgZGF0YTogSURhdGVSYW5nZUVkaXRvclZpZXdNb2RlbDtcbiAgICBwcml2YXRlIF92bVN1YnNjcmlwdGlvbjogKCkgPT4gdm9pZDtcbiAgICBwcm9jZXNzQ2xpY2tFdmVudDogKCkgPT4gdm9pZDtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jdXJyZW50RWxlbWVudDogRWxlbWVudFJlZjxhbnk+LCBwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3ZtU3Vic2NyaXB0aW9uICYmIHRoaXMuX3ZtU3Vic2NyaXB0aW9uKCk7XG4gICAgICAgIHRoaXMuX2VkaXRvci5kaXNwb3NlKCk7XG4gICAgfVxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAodGhpcy5vcHRpb25zIGFzIElFZGl0b3JWaWV3TW9kZWwpLnZpc2liaWxpdHlDaGFuZ2VkID0gKG5ld1ZhbHVlOiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5fZWRpdG9yID0gY3JlYXRlRGF0ZVJhbmdlRWRpdG9yKHRoaXMub3B0aW9ucywgdGhpcy5fY3VycmVudEVsZW1lbnQubmF0aXZlRWxlbWVudCwgdGhpcy5vcHRpb25zIGFzIElFZGl0b3JWaWV3TW9kZWwpO1xuICAgICAgICB0aGlzLmRhdGEgPSB0aGlzLl9lZGl0b3IuZ2V0Vmlld01vZGVsKCk7XG4gICAgICAgIHRoaXMuX3ZtU3Vic2NyaXB0aW9uID0gKHRoaXMuZGF0YSBhcyBFdmVudE1hbmFnZXJIb2xkZXI8SURhdGVSYW5nZUVkaXRvclZpZXdNb2RlbD4pLl92aWV3TW9kZWxFdmVudHMub24oVmlld01vZGVsQ2hhbmdlZEV2ZW50LCAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZGF0YS5jYWNoZUVsZW1lbnQodGhpcy5fY3VycmVudEVsZW1lbnQubmF0aXZlRWxlbWVudCk7XG5cbiAgICAgICAgdGhpcy5wcm9jZXNzQ2xpY2tFdmVudCA9ICgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZGF0YS5zaG93UG9wdXAoKTtcbiAgICAgICAgICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9O1xuICAgIH1cbn0iLCI8ZGl2IGNsYXNzPVwiZHhydi1kYXRlcmFuZ2UtZWRpdG9yXCI+XG4gICAgPGRpdiBbZHhhRWxsaXBzaXNFZGl0b3JdPVwie1xuICAgICAgYnV0dG9uQWN0aW9uOiBwcm9jZXNzQ2xpY2tFdmVudCxcbiAgICAgIHZhbHVlOiBkYXRhLmRpc3BsYXlWYWx1ZSxcbiAgICAgIHJlYWRPbmx5OiB0cnVlLFxuICAgICAgb3Blbk9uRmllbGRDbGljazogdHJ1ZSxcbiAgICAgIGlucHV0QXR0cjogeyAnYXJpYS1sYWJlbCc6IGRhdGEuX2Rpc3BsYXlOYW1lLCBpZDogZGF0YS5fZWRpdG9ySW5wdXRJZCB9XG4gICAgfVwiPjwvZGl2PlxuICAgIDxkeGEtdGVtcGxhdGUgW3RlbXBsYXRlXT1cImRhdGEucG9wdXBUZW1wbGF0ZVwiIFtkYXRhXT1cImRhdGEucG9wdXBNb2RlbFwiPjwvZHhhLXRlbXBsYXRlPlxuPC9kaXY+Il19

package/esm2020/dx-report-viewer/components/reporting/parameterspanel/date-range/popup-container/popup-container.component.mjs

@@ -13,7 +13,7 @@ export class PopupContainerComponent {
     }
 }
 PopupContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PopupContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopupContainerComponent, selector: "dxv-daterange-popup", inputs: { data: "data" }, ngImport: i0, template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[height]=\"popupOptions.height\"\n[wrapperAttr]=\"popupOptions.wrapperAttr\"\n[position]=\"popupOptions.position\"\n[container]=\"popupOptions.container\"\n[showTitle]=\"popupOptions.showTitle\"\n[showCloseButton]=\"popupOptions.showCloseButton\"\n[hideOnOutsideClick]=\"popupOptions.hideOnOutsideClick\"\n(onHidden)=\"popupOptions.onHidden($event)\"\n[animation]=\"popupOptions.animation\"\n[shading]=\"popupOptions.shading\"\n[visible]=\"popupOptions.visible\"\n>\n    <dx-scroll-view \n    [showScrollbar]=\"data.scrollViewOptions.showScrollbar\"\n    [direction]=\"data.scrollViewOptions.direction\"\n    [useNative]=\"data.scrollViewOptions.useNative\"\n    (onInitialized)=\"data.scrollViewOptions.onInitialized($event)\"\n    >\n        <div class=\"dxrv-daterange-editor-popup-container\" [dxMutationObserver]=\"data.dialogKeyboardHelper\">\n            <dx-scroll-view role=\"listbox\" class=\"dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item\" \n            [showScrollbar]=\"data.predefinedRanges.scrollViewOptions.showScrollbar\"\n            [scrollByContent]=\"data.predefinedRanges.scrollViewOptions.scrollByContent\"\n            [bounceEnabled]=\"data.predefinedRanges.scrollViewOptions.bounceEnabled\"\n            [useNative]=\"data.predefinedRanges.scrollViewOptions.useNative\"\n            [scrollByThumb]=\"data.predefinedRanges.scrollViewOptions.scrollByThumb\"\n            (onInitialized)=\"data.predefinedRanges.scrollViewOptions.onInitialized($event)\"\n            [dxMutationObserver]=\"data.predefinedRanges.accessibilityKeyboardHelper\"\n            >\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <div *ngFor=\"let item of data.predefinedRanges.items\" role=\"option\" class=\"dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n                [attr.aria-selected]=\"item.selected\"\n                [class.dxd-state-selected]=\"item.selected\" [dxAction]=\"item.click\">\n                    <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n                    {{item.displayName}}\n                </div>\n            </dx-scroll-view>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n            </div>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n            </div>\n        </div>\n    </dx-scroll-view>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i4.DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: i5.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
+PopupContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PopupContainerComponent, selector: "dxv-daterange-popup", inputs: { data: "data" }, ngImport: i0, template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[height]=\"popupOptions.height\"\n[wrapperAttr]=\"popupOptions.wrapperAttr\"\n[position]=\"popupOptions.position\"\n[container]=\"popupOptions.container\"\n[showTitle]=\"popupOptions.showTitle\"\n[showCloseButton]=\"popupOptions.showCloseButton\"\n[hideOnOutsideClick]=\"popupOptions.hideOnOutsideClick\"\n(onHidden)=\"popupOptions.onHidden($event)\"\n[animation]=\"popupOptions.animation\"\n[shading]=\"popupOptions.shading\"\n[visible]=\"popupOptions.visible\"\n>\n    <dx-scroll-view \n    [showScrollbar]=\"data.scrollViewOptions.showScrollbar\"\n    [direction]=\"data.scrollViewOptions.direction\"\n    [useNative]=\"data.scrollViewOptions.useNative\"\n    (onInitialized)=\"data.scrollViewOptions.onInitialized($event)\"\n    >\n        <div class=\"dxrv-daterange-editor-popup-container\" [dxMutationObserver]=\"data.dialogKeyboardHelper\">\n            <dx-scroll-view role=\"listbox\" class=\"dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item\" \n            [showScrollbar]=\"data.predefinedRanges.scrollViewOptions.showScrollbar\"\n            [scrollByContent]=\"data.predefinedRanges.scrollViewOptions.scrollByContent\"\n            [bounceEnabled]=\"data.predefinedRanges.scrollViewOptions.bounceEnabled\"\n            [useNative]=\"data.predefinedRanges.scrollViewOptions.useNative\"\n            [scrollByThumb]=\"data.predefinedRanges.scrollViewOptions.scrollByThumb\"\n            (onInitialized)=\"data.predefinedRanges.scrollViewOptions.onInitialized($event)\"\n            [dxMutationObserver]=\"data.predefinedRanges.accessibilityKeyboardHelper\"\n            >\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <div *ngFor=\"let item of data.predefinedRanges.items\" role=\"option\" class=\"dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n                [attr.aria-selected]=\"item.selected\"\n                [class.dxd-state-selected]=\"item.selected\" [dxAction]=\"item.click\">\n                    <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n                    {{item.displayName}}\n                </div>\n            </dx-scroll-view>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n            </div>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n            </div>\n        </div>\n    </dx-scroll-view>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i4.DxActionDirective, selector: "[dxAction]", inputs: ["dxActionModel", "dxAction"] }, { kind: "directive", type: i5.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopupContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dxv-daterange-popup', template: "<dx-popup role=\"dialog\" aria-modal=\"true\" \n[width]=\"popupOptions.width\"\n[height]=\"popupOptions.height\"\n[wrapperAttr]=\"popupOptions.wrapperAttr\"\n[position]=\"popupOptions.position\"\n[container]=\"popupOptions.container\"\n[showTitle]=\"popupOptions.showTitle\"\n[showCloseButton]=\"popupOptions.showCloseButton\"\n[hideOnOutsideClick]=\"popupOptions.hideOnOutsideClick\"\n(onHidden)=\"popupOptions.onHidden($event)\"\n[animation]=\"popupOptions.animation\"\n[shading]=\"popupOptions.shading\"\n[visible]=\"popupOptions.visible\"\n>\n    <dx-scroll-view \n    [showScrollbar]=\"data.scrollViewOptions.showScrollbar\"\n    [direction]=\"data.scrollViewOptions.direction\"\n    [useNative]=\"data.scrollViewOptions.useNative\"\n    (onInitialized)=\"data.scrollViewOptions.onInitialized($event)\"\n    >\n        <div class=\"dxrv-daterange-editor-popup-container\" [dxMutationObserver]=\"data.dialogKeyboardHelper\">\n            <dx-scroll-view role=\"listbox\" class=\"dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item\" \n            [showScrollbar]=\"data.predefinedRanges.scrollViewOptions.showScrollbar\"\n            [scrollByContent]=\"data.predefinedRanges.scrollViewOptions.scrollByContent\"\n            [bounceEnabled]=\"data.predefinedRanges.scrollViewOptions.bounceEnabled\"\n            [useNative]=\"data.predefinedRanges.scrollViewOptions.useNative\"\n            [scrollByThumb]=\"data.predefinedRanges.scrollViewOptions.scrollByThumb\"\n            (onInitialized)=\"data.predefinedRanges.scrollViewOptions.onInitialized($event)\"\n            [dxMutationObserver]=\"data.predefinedRanges.accessibilityKeyboardHelper\"\n            >\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <div *ngFor=\"let item of data.predefinedRanges.items\" role=\"option\" class=\"dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented\"\n                [attr.aria-selected]=\"item.selected\"\n                [class.dxd-state-selected]=\"item.selected\" [dxAction]=\"item.click\">\n                    <div class=\"dx-accessibility-field-background dxd-back-accented\"></div>\n                    {{item.displayName}}\n                </div>\n            </dx-scroll-view>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n            </div>\n            <div class=\"dxrv-daterange-editor-item\">\n                <div class=\"dx-accessibility-container-background dxd-back-accented\"></div>\n                <dxa-template template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n            </div>\n        </div>\n    </dx-scroll-view>\n</dx-popup>" }]