devexpress-reporting-angular 24.1.6-build-24250-2425 → 24.2.1-alpha-24260-0214

package/dx-report-viewer/components/reporting/directives/preview-page-renderer.directive.d.ts

@@ -0,0 +1,11 @@
+import { IPreviewImageOptions } from 'devexpress-reporting/viewer/internal/_bindings';
+import { BaseDisposableDirective } from '../../analytics/directives/disposable.directive.base';
+import * as i0 from "@angular/core";
+export declare class PreviewPageRendererDirective extends BaseDisposableDirective {
+    set imageData(newVal: IPreviewImageOptions);
+    options: IPreviewImageOptions;
+    eventName: any;
+    InitAndReturnDisposeFunc(element: HTMLElement): () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreviewPageRendererDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreviewPageRendererDirective, "[dxvPreviewPageRenderer]", never, { "imageData": { "alias": "dxvPreviewPageRenderer"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -78,43 +78,44 @@ import * as i76 from "./components/reporting/reportpreview/brick/brick.component
 import * as i77 from "./components/reporting/reportpreview/brick/brick-clickable.component";
 import * as i78 from "./components/reporting/editing/export/export-tool.component";
 import * as i79 from "./components/reporting/directives/auto-fit.directive";
-import * as i80 from "./components/reporting/directives/to-view.directive";
-import * as i81 from "./components/reporting/directives/brick-selection.directive";
-import * as i82 from "./components/analytics/directives/resizable.directive";
-import * as i83 from "./components/analytics/directives/zoom.directive";
-import * as i84 from "./components/reporting/directives/child-styles.directive";
-import * as i85 from "./components/analytics/directives/searchHighlighting.directive";
-import * as i86 from "./components/analytics/directives/accordion.directive";
-import * as i87 from "./components/analytics/directives/ellipsisEditor.directive";
-import * as i88 from "./components/analytics/directives/buttonWithTemplate.directive";
-import * as i89 from "./components/reporting/editing/check-field/editing-field-checkbox-glyph.component";
-import * as i90 from "./components/analytics/directives/dx-mutation-observer.directive";
-import * as i91 from "./components/reporting/mobile/directives/mobile.searchBar.directive";
-import * as i92 from "./components/reporting/mobile/directives/mobile.paginator.directive";
-import * as i93 from "./components/analytics/template/lazy.template.component";
-import * as i94 from "./components/reporting/mobile/surface/mobile.surface.component";
-import * as i95 from "./components/reporting/mobile/directives/mobile.slide.directive";
-import * as i96 from "./components/reporting/mobile/directives/mobile.zoom.directive";
-import * as i97 from "./components/reporting/mobile/gallery/mobile.gallery.component";
-import * as i98 from "./components/reporting/mobile/page/mobile.page.component";
-import * as i99 from "./components/reporting/mobile/actions/mobile.actions.component";
-import * as i100 from "./components/reporting/mobile/parameters/mobile.parameters.popup.component";
-import * as i101 from "./components/reporting/mobile/parameters/mobile.parameters.component";
-import * as i102 from "./components/reporting/mobile/parameters/mobile.parameters.daterange.component";
-import * as i103 from "./components/reporting/mobile/actions/mobile.actions.export.component";
-import * as i104 from "./components/reporting/mobile/search/mobile.search.component";
-import * as i105 from "./components/reporting/parameterspanel/date-range/mobile/date-range-mobile.component";
-import * as i106 from "./components/reporting/mobile/directives/mobile.autofit.directive";
-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 "./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";
+import * as i80 from "./components/reporting/directives/preview-page-renderer.directive";
+import * as i81 from "./components/reporting/directives/to-view.directive";
+import * as i82 from "./components/reporting/directives/brick-selection.directive";
+import * as i83 from "./components/analytics/directives/resizable.directive";
+import * as i84 from "./components/analytics/directives/zoom.directive";
+import * as i85 from "./components/reporting/directives/child-styles.directive";
+import * as i86 from "./components/analytics/directives/searchHighlighting.directive";
+import * as i87 from "./components/analytics/directives/accordion.directive";
+import * as i88 from "./components/analytics/directives/ellipsisEditor.directive";
+import * as i89 from "./components/analytics/directives/buttonWithTemplate.directive";
+import * as i90 from "./components/reporting/editing/check-field/editing-field-checkbox-glyph.component";
+import * as i91 from "./components/analytics/directives/dx-mutation-observer.directive";
+import * as i92 from "./components/reporting/mobile/directives/mobile.searchBar.directive";
+import * as i93 from "./components/reporting/mobile/directives/mobile.paginator.directive";
+import * as i94 from "./components/analytics/template/lazy.template.component";
+import * as i95 from "./components/reporting/mobile/surface/mobile.surface.component";
+import * as i96 from "./components/reporting/mobile/directives/mobile.slide.directive";
+import * as i97 from "./components/reporting/mobile/directives/mobile.zoom.directive";
+import * as i98 from "./components/reporting/mobile/gallery/mobile.gallery.component";
+import * as i99 from "./components/reporting/mobile/page/mobile.page.component";
+import * as i100 from "./components/reporting/mobile/actions/mobile.actions.component";
+import * as i101 from "./components/reporting/mobile/parameters/mobile.parameters.popup.component";
+import * as i102 from "./components/reporting/mobile/parameters/mobile.parameters.component";
+import * as i103 from "./components/reporting/mobile/parameters/mobile.parameters.daterange.component";
+import * as i104 from "./components/reporting/mobile/actions/mobile.actions.export.component";
+import * as i105 from "./components/reporting/mobile/search/mobile.search.component";
+import * as i106 from "./components/reporting/parameterspanel/date-range/mobile/date-range-mobile.component";
+import * as i107 from "./components/reporting/mobile/directives/mobile.autofit.directive";
+import * as i108 from "./components/reporting/mobile/pages/pages/mobile.pages.component";
+import * as i109 from "./components/analytics/directives/key-down-actions.directive";
+import * as i110 from "./components/reporting/reportpreview/breadcrumbs/breadcrumbs.component";
+import * as i111 from "./dx-report-parameters-panel.component";
+import * as i112 from "./dxrpp-callbacks";
+import * as i113 from "./dxrpp-request-options";
+import * as i114 from "@angular/common";
+import * as i115 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.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 ɵ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.PreviewPageRendererDirective, typeof i81.ToViewDirective, typeof i82.BrickSelectionDirective, typeof i83.ResizableDirective, typeof i84.ZoomDirective, typeof i85.ChildStyleDirective, typeof i86.SearchHighlightingDirective, typeof i87.AccordionDirective, typeof i88.EllipsisEditorDirective, typeof i89.ButtonWithTemplateDirective, typeof i90.EditingFieldCheckboxGlyphComponent, typeof i91.DxMutationObserverDirective, typeof i92.MobileSearchBarDirective, typeof i93.MobilePaginatorDirective, typeof i94.LazyTemplateComponent, typeof i95.MobileSurfaceComponent, typeof i96.MobileSlideDirective, typeof i97.MobileZoomDirective, typeof i98.MobileGalleryComponent, typeof i99.MobilePageComponent, typeof i100.MobileActionsComponent, typeof i101.MobileParametersPopupComponent, typeof i102.MobileParametersComponent, typeof i103.MobileParametersDateRangeComponent, typeof i104.MobileActionsExportComponent, typeof i105.MobileSearchComponent, typeof i106.DateRangeMobileComponent, typeof i107.MobileAutofitDirective, typeof i108.MobilePaginatorComponent, typeof i109.KeyDownActionsDirective, typeof i110.BreadcrumbsComponent, typeof i111.DxReportParametersPanelComponent, typeof i112.DxReportParametersPanelCallbacksComponent, typeof i113.DxReportParametersPanelRequestOptionsComponent], [typeof i114.CommonModule, typeof i115.DxButtonModule, typeof i115.DxLoadIndicatorModule, typeof i115.DxScrollViewModule, typeof i115.DxSelectBoxModule, typeof i115.DxMenuModule, typeof i115.DxTagBoxModule, typeof i115.DxTextBoxModule, typeof i115.DxValidatorModule, typeof i115.DxDateBoxModule, typeof i115.DxCheckBoxModule, typeof i115.DxNumberBoxModule, typeof i115.DxColorBoxModule, typeof i115.DxPopupModule, typeof i115.DxPopoverModule, typeof i115.DxSliderModule, typeof i115.DxCalendarModule, typeof i115.DxListModule, typeof i115.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 i111.DxReportParametersPanelComponent, typeof i112.DxReportParametersPanelCallbacksComponent, typeof i113.DxReportParametersPanelRequestOptionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DxReportViewerModule>;
 }

package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.boolselect.mjs

@@ -22,7 +22,7 @@ class BoolSelectComponent extends SelectBoxComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BoolSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BoolSelectComponent, selector: "dxa-boolselect", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BoolSelectComponent, selector: "dxa-boolselect", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onSelectionChanging", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
 }
 export { BoolSelectComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BoolSelectComponent, decorators: [{

package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.localized.mjs

@@ -22,7 +22,7 @@ class LocalizedSelectBoxComponent extends SelectBoxComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedSelectBoxComponent, selector: "dxa-selectbox-localized", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedSelectBoxComponent, selector: "dxa-selectbox-localized", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onSelectionChanging", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
 }
 export { LocalizedSelectBoxComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSelectBoxComponent, decorators: [{

package/esm2022/dx-report-viewer/components/analytics/properties/editor/editor.selectbox.mjs

@@ -31,7 +31,7 @@ class SelectBoxComponent extends EditorDropDownComponentBase {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectBoxComponent, selector: "dxa-selectbox", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectBoxComponent, selector: "dxa-selectbox", usesInheritance: true, ngImport: i0, template: "<dx-select-box #target #widget [dataSource]=\"options.dataSource\" [value]=\"options.value\" [valueExpr]=\"options.valueExpr\"\n    [displayExpr]=\"options.displayExpr\" [disabled]=\"options.disabled\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\" [noDataText]=\"options.noDataText\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [inputAttr]=\"options.inputAttr\"\n    [placeholder]=\"options.placeholder\"\n    [showClearButton]=\"options.showClearButton\"\n    [searchEnabled]=\"options.searchEnabled\">\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-select-box>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onSelectionChanging", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
 }
 export { SelectBoxComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectBoxComponent, decorators: [{

package/esm2022/dx-report-viewer/components/reporting/directives/preview-page-renderer.directive.mjs

@@ -0,0 +1,26 @@
+import { Directive, Input } from '@angular/core';
+import { updatePreviewPageRendererBinding } from 'devexpress-reporting/viewer/internal/_bindings';
+import { BaseDisposableDirective } from '../../analytics/directives/disposable.directive.base';
+import * as i0 from "@angular/core";
+class PreviewPageRendererDirective extends BaseDisposableDirective {
+    set imageData(newVal) {
+        this.options = newVal;
+        updatePreviewPageRendererBinding(this.element, this.options);
+    }
+    options;
+    eventName = null;
+    InitAndReturnDisposeFunc(element) { return void 0; }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewPageRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: { imageData: ["dxvPreviewPageRenderer", "imageData"] }, usesInheritance: true, ngImport: i0 });
+}
+export { PreviewPageRendererDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewPageRendererDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dxvPreviewPageRenderer]'
+                }]
+        }], propDecorators: { imageData: [{
+                type: Input,
+                args: ['dxvPreviewPageRenderer']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1wYWdlLXJlbmRlcmVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvZGlyZWN0aXZlcy9wcmV2aWV3LXBhZ2UtcmVuZGVyZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBd0IsZ0NBQWdDLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4SCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7QUFFL0YsTUFHYSw0QkFBNkIsU0FBUSx1QkFBdUI7SUFDdkUsSUFBcUMsU0FBUyxDQUFDLE1BQTRCO1FBQ3JFLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1FBQ3RCLGdDQUFnQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFDSCxPQUFPLENBQXVCO0lBQzlCLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDakIsd0JBQXdCLENBQUMsT0FBb0IsSUFBZ0IsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7d0dBUGxFLDRCQUE0Qjs0RkFBNUIsNEJBQTRCOztTQUE1Qiw0QkFBNEI7NEZBQTVCLDRCQUE0QjtrQkFIeEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMEJBQTBCO2lCQUN2Qzs4QkFFc0MsU0FBUztzQkFBN0MsS0FBSzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUHJldmlld0ltYWdlT3B0aW9ucywgdXBkYXRlUHJldmlld1BhZ2VSZW5kZXJlckJpbmRpbmcgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy92aWV3ZXIvaW50ZXJuYWwvX2JpbmRpbmdzJztcbmltcG9ydCB7IEJhc2VEaXNwb3NhYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vYW5hbHl0aWNzL2RpcmVjdGl2ZXMvZGlzcG9zYWJsZS5kaXJlY3RpdmUuYmFzZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2R4dlByZXZpZXdQYWdlUmVuZGVyZXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBQcmV2aWV3UGFnZVJlbmRlcmVyRGlyZWN0aXZlIGV4dGVuZHMgQmFzZURpc3Bvc2FibGVEaXJlY3RpdmUge1xuICBASW5wdXQoJ2R4dlByZXZpZXdQYWdlUmVuZGVyZXInKSBzZXQgaW1hZ2VEYXRhKG5ld1ZhbDogSVByZXZpZXdJbWFnZU9wdGlvbnMpIHtcbiAgICAgICAgdGhpcy5vcHRpb25zID0gbmV3VmFsO1xuICAgICAgICB1cGRhdGVQcmV2aWV3UGFnZVJlbmRlcmVyQmluZGluZyh0aGlzLmVsZW1lbnQsIHRoaXMub3B0aW9ucyk7XG4gICAgfVxuICBvcHRpb25zOiBJUHJldmlld0ltYWdlT3B0aW9ucztcbiAgZXZlbnROYW1lID0gbnVsbDtcbiAgSW5pdEFuZFJldHVybkRpc3Bvc2VGdW5jKGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogKCkgPT4gdm9pZCB7IHJldHVybiB2b2lkIDA7IH1cbn1cbiJdfQ==

package/esm2022/dx-report-viewer/components/reporting/mobile/page/mobile.page.component.mjs

@@ -2,18 +2,19 @@ import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../analytics/template/template.component";
-import * as i3 from "../directives/mobile.autofit.directive";
+import * as i3 from "../../directives/preview-page-renderer.directive";
+import * as i4 from "../directives/mobile.autofit.directive";
 class MobilePageComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MobilePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-content\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\" \n    [dxvMobileAutofit]=\"data.autoFitOptions\">\n    <div class=\"dxrdp-loading-wrapper\" \n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\"\n    [style.lineHeight]=\"data.height + 'px'\"\n    [style.background-color]=\"data.color\"\n    [hidden]=\"!data.pageLoading\">\n        {{data.loadingText}}\n    </div>\n    <img class=\"dxrd-width-100 dxrd-height-100\" \n    [attr.src]=\"data.displayImageSrc\"\n    [style.background-color]=\"data.color\" />\n    <div class=\"dxrdp-active-border\" \n        [class.dxrdp-active]=\"data.active && data.hasBricks\"\n        [hidden]=\"data.readerMode\"></div>\n    <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n    <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n        <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template>       \n    </ng-container>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.MobileAutofitDirective, selector: "[dxvMobileAutofit]", inputs: ["dxvMobileAutofit"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MobilePageComponent, selector: "dxv-mobile-page", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrdp-content\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\" \n    [dxvMobileAutofit]=\"data.autoFitOptions\"\n    [dxvPreviewPageRenderer]=\"data.imageOptions\">\n    <div class=\"dxrdp-loading-wrapper\" \n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\"\n    [style.lineHeight]=\"data.height + 'px'\"\n    [style.background-color]=\"data.color\"\n    [hidden]=\"!data.pageLoading\">\n        {{data.loadingText}}\n    </div>\n    <div class=\"dxrdp-active-border\" \n        [class.dxrdp-active]=\"data.active && data.hasBricks\"\n        [hidden]=\"data.readerMode\"></div>\n    <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n    <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n        <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template>       \n    </ng-container>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: i4.MobileAutofitDirective, selector: "[dxvMobileAutofit]", inputs: ["dxvMobileAutofit"] }] });
 }
 export { MobilePageComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MobilePageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-mobile-page', template: "<div class=\"dxrdp-content\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\" \n    [dxvMobileAutofit]=\"data.autoFitOptions\">\n    <div class=\"dxrdp-loading-wrapper\" \n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\"\n    [style.lineHeight]=\"data.height + 'px'\"\n    [style.background-color]=\"data.color\"\n    [hidden]=\"!data.pageLoading\">\n        {{data.loadingText}}\n    </div>\n    <img class=\"dxrd-width-100 dxrd-height-100\" \n    [attr.src]=\"data.displayImageSrc\"\n    [style.background-color]=\"data.color\" />\n    <div class=\"dxrdp-active-border\" \n        [class.dxrdp-active]=\"data.active && data.hasBricks\"\n        [hidden]=\"data.readerMode\"></div>\n    <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n    <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n        <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template>       \n    </ng-container>\n</div>" }]
+            args: [{ selector: 'dxv-mobile-page', template: "<div class=\"dxrdp-content\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\" \n    [dxvMobileAutofit]=\"data.autoFitOptions\"\n    [dxvPreviewPageRenderer]=\"data.imageOptions\">\n    <div class=\"dxrdp-loading-wrapper\" \n    [style.width]=\"data.width + 'px'\"\n    [style.height]=\"data.height + 'px'\"\n    [style.lineHeight]=\"data.height + 'px'\"\n    [style.background-color]=\"data.color\"\n    [hidden]=\"!data.pageLoading\">\n        {{data.loadingText}}\n    </div>\n    <div class=\"dxrdp-active-border\" \n        [class.dxrdp-active]=\"data.active && data.hasBricks\"\n        [hidden]=\"data.readerMode\"></div>\n    <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\"></dxa-template>\n    <ng-container *ngIf=\"!data.brickLoading && data.editingFields\">\n        <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\"></dxa-template>       \n    </ng-container>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLnBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9tb2JpbGUvcGFnZS9tb2JpbGUucGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL21vYmlsZS9wYWdlL21vYmlsZS5wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQUdqRCxNQUlhLG1CQUFtQjtJQUNoQixJQUFJLENBQXVCO3dHQUQ5QixtQkFBbUI7NEZBQW5CLG1CQUFtQixpRkNQaEMscXFDQXVCTTs7U0RoQk8sbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0ksaUJBQWlCOzhCQUlmLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElNb2JpbGVQYWdlVmlld01vZGVsIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL21vYmlsZS9pbnRlcm5hbC9fbW9iaWxlUGFnZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LW1vYmlsZS1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbW9iaWxlLnBhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE1vYmlsZVBhZ2VDb21wb25lbnQge1xuIEBJbnB1dCgnZGF0YScpIGRhdGE6IElNb2JpbGVQYWdlVmlld01vZGVsO1xufVxuIiwiPGRpdiBjbGFzcz1cImR4cmRwLWNvbnRlbnRcIlxuICAgIChjbGljayk9XCJkYXRhLmNsaWNrVG9CcmljayhkYXRhLCAkZXZlbnQpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAncHgnXCIgXG4gICAgW2R4dk1vYmlsZUF1dG9maXRdPVwiZGF0YS5hdXRvRml0T3B0aW9uc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJkeHJkcC1sb2FkaW5nLXdyYXBwZXJcIiBcbiAgICBbc3R5bGUud2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAncHgnXCJcbiAgICBbc3R5bGUubGluZUhlaWdodF09XCJkYXRhLmhlaWdodCArICdweCdcIlxuICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImRhdGEuY29sb3JcIlxuICAgIFtoaWRkZW5dPVwiIWRhdGEucGFnZUxvYWRpbmdcIj5cbiAgICAgICAge3tkYXRhLmxvYWRpbmdUZXh0fX1cbiAgICA8L2Rpdj5cbiAgICA8aW1nIGNsYXNzPVwiZHhyZC13aWR0aC0xMDAgZHhyZC1oZWlnaHQtMTAwXCIgXG4gICAgW2F0dHIuc3JjXT1cImRhdGEuZGlzcGxheUltYWdlU3JjXCJcbiAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJkYXRhLmNvbG9yXCIgLz5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZHAtYWN0aXZlLWJvcmRlclwiIFxuICAgICAgICBbY2xhc3MuZHhyZHAtYWN0aXZlXT1cImRhdGEuYWN0aXZlICYmIGRhdGEuaGFzQnJpY2tzXCJcbiAgICAgICAgW2hpZGRlbl09XCJkYXRhLnJlYWRlck1vZGVcIj48L2Rpdj5cbiAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmFjdGl2ZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLW1vYmlsZVwiIFtkYXRhXT1cImJyaWNrXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFkYXRhLmJyaWNrTG9hZGluZyAmJiBkYXRhLmVkaXRpbmdGaWVsZHNcIj5cbiAgICAgICAgPGR4YS10ZW1wbGF0ZSAqbmdGb3I9XCJsZXQgZWRpdGluZ0ZpZWxkIG9mIGRhdGEuZWRpdGluZ0ZpZWxkc1wiIFt0ZW1wbGF0ZV09XCJlZGl0aW5nRmllbGQudGVtcGxhdGVcIiBbZGF0YV09XCJlZGl0aW5nRmllbGRcIj48L2R4YS10ZW1wbGF0ZT4gICAgICAgXG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLnBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9tb2JpbGUvcGFnZS9tb2JpbGUucGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL21vYmlsZS9wYWdlL21vYmlsZS5wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFHakQsTUFJYSxtQkFBbUI7SUFDaEIsSUFBSSxDQUF1Qjt3R0FEOUIsbUJBQW1COzRGQUFuQixtQkFBbUIsaUZDUGhDLDRrQ0FxQk07O1NEZE8sbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0ksaUJBQWlCOzhCQUlmLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElNb2JpbGVQYWdlVmlld01vZGVsIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL21vYmlsZS9pbnRlcm5hbC9fbW9iaWxlUGFnZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LW1vYmlsZS1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbW9iaWxlLnBhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE1vYmlsZVBhZ2VDb21wb25lbnQge1xuIEBJbnB1dCgnZGF0YScpIGRhdGE6IElNb2JpbGVQYWdlVmlld01vZGVsO1xufVxuIiwiPGRpdiBjbGFzcz1cImR4cmRwLWNvbnRlbnRcIlxuICAgIChjbGljayk9XCJkYXRhLmNsaWNrVG9CcmljayhkYXRhLCAkZXZlbnQpXCJcbiAgICBbc3R5bGUud2lkdGhdPVwiZGF0YS53aWR0aCArICdweCdcIlxuICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAncHgnXCIgXG4gICAgW2R4dk1vYmlsZUF1dG9maXRdPVwiZGF0YS5hdXRvRml0T3B0aW9uc1wiXG4gICAgW2R4dlByZXZpZXdQYWdlUmVuZGVyZXJdPVwiZGF0YS5pbWFnZU9wdGlvbnNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZHAtbG9hZGluZy13cmFwcGVyXCIgXG4gICAgW3N0eWxlLndpZHRoXT1cImRhdGEud2lkdGggKyAncHgnXCJcbiAgICBbc3R5bGUuaGVpZ2h0XT1cImRhdGEuaGVpZ2h0ICsgJ3B4J1wiXG4gICAgW3N0eWxlLmxpbmVIZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAncHgnXCJcbiAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJkYXRhLmNvbG9yXCJcbiAgICBbaGlkZGVuXT1cIiFkYXRhLnBhZ2VMb2FkaW5nXCI+XG4gICAgICAgIHt7ZGF0YS5sb2FkaW5nVGV4dH19XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImR4cmRwLWFjdGl2ZS1ib3JkZXJcIiBcbiAgICAgICAgW2NsYXNzLmR4cmRwLWFjdGl2ZV09XCJkYXRhLmFjdGl2ZSAmJiBkYXRhLmhhc0JyaWNrc1wiXG4gICAgICAgIFtoaWRkZW5dPVwiZGF0YS5yZWFkZXJNb2RlXCI+PC9kaXY+XG4gICAgPGR4YS10ZW1wbGF0ZSAqbmdGb3I9XCJsZXQgYnJpY2sgb2YgZGF0YS5hY3RpdmVCcmlja3NcIiB0ZW1wbGF0ZT1cImR4cmQtcGFnZS1icmljay1tb2JpbGVcIiBbZGF0YV09XCJicmlja1wiPjwvZHhhLXRlbXBsYXRlPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhZGF0YS5icmlja0xvYWRpbmcgJiYgZGF0YS5lZGl0aW5nRmllbGRzXCI+XG4gICAgICAgIDxkeGEtdGVtcGxhdGUgKm5nRm9yPVwibGV0IGVkaXRpbmdGaWVsZCBvZiBkYXRhLmVkaXRpbmdGaWVsZHNcIiBbdGVtcGxhdGVdPVwiZWRpdGluZ0ZpZWxkLnRlbXBsYXRlXCIgW2RhdGFdPVwiZWRpdGluZ0ZpZWxkXCI+PC9keGEtdGVtcGxhdGU+ICAgICAgIFxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19

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

@@ -6,7 +6,7 @@ import * as i3 from "../../../../analytics/template/template.component";
 class DateRangeMobileComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrv-preview-date-range-mobile\">\n  <div class=\"dx-fieldset\">\n      <div class=\"dx-field\">\n          <dx-select-box\n            [dataSource]=\"data.items\"\n            displayExpr=\"displayName\"\n            (onValueChanged)=\"data.popupModel.onTextChanged($event)\"\n            [placeholder]=\"data.popupModel.selectPeriodPlaceholder\"\n            [useItemTextAsTitle]=\"true\"\n          ></dx-select-box>\n      </div>\n      <div class=\"dx-field\">\n          <div class=\"dx-fieldset-column\">\n              <div class=\"dx-fieldset-header\">{{data.popupModel.fromText}}</div>\n              <dx-button class=\"dxrv-daterange-editor-button\"\n                [class.dx-button-default]=\"data.popupModel.startButton.focused\"\n                [text]=\"data.popupModel.startButton.text\"\n\n                [stylingMode]=\"data.popupModel.startButton.stylingMode\"\n                [focusStateEnabled]=\"data.popupModel.startButton.focusStateEnabled\"\n                [activeStateEnabled]=\"data.popupModel.startButton.activeStateEnabled\"\n                (onClick)=\"data.popupModel.startButton.onClick()\"\n              ></dx-button>\n          </div>\n          <div class=\"dx-fieldset-column dx-fieldset-column-right\">\n              <div class=\"dx-fieldset-header\">{{data.popupModel.untilText}}</div>\n              <div class=\"dxd-back-secondary dx-fieldset-column-separator\"></div>\n              <dx-button class=\"dxrv-daterange-editor-button\"\n                [class.dx-button-default]=\"data.popupModel.endButton.focused\"\n                [text]=\"data.popupModel.endButton.text\"\n\n                [stylingMode]=\"data.popupModel.endButton.stylingMode\"\n                [focusStateEnabled]=\"data.popupModel.endButton.focusStateEnabled\"\n                [activeStateEnabled]=\"data.popupModel.endButton.activeStateEnabled\"\n                (onClick)=\"data.popupModel.endButton.onClick()\">\n              </dx-button>\n          </div>\n      </div>\n      <div class=\"dx-field\">\n        <div class=\"dxrv-daterange-editor-item\">\n            <dxa-template *ngIf=\"data.popupModel.startButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n            <dxa-template *ngIf=\"data.popupModel.endButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n        </div>        \n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeMobileComponent, selector: "dxv-date-range-mobile", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrv-preview-date-range-mobile\">\n  <div class=\"dx-fieldset\">\n      <div class=\"dx-field\">\n          <dx-select-box\n            [dataSource]=\"data.items\"\n            displayExpr=\"displayName\"\n            (onValueChanged)=\"data.popupModel.onTextChanged($event)\"\n            [placeholder]=\"data.popupModel.selectPeriodPlaceholder\"\n            [useItemTextAsTitle]=\"true\"\n          ></dx-select-box>\n      </div>\n      <div class=\"dx-field\">\n          <div class=\"dx-fieldset-column\">\n              <div class=\"dx-fieldset-header\">{{data.popupModel.fromText}}</div>\n              <dx-button class=\"dxrv-daterange-editor-button\"\n                [class.dx-button-default]=\"data.popupModel.startButton.focused\"\n                [text]=\"data.popupModel.startButton.text\"\n\n                [stylingMode]=\"data.popupModel.startButton.stylingMode\"\n                [focusStateEnabled]=\"data.popupModel.startButton.focusStateEnabled\"\n                [activeStateEnabled]=\"data.popupModel.startButton.activeStateEnabled\"\n                (onClick)=\"data.popupModel.startButton.onClick()\"\n              ></dx-button>\n          </div>\n          <div class=\"dx-fieldset-column dx-fieldset-column-right\">\n              <div class=\"dx-fieldset-header\">{{data.popupModel.untilText}}</div>\n              <div class=\"dxd-back-secondary dx-fieldset-column-separator\"></div>\n              <dx-button class=\"dxrv-daterange-editor-button\"\n                [class.dx-button-default]=\"data.popupModel.endButton.focused\"\n                [text]=\"data.popupModel.endButton.text\"\n\n                [stylingMode]=\"data.popupModel.endButton.stylingMode\"\n                [focusStateEnabled]=\"data.popupModel.endButton.focusStateEnabled\"\n                [activeStateEnabled]=\"data.popupModel.endButton.activeStateEnabled\"\n                (onClick)=\"data.popupModel.endButton.onClick()\">\n              </dx-button>\n          </div>\n      </div>\n      <div class=\"dx-field\">\n        <div class=\"dxrv-daterange-editor-item\">\n            <dxa-template *ngIf=\"data.popupModel.startButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.startRange\"></dxa-template>\n            <dxa-template *ngIf=\"data.popupModel.endButton.focused\" template=\"dxrv-daterange-calendar\" [data]=\"data.endRange\"></dxa-template>\n        </div>        \n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onSelectionChanging", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
 }
 export { DateRangeMobileComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeMobileComponent, decorators: [{

package/esm2022/dx-report-viewer/components/reporting/parameterspanel/multi-value/multi-value.component.mjs

@@ -47,7 +47,7 @@ class MultiValueComponent extends EditorDropDownComponentBase {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiValueComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiValueComponent, selector: "dxv-multivalue", usesInheritance: true, ngImport: i0, template: "<dx-tag-box #target #widget\n    [dataSource]=\"options.dataSource\"\n    [searchEnabled]=\"options.searchEnabled\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\"\n    [searchExpr]=\"options.searchExpr\"\n    [value]=\"options.value\"\n    [displayExpr]=\"options.displayExpr\"\n    [valueExpr]=\"options.valueExpr\"\n    [multiline]=\"options.multiline\"\n    [showSelectionControls]=\"options.showSelectionControls\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    (onMultiTagPreparing)=\"options.onMultiTagPreparing($event)\"\n    [inputAttr]=\"options.inputAttr\"\n    [disabled]=\"options.disabled\"\n    [selectAllText]=\"options.selectAllText\"\n    [placeholder]=\"options.placeholder\"\n    [maxDisplayedTags]=\"options.maxDisplayedTags\"\n    [showMultiTagOnly]=\"options.showMultiTagOnly\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [selectAllMode]=\"options.selectAllMode\"\n    >\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-tag-box>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiValueComponent, selector: "dxv-multivalue", usesInheritance: true, ngImport: i0, template: "<dx-tag-box #target #widget\n    [dataSource]=\"options.dataSource\"\n    [searchEnabled]=\"options.searchEnabled\"\n    [useItemTextAsTitle]=\"options.useItemTextAsTitle\"\n    [searchExpr]=\"options.searchExpr\"\n    [value]=\"options.value\"\n    [displayExpr]=\"options.displayExpr\"\n    [valueExpr]=\"options.valueExpr\"\n    [multiline]=\"options.multiline\"\n    [showSelectionControls]=\"options.showSelectionControls\"\n    (onValueChanged)=\"options.onValueChanged($event)\"\n    (onMultiTagPreparing)=\"options.onMultiTagPreparing($event)\"\n    [inputAttr]=\"options.inputAttr\"\n    [disabled]=\"options.disabled\"\n    [selectAllText]=\"options.selectAllText\"\n    [placeholder]=\"options.placeholder\"\n    [maxDisplayedTags]=\"options.maxDisplayedTags\"\n    [showMultiTagOnly]=\"options.showMultiTagOnly\"\n    [dropDownOptions]=\"dropDownOptions\"\n    [selectAllMode]=\"options.selectAllMode\"\n    >\n    <dx-validator *ngIf=\"!!data.validationRules\" [validationRules]=\"validatorOptions.validationRules\">\n    </dx-validator>\n</dx-tag-box>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onSelectionChanging", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
 }
 export { MultiValueComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiValueComponent, decorators: [{

package/esm2022/dx-report-viewer/components/reporting/reportpreview/breadcrumbs/breadcrumbs.component.mjs

@@ -6,14 +6,14 @@ import * as i3 from "../../../analytics/directives/dx-mutation-observer.directiv
 class BreadcrumbsComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data.listItems.length > 1\" class=\"breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n    <ng-container *ngFor=\"let item of data.listItems; index as i\">\n        <a *ngIf=\"data.listItems.length > (i+1)\" class=\"breadcrump-link breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n            (click)=\"data.onClick(item.position)\">\n            <span>{{item.displayText}}</span>\n        </a>\n        <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n        <a *ngIf=\"data.listItems.length === (i+1)\" class=\"breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n            <span>{{item.displayText}}</span>\n        </a>\n    </ng-container>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, selector: "dxv-breadcrumbs", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data.listItems.length > 1\" class=\"dxrd-breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n    <ng-container *ngFor=\"let item of data.listItems; index as i\">\n        <a *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n            (click)=\"data.onClick(item.position)\">\n            <span>{{item.displayText}}</span>\n        </a>\n        <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n        <a *ngIf=\"data.listItems.length === (i+1)\" class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n            <span>{{item.displayText}}</span>\n        </a>\n    </ng-container>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
 }
 export { BreadcrumbsComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-breadcrumbs', template: "<div *ngIf=\"data.listItems.length > 1\" class=\"breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n    <ng-container *ngFor=\"let item of data.listItems; index as i\">\n        <a *ngIf=\"data.listItems.length > (i+1)\" class=\"breadcrump-link breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n            (click)=\"data.onClick(item.position)\">\n            <span>{{item.displayText}}</span>\n        </a>\n        <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n        <a *ngIf=\"data.listItems.length === (i+1)\" class=\"breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n            <span>{{item.displayText}}</span>\n        </a>\n    </ng-container>\n</div>" }]
+            args: [{ selector: 'dxv-breadcrumbs', template: "<div *ngIf=\"data.listItems.length > 1\" class=\"dxrd-breadcrumbs-wrapper\" [dxMutationObserver]=\"data.keyboardHelper\" aria-label=\"Breadcrumbs\" role=\"navigation\">\n    <ng-container *ngFor=\"let item of data.listItems; index as i\">\n        <a *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented\"\n            (click)=\"data.onClick(item.position)\">\n            <span>{{item.displayText}}</span>\n        </a>\n        <dxa-template *ngIf=\"data.listItems.length > (i+1)\" class=\"dxrd-breadcrumb-item-seperator\" template=\"dxrd-svg-preview-breadcrumbs_seperator\"></dxa-template>\n        <a *ngIf=\"data.listItems.length === (i+1)\" class=\"dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented\" aria-current=\"location\">\n            <span>{{item.displayText}}</span>\n        </a>\n    </ng-container>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9yZXBvcnRwcmV2aWV3L2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFHakQsTUFJYSxvQkFBb0I7SUFDaEIsSUFBSSxDQUF3Qjt3R0FEaEMsb0JBQW9COzRGQUFwQixvQkFBb0IsaUZDUGpDLDY0QkFXTTs7U0RKTyxvQkFBb0I7NEZBQXBCLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDSSxpQkFBaUI7OEJBSWQsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJyZWFkY3J1bWJWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy9zY29wZXMvcmVwb3J0aW5nLXZpZXdlci1pbnRlcm5hbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWJyZWFkY3J1bWJzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcbiAgQElucHV0KCdkYXRhJykgZGF0YSE6IElCcmVhZGNydW1iVmlld01vZGVsO1xufVxuIiwiPGRpdiAqbmdJZj1cImRhdGEubGlzdEl0ZW1zLmxlbmd0aCA+IDFcIiBjbGFzcz1cImJyZWFkY3J1bWJzLXdyYXBwZXJcIiBbZHhNdXRhdGlvbk9ic2VydmVyXT1cImRhdGEua2V5Ym9hcmRIZWxwZXJcIiBhcmlhLWxhYmVsPVwiQnJlYWRjcnVtYnNcIiByb2xlPVwibmF2aWdhdGlvblwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5saXN0SXRlbXM7IGluZGV4IGFzIGlcIj5cbiAgICAgICAgPGEgKm5nSWY9XCJkYXRhLmxpc3RJdGVtcy5sZW5ndGggPiAoaSsxKVwiIGNsYXNzPVwiYnJlYWRjcnVtcC1saW5rIGJyZWFkY3J1bWItaXRlbSBkeGQtdGV4dC1hY2NlbnRlZCBkeC1hY2Nlc3NpYmlsaXR5LWJvcmRlci1hY2NlbnRlZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZGF0YS5vbkNsaWNrKGl0ZW0ucG9zaXRpb24pXCI+XG4gICAgICAgICAgICA8c3Bhbj57e2l0ZW0uZGlzcGxheVRleHR9fTwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0lmPVwiZGF0YS5saXN0SXRlbXMubGVuZ3RoID4gKGkrMSlcIiBjbGFzcz1cImJyZWFkY3J1bWItaXRlbS1zZXBlcmF0b3JcIiB0ZW1wbGF0ZT1cImR4cmQtc3ZnLXByZXZpZXctYnJlYWRjcnVtYnNfc2VwZXJhdG9yXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgICAgIDxhICpuZ0lmPVwiZGF0YS5saXN0SXRlbXMubGVuZ3RoID09PSAoaSsxKVwiIGNsYXNzPVwiYnJlYWRjcnVtYi1pdGVtIGR4ZC10ZXh0LXByaW1hcnkgZHgtYWNjZXNzaWJpbGl0eS1ib3JkZXItYWNjZW50ZWRcIiBhcmlhLWN1cnJlbnQ9XCJsb2NhdGlvblwiPlxuICAgICAgICAgICAgPHNwYW4+e3tpdGVtLmRpc3BsYXlUZXh0fX08L3NwYW4+XG4gICAgICAgIDwvYT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vZHgtcmVwb3J0LXZpZXdlci9jb21wb25lbnRzL3JlcG9ydGluZy9yZXBvcnRwcmV2aWV3L2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9icmVhZGNydW1icy9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFHakQsTUFJYSxvQkFBb0I7SUFDaEIsSUFBSSxDQUF3Qjt3R0FEaEMsb0JBQW9COzRGQUFwQixvQkFBb0IsaUZDUGpDLHM2QkFXTTs7U0RKTyxvQkFBb0I7NEZBQXBCLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDSSxpQkFBaUI7OEJBSWQsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJyZWFkY3J1bWJWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy9zY29wZXMvcmVwb3J0aW5nLXZpZXdlci1pbnRlcm5hbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWJyZWFkY3J1bWJzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnJlYWRjcnVtYnMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJzQ29tcG9uZW50IHtcbiAgQElucHV0KCdkYXRhJykgZGF0YSE6IElCcmVhZGNydW1iVmlld01vZGVsO1xufVxuIiwiPGRpdiAqbmdJZj1cImRhdGEubGlzdEl0ZW1zLmxlbmd0aCA+IDFcIiBjbGFzcz1cImR4cmQtYnJlYWRjcnVtYnMtd3JhcHBlclwiIFtkeE11dGF0aW9uT2JzZXJ2ZXJdPVwiZGF0YS5rZXlib2FyZEhlbHBlclwiIGFyaWEtbGFiZWw9XCJCcmVhZGNydW1ic1wiIHJvbGU9XCJuYXZpZ2F0aW9uXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhLmxpc3RJdGVtczsgaW5kZXggYXMgaVwiPlxuICAgICAgICA8YSAqbmdJZj1cImRhdGEubGlzdEl0ZW1zLmxlbmd0aCA+IChpKzEpXCIgY2xhc3M9XCJkeHJkLWJyZWFkY3J1bXAtbGluayBkeHJkLWJyZWFkY3J1bWItaXRlbSBkeGQtdGV4dC1hY2NlbnRlZCBkeC1hY2Nlc3NpYmlsaXR5LWJvcmRlci1hY2NlbnRlZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZGF0YS5vbkNsaWNrKGl0ZW0ucG9zaXRpb24pXCI+XG4gICAgICAgICAgICA8c3Bhbj57e2l0ZW0uZGlzcGxheVRleHR9fTwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0lmPVwiZGF0YS5saXN0SXRlbXMubGVuZ3RoID4gKGkrMSlcIiBjbGFzcz1cImR4cmQtYnJlYWRjcnVtYi1pdGVtLXNlcGVyYXRvclwiIHRlbXBsYXRlPVwiZHhyZC1zdmctcHJldmlldy1icmVhZGNydW1ic19zZXBlcmF0b3JcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgPGEgKm5nSWY9XCJkYXRhLmxpc3RJdGVtcy5sZW5ndGggPT09IChpKzEpXCIgY2xhc3M9XCJkeHJkLWJyZWFkY3J1bWItaXRlbSBkeGQtdGV4dC1wcmltYXJ5IGR4LWFjY2Vzc2liaWxpdHktYm9yZGVyLWFjY2VudGVkXCIgYXJpYS1jdXJyZW50PVwibG9jYXRpb25cIj5cbiAgICAgICAgICAgIDxzcGFuPnt7aXRlbS5kaXNwbGF5VGV4dH19PC9zcGFuPlxuICAgICAgICA8L2E+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj4iXX0=

package/esm2022/dx-report-viewer/components/reporting/reportpreview/page/page.component.mjs

@@ -2,19 +2,20 @@ import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../../analytics/template/template.component";
-import * as i3 from "../../directives/brick-selection.directive";
-import * as i4 from "../../../analytics/directives/dx-mutation-observer.directive";
+import * as i3 from "../../directives/preview-page-renderer.directive";
+import * as i4 from "../../directives/brick-selection.directive";
+import * as i5 from "../../../analytics/directives/dx-mutation-observer.directive";
 class PageComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageComponent, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div>\n        <img class=\"dxrd-pointer-events-none dxrd-width-100 dxrd-height-100\"\n            [attr.src]=\"data.displayImageSrc\"\n            [attr.alt]=\"data.currentPageAriaLabelImgAlt\" />\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n    </div>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: i4.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageComponent, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n    </div>\n</div>", 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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: i4.BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: i5.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
 }
 export { PageComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div>\n        <img class=\"dxrd-pointer-events-none dxrd-width-100 dxrd-height-100\"\n            [attr.src]=\"data.displayImageSrc\"\n            [attr.alt]=\"data.currentPageAriaLabelImgAlt\" />\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUdqRCxNQUlhLGFBQWE7SUFDVCxJQUFJLENBQXlCO3dHQURqQyxhQUFhOzRGQUFiLGFBQWEsMEVDUDFCLDBrREEwQk07O1NEbkJPLGFBQWE7NEZBQWIsYUFBYTtrQkFKekIsU0FBUzsrQkFDSSxVQUFVOzhCQUlQLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQcmV2aWV3UGFnZVZpZXdNb2RlbCB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci9pbnRlcm5hbC9fcGFnZS52aWV3TW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2R4di1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBJUHJldmlld1BhZ2VWaWV3TW9kZWw7XG59XG4iLCI8ZGl2IHJvbGU9XCJpbWdcIiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctY29udGVudCBkeHJkLXBvc2l0aW9uLXJlbGF0aXZlIGR4cmQtd2lkdGgtMTAwIGR4cmQtaGVpZ2h0LTEwMFwiIFxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiZGF0YS5jdXJyZW50UGFnZUFyaWFMYWJlbEltZ0FsdFwiXG4gICAgKGNsaWNrKT1cImRhdGEuY2xpY2tUb0JyaWNrKGRhdGEsICRldmVudClcIlxuICAgIFtkeHZCcmlja1NlbGVjdGlvbl09XCJkYXRhLmJyaWNrU2VsZWN0aW9uUHJvZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQtbG9hZGluZy13cmFwcGVyIGR4cmQtYmFja2dyb3VuZC13aGl0ZVwiIFxuICAgICAgICBbc3R5bGUud2lkdGhdPVwiZGF0YS53aWR0aCArIDIgKyAncHgnXCJcbiAgICAgICAgW3N0eWxlLmhlaWdodF09XCJkYXRhLmhlaWdodCArIDIgKyAncHgnXCJcbiAgICAgICAgW2hpZGRlbl09XCIhZGF0YS5wYWdlTG9hZGluZ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1jb250ZW50LWxvYWRpbmctcGFuZWwgZHhyZC10ZXh0LWFsaWduLWNlbnRlclwiIFxuICAgICAgICAgICAgW3N0eWxlLnBhZGRpbmctdG9wXT1cImRhdGEuaGVpZ2h0IC8gMi4zICsgJ3B4J1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctY29udGVudC1sb2FkaW5nLXBhbmVsLXRleHRcIj57e2RhdGEubG9hZGluZ1RleHR9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2PlxuICAgICAgICA8aW1nIGNsYXNzPVwiZHhyZC1wb2ludGVyLWV2ZW50cy1ub25lIGR4cmQtd2lkdGgtMTAwIGR4cmQtaGVpZ2h0LTEwMFwiXG4gICAgICAgICAgICBbYXR0ci5zcmNdPVwiZGF0YS5kaXNwbGF5SW1hZ2VTcmNcIlxuICAgICAgICAgICAgW2F0dHIuYWx0XT1cImRhdGEuY3VycmVudFBhZ2VBcmlhTGFiZWxJbWdBbHRcIiAvPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmFjdGl2ZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLW1vYmlsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmNsaWNrYWJsZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLWNsaWNrYWJsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWRhdGEuYnJpY2tMb2FkaW5nICYmIGRhdGEuZWRpdGluZ0ZpZWxkc1wiIFtkeE11dGF0aW9uT2JzZXJ2ZXJdPVwiZGF0YS5lZGl0aW5nRmllbGRzS2V5Ym9hcmRIZWxwZXJcIj5cbiAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgKm5nRm9yPVwibGV0IGVkaXRpbmdGaWVsZCBvZiBkYXRhLmVkaXRpbmdGaWVsZHNcIiBbdGVtcGxhdGVdPVwiZWRpdGluZ0ZpZWxkLnRlbXBsYXRlXCIgW2RhdGFdPVwiZWRpdGluZ0ZpZWxkXCI+XG4gICAgICAgICAgICA8L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFHakQsTUFJYSxhQUFhO0lBQ1QsSUFBSSxDQUF5Qjt3R0FEakMsYUFBYTs0RkFBYixhQUFhLDBFQ1AxQix5N0NBdUJNOztTRGhCTyxhQUFhOzRGQUFiLGFBQWE7a0JBSnpCLFNBQVM7K0JBQ0ksVUFBVTs4QkFJUCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUHJldmlld1BhZ2VWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy92aWV3ZXIvaW50ZXJuYWwvX3BhZ2Uudmlld01vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoJ2RhdGEnKSBkYXRhITogSVByZXZpZXdQYWdlVmlld01vZGVsO1xufVxuIiwiPGRpdiByb2xlPVwiaW1nXCIgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQgZHhyZC1wb3NpdGlvbi1yZWxhdGl2ZSBkeHJkLXdpZHRoLTEwMCBkeHJkLWhlaWdodC0xMDBcIiBcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImRhdGEuY3VycmVudFBhZ2VBcmlhTGFiZWxJbWdBbHRcIlxuICAgIChjbGljayk9XCJkYXRhLmNsaWNrVG9CcmljayhkYXRhLCAkZXZlbnQpXCJcbiAgICBbZHh2QnJpY2tTZWxlY3Rpb25dPVwiZGF0YS5icmlja1NlbGVjdGlvblByb2dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1jb250ZW50LWxvYWRpbmctd3JhcHBlciBkeHJkLWJhY2tncm91bmQtd2hpdGVcIiBcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cImRhdGEud2lkdGggKyAyICsgJ3B4J1wiXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAyICsgJ3B4J1wiXG4gICAgICAgIFtoaWRkZW5dPVwiIWRhdGEucGFnZUxvYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctY29udGVudC1sb2FkaW5nLXBhbmVsIGR4cmQtdGV4dC1hbGlnbi1jZW50ZXJcIiBcbiAgICAgICAgICAgIFtzdHlsZS5wYWRkaW5nLXRvcF09XCJkYXRhLmhlaWdodCAvIDIuMyArICdweCdcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQtbG9hZGluZy1wYW5lbC10ZXh0XCI+e3tkYXRhLmxvYWRpbmdUZXh0fX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbZHh2UHJldmlld1BhZ2VSZW5kZXJlcl09XCJkYXRhLmltYWdlT3B0aW9uc1wiPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmFjdGl2ZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLW1vYmlsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmNsaWNrYWJsZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLWNsaWNrYWJsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWRhdGEuYnJpY2tMb2FkaW5nICYmIGRhdGEuZWRpdGluZ0ZpZWxkc1wiIFtkeE11dGF0aW9uT2JzZXJ2ZXJdPVwiZGF0YS5lZGl0aW5nRmllbGRzS2V5Ym9hcmRIZWxwZXJcIj5cbiAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgKm5nRm9yPVwibGV0IGVkaXRpbmdGaWVsZCBvZiBkYXRhLmVkaXRpbmdGaWVsZHNcIiBbdGVtcGxhdGVdPVwiZWRpdGluZ0ZpZWxkLnRlbXBsYXRlXCIgW2RhdGFdPVwiZWRpdGluZ0ZpZWxkXCI+XG4gICAgICAgICAgICA8L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=