devexpress-reporting-angular 25.1.4-build-25190-1932 → 25.1.4-build-25192-1604
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm2022/dx-report-viewer/components/reporting/reportpreview/surface/surface.component.mjs
CHANGED
|
@@ -13,13 +13,13 @@ export class SurfaceComponent {
|
|
|
13
13
|
data;
|
|
14
14
|
clipboardMessage = getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
15
15
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\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.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.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i4.LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: i5.AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: i6.TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: i7.ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: i8.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [dxvTextCopier]=\"data\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\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.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.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i4.LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: i5.AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: i6.TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: i7.ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: i8.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>" }]
|
|
20
|
+
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [dxvTextCopier]=\"data\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>" }]
|
|
21
21
|
}], propDecorators: { data: [{
|
|
22
22
|
type: Input,
|
|
23
23
|
args: ['data']
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VyZmFjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvc3VyZmFjZS9zdXJmYWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9zdXJmYWNlL3N1cmZhY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBFQUEwRSxDQUFDOzs7Ozs7Ozs7O0FBTTNHLE1BQU0sT0FBTyxnQkFBZ0I7SUFDWixJQUFJLENBQTJCO0lBQzlDLGdCQUFnQixHQUFHLGVBQWUsQ0FBQyxXQUFXLEVBQUUscURBQXFELENBQUMsQ0FBQzt3R0FGNUYsZ0JBQWdCOzRGQUFoQixnQkFBZ0IsNkVDUjdCLHM2SEErRE07OzRGRHZETyxnQkFBZ0I7a0JBSjVCLFNBQVM7K0JBQ0ksYUFBYTs4QkFJVixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUmVwb3J0UHJldmlld1ZpZXdNb2RlbCB9IGZyb20gJ2RldmV4cHJlc3MtcmVwb3J0aW5nL3ZpZXdlci9yZXBvcnRQcmV2aWV3LnZpZXdNb2RlbCc7XG5pbXBvcnQgeyBnZXRMb2NhbGl6YXRpb24gfSBmcm9tICdAZGV2ZXhwcmVzcy9hbmFseXRpY3MtY29yZS9wcm9wZXJ0eS1ncmlkL2xvY2FsaXphdGlvbi9sb2NhbGl6YXRpb25fdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2R4di1zdXJmYWNlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3VyZmFjZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3VyZmFjZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBJUmVwb3J0UHJldmlld1ZpZXdNb2RlbDtcbiAgY2xpcGJvYXJkTWVzc2FnZSA9IGdldExvY2FsaXphdGlvbignQ2xpcGJvYXJkJywgJ0FTUHhSZXBvcnRzU3RyaW5nSWQuV2ViRG9jdW1lbnRWaWV3ZXJfQXJpYUNsaXBib2FyZCcpO1xufVxuIiwiPGRpdiBjbGFzcz1cImR4cmQtcHJldmlldy13cmFwcGVyXCIgW2NsYXNzLmR4LXJ0bF09XCIhIWRhdGEucnRsUmVwb3J0XCIgW2NsYXNzLmR4cnAtZWRpdGluZy1maWVsZHMtaGlnaHRsaWdodGVkXT1cImRhdGEuZWRpdGluZ0ZpZWxkc0hpZ2hsaWdodGVkXCI+XG4gICAgPGR4YS10ZW1wbGF0ZSB0ZW1wbGF0ZT1cImR4cmQtcHJldmlldy1wcm9ncmVzcy1iYXJcIiBbZGF0YV09XCJkYXRhLnByb2dyZXNzQmFyXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImR4cmQtcHJldmlldy1zdXJmYWNlXCIgW2R4TXV0YXRpb25PYnNlcnZlcl09XCJkYXRhLnByZXZpZXdCcmlja0tleWJvYXJkSGVscGVyXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhZGF0YS5zaG93TXVsdGlwYWdlUHJldmlld1wiIGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1ob2xkZXJcIiByb2xlPVwibGlzdFwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiEhZGF0YS5jdXJyZW50UGFnZSAmJiAoZGF0YS5jdXJyZW50UGFnZS5wYWdlTG9hZGluZyB8fCAoIWRhdGEuY3VycmVudFBhZ2UucGFnZUxvYWRpbmcgJiYgZGF0YS5jdXJyZW50UGFnZS5wYWdlTG9hZGVkKSlcIiBcbiAgICAgICAgICAgIHJvbGU9XCJsaXN0aXRlbVwiIFxuICAgICAgICAgICAgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3IGR4LWFjY2Vzc2liaWxpdHktcGFnZS1pdGVtIGR4LWFjY2Vzc2liaWxpdHktYm9yZGVyLWFjY2VudGVkXCIgXG4gICAgICAgICAgICBbZHh2QXV0b0ZpdF09XCJkYXRhLmN1cnJlbnRQYWdlLmF1dG9GaXRPcHRpb25zXCJcbiAgICAgICAgICAgIFtkeHZUZXh0Q29waWVyXT1cImRhdGFcIlxuICAgICAgICAgICAgW3N0eWxlLndpZHRoXT1cImRhdGEuY3VycmVudFBhZ2Uud2lkdGggKyAncHgnXCJcbiAgICAgICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5jdXJyZW50UGFnZS5oZWlnaHQgICsgJ3B4J1wiPlxuICAgICAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgdGVtcGxhdGU9XCJkeHJkLXByZXZpZXctcGFnZVwiIFtkYXRhXT1cImRhdGEuY3VycmVudFBhZ2VcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImRhdGEuc2hvd011bHRpcGFnZVByZXZpZXcgJiYgISFkYXRhLmN1cnJlbnRQYWdlXCIgIGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1ob2xkZXJcIiByb2xlPVwibGlzdFwiIFtkeHZMYXp5SW1hZ2VzXT1cImRhdGEubGF6eUltYWdlc09wdGlvbnNcIj5cbiAgICAgICAgICAgIDwhLS0ga28gZm9yZWFjaDoge2RhdGE6IHBhZ2VzLCBhZnRlclJlbmRlcjogZnVuY3Rpb24oKSB7IGRlbGF5ZWRJbml0KCkgfSB9ICAtLT5cbiAgICAgICAgICAgIDwhLS0ga28gbGF6eTogeyBpZjogcGFnZUxvYWRpbmcgfHwgKCFwYWdlTG9hZGluZyAmJiBwYWdlTG9hZGVkKSB9IC0tPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgcGFnZSBvZiBkYXRhLnBhZ2VzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInBhZ2UucGFnZUxvYWRpbmcgfHwgKCFwYWdlLnBhZ2VMb2FkaW5nICYmIHBhZ2UucGFnZUxvYWRlZClcIiByb2xlPVwibGlzdGl0ZW1cIiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXcgZHhyZC1yZXBvcnQtcHJldmlldy1tdWx0aXBhZ2UgZHgtYWNjZXNzaWJpbGl0eS1wYWdlLWl0ZW0gZHgtYWNjZXNzaWJpbGl0eS1ib3JkZXItYWNjZW50ZWRcIiBcbiAgICAgICAgICAgICAgICBbc3R5bGUud2lkdGhdPVwicGFnZS53aWR0aCArICdweCdcIlxuICAgICAgICAgICAgICAgIFtzdHlsZS5oZWlnaHRdPVwicGFnZS5oZWlnaHQgKyAncHgnXCJcbiAgICAgICAgICAgICAgICBbZHh2VGV4dENvcGllcl09XCJkYXRhXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuZHhyZC1yZXBvcnQtcHJldmlldy1hY3RpdmVdPVwicGFnZS5hY3RpdmVcIlxuICAgICAgICAgICAgICAgIFtkeHZUb1ZpZXddPVwicGFnZVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZHhhLXRlbXBsYXRlIHRlbXBsYXRlPVwiZHhyZC1wcmV2aWV3LXBhZ2VcIiBbZGF0YV09XCJwYWdlXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwhLS0gL2tvIC0tPlxuICAgICAgICAgICAgPCEtLSAva28gLS0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IFtjbGFzcy5keHJkLXZpc3VhbGx5LWhpZGRlbl09XCIhIWRhdGEuY3VycmVudFBhZ2VcIiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctcGxhY2Vob2xkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCIgYXJpYS1hdG9taWM9XCJ0cnVlXCIgY2xhc3M9XCJkeGQtZW1wdHktYXJlYS1wbGFjZWhvbGRlci10ZXh0LWNvbG9yIGR4ZC10ZXh0LWluZm9cIj5cbiAgICAgICAgICAgICAgICB7e2RhdGEuZW1wdHlEb2N1bWVudENhcHRpb259fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkeC1wb3B1cCBcbiAgICAgICAgW3dpZHRoXT1cIjQ1MFwiXG4gICAgICAgIFtoZWlnaHRdPVwiMTUwXCJcbiAgICAgICAgW3Zpc2libGVdPVwiZGF0YS5fZXhwb3J0VHJhbnNsYXRlZERvY1BvcHVwVmlzaWJsZVwiXG4gICAgICAgIFtjb250YWluZXJdPVwiJy5keHJkLXByZXZpZXctc3VyZmFjZSdcIlxuICAgICAgICBbcG9zaXRpb25dPVwieyBhdDogJ2NlbnRlcicsIG15OiAnY2VudGVyJywgY29sbGlzaW9uOiAnZml0Jywgb2Y6ICcuZHhyZC1wcmV2aWV3LXN1cmZhY2UnfVwiXG4gICAgICAgIFtkcmFnRW5hYmxlZF09XCJmYWxzZVwiXG4gICAgICAgIFtoaWRlT25PdXRzaWRlQ2xpY2tdPVwidHJ1ZVwiXG4gICAgICAgIFtzaG93Q2xvc2VCdXR0b25dPVwiZmFsc2VcIlxuICAgICAgICBbc2hvd1RpdGxlXT1cImZhbHNlXCJcbiAgICAgICAgKG9uSGlkaW5nKT1cImRhdGEub25FeHBvcnRQb3B1cEhpZGluZygpXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWV4cG9ydC13YXJuaW5nLXBvcHVwLXRleHRcIj57eyBkYXRhLl9leHBvcnRUcmFuc2xhdGVkRG9kdW1lbnRXYXJuaW5nTXNnIH19PC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWV4cG9ydC13YXJuaW5nLXBvcHVwLWJ1dHRvbi1ncm91cFwiPlxuICAgICAgICAgICAgPGR4LWJ1dHRvbiBjbGFzcz1cImR4cmQtcHJldmlldy1leHBvcnQtd2FybmluZy1wb3B1cC1idXR0b24gZHgtYnV0dG9uLWRlZmF1bHRcIlxuICAgICAgICAgICAgW3RleHRdPVwiZGF0YS5fZXhwb3J0VHJhbnNsYXRlZERvY3VtZW50QnV0dG9uVGV4dFwiXG4gICAgICAgICAgICAob25DbGljayk9XCJkYXRhLl9leHBvcnRUcmFuc2xhdGVkSGFuZGxlcigpXCI+PC9keC1idXR0b24+XG4gICAgICAgICAgICA8ZHgtYnV0dG9uIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWV4cG9ydC13YXJuaW5nLXBvcHVwLWJ1dHRvblwiXG4gICAgICAgICAgICBbdGV4dF09XCJkYXRhLl9leHBvcnRPcmlnaW5hbERvY3VtZW50QnV0dG9uVGV4dFwiXG4gICAgICAgICAgICAob25DbGljayk9XCJkYXRhLl9leHBvcnRUcmFuc2xhdGVkQ2FuY2VsKClcIj48L2R4LWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9keC1wb3B1cD5cbjwvZGl2PlxuPGRpdiBpZD1cImR4cmQtcHJldmlldy1icmlja3MtbGl2ZS1yZWdpb25cIiBjbGFzcz1cImR4cmQtdmlzdWFsbHktaGlkZGVuXCIgYXJpYS1saXZlPVwicG9saXRlXCIgYXJpYS1hdG9taWM9XCJ0cnVlXCI+PC9kaXY+XG48ZGl2IGlkPVwiY2xpcGJvYXJkLWNvbnRhaW5lclwiIGNsYXNzPVwiZHhyZC1wb3NpdGlvbi1hYnNvbHV0ZSBkeHJkLXRvcC0tMTAwcHhcIj5cbiAgICA8dGV4dGFyZWEgZGlzYWJsZWQgXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJjbGlwYm9hcmRNZXNzYWdlXCJcbiAgICBpZD1cImNsaXBib2FyZFwiPjwvdGV4dGFyZWE+XG48L2Rpdj4iXX0=
|
|
@@ -1817,11 +1817,11 @@ class SurfaceComponent {
|
|
|
1817
1817
|
data;
|
|
1818
1818
|
clipboardMessage = getLocalization$1('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
1819
1819
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1820
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\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.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.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1820
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [dxvTextCopier]=\"data\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\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.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.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1821
1821
|
}
|
|
1822
1822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
1823
1823
|
type: Component,
|
|
1824
|
-
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>" }]
|
|
1824
|
+
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n role=\"listitem\" \n class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n [dxvTextCopier]=\"data\"\n [style.width]=\"data.currentPage.width + 'px'\"\n [style.height]=\"data.currentPage.height + 'px'\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n </div>\n </div>\n <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\" class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } } -->\n <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n <ng-container *ngFor=\"let page of data.pages\">\n <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n [style.width]=\"page.width + 'px'\"\n [style.height]=\"page.height + 'px'\"\n [dxvTextCopier]=\"data\"\n [class.dxrd-report-preview-active]=\"page.active\"\n [dxvToView]=\"page\">\n <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n </div>\n </ng-container>\n <!-- /ko -->\n <!-- /ko -->\n </div>\n <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n {{data.emptyDocumentCaption}}\n </div>\n </div>\n </div>\n <dx-popup \n [width]=\"450\"\n [height]=\"150\"\n [visible]=\"data._exportTranslatedDocPopupVisible\"\n [container]=\"'.dxrd-preview-surface'\"\n [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n [dragEnabled]=\"false\"\n [hideOnOutsideClick]=\"true\"\n [showCloseButton]=\"false\"\n [showTitle]=\"false\"\n (onHiding)=\"data.onExportPopupHiding()\">\n <span class=\"dxrd-preview-export-warning-popup-text\">{{ data._exportTranslatedDodumentWarningMsg }}</span>\n <div class=\"dxrd-preview-export-warning-popup-button-group\">\n <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n [text]=\"data._exportTranslatedDocumentButtonText\"\n (onClick)=\"data._exportTranslatedHandler()\"></dx-button>\n <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n [text]=\"data._exportOriginalDocumentButtonText\"\n (onClick)=\"data._exportTranslatedCancel()\"></dx-button>\n </div>\n </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n <textarea disabled \n [attr.aria-label]=\"clipboardMessage\"\n id=\"clipboard\"></textarea>\n</div>" }]
|
|
1825
1825
|
}], propDecorators: { data: [{
|
|
1826
1826
|
type: Input,
|
|
1827
1827
|
args: ['data']
|