devexpress-reporting-angular 24.2.9-build-25188-0215 → 24.2.9-build-25198-1407
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
|
@@ -12,13 +12,13 @@ export class SurfaceComponent {
|
|
|
12
12
|
data;
|
|
13
13
|
clipboardMessage = getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
14
14
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: i4.AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: i5.TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: i6.ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: i7.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
15
|
+
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\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i3.LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: i4.AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: i5.TextCopierDirective, selector: "[dxvTextCopier]", inputs: ["dxvTextCopier"] }, { kind: "directive", type: i6.ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: i7.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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>" }]
|
|
19
|
+
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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
20
|
}], propDecorators: { data: [{
|
|
21
21
|
type: Input,
|
|
22
22
|
args: ['data']
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VyZmFjZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvc3VyZmFjZS9zdXJmYWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9zdXJmYWNlL3N1cmZhY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBFQUEwRSxDQUFDOzs7Ozs7Ozs7QUFNM0csTUFBTSxPQUFPLGdCQUFnQjtJQUNaLElBQUksQ0FBMkI7SUFDOUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDLFdBQVcsRUFBRSxxREFBcUQsQ0FBQyxDQUFDO3dHQUY1RixnQkFBZ0I7NEZBQWhCLGdCQUFnQiw2RUNSN0IscTFGQTRDTTs7NEZEcENPLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDSSxhQUFhOzhCQUlWLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElSZXBvcnRQcmV2aWV3Vmlld01vZGVsIH0gZnJvbSAnZGV2ZXhwcmVzcy1yZXBvcnRpbmcvdmlld2VyL3JlcG9ydFByZXZpZXcudmlld01vZGVsJztcbmltcG9ydCB7IGdldExvY2FsaXphdGlvbiB9IGZyb20gJ0BkZXZleHByZXNzL2FuYWx5dGljcy1jb3JlL3Byb3BlcnR5LWdyaWQvbG9jYWxpemF0aW9uL2xvY2FsaXphdGlvbl91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LXN1cmZhY2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdXJmYWNlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTdXJmYWNlQ29tcG9uZW50IHtcbiAgQElucHV0KCdkYXRhJykgZGF0YSE6IElSZXBvcnRQcmV2aWV3Vmlld01vZGVsO1xuICBjbGlwYm9hcmRNZXNzYWdlID0gZ2V0TG9jYWxpemF0aW9uKCdDbGlwYm9hcmQnLCAnQVNQeFJlcG9ydHNTdHJpbmdJZC5XZWJEb2N1bWVudFZpZXdlcl9BcmlhQ2xpcGJvYXJkJyk7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LXdyYXBwZXJcIiBkYXRhLWJpbmQ9XCJ0ZXh0Q29waWVyXCJcbltjbGFzcy5keC1ydGxdPVwiISFkYXRhLnJ0bFJlcG9ydFwiXG5bY2xhc3MuZHhycC1lZGl0aW5nLWZpZWxkcy1oaWdodGxpZ2h0ZWRdPVwiZGF0YS5lZGl0aW5nRmllbGRzSGlnaGxpZ2h0ZWRcIj5cbiAgICA8ZHhhLXRlbXBsYXRlIHRlbXBsYXRlPVwiZHhyZC1wcmV2aWV3LXByb2dyZXNzLWJhclwiIFtkYXRhXT1cImRhdGEucHJvZ3Jlc3NCYXJcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LXN1cmZhY2VcIiBbZHhNdXRhdGlvbk9ic2VydmVyXT1cImRhdGEucHJldmlld0JyaWNrS2V5Ym9hcmRIZWxwZXJcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIiFkYXRhLnNob3dNdWx0aXBhZ2VQcmV2aWV3XCIgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWhvbGRlclwiIHJvbGU9XCJsaXN0XCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiISFkYXRhLmN1cnJlbnRQYWdlICYmIChkYXRhLmN1cnJlbnRQYWdlLnBhZ2VMb2FkaW5nIHx8ICghZGF0YS5jdXJyZW50UGFnZS5wYWdlTG9hZGluZyAmJiBkYXRhLmN1cnJlbnRQYWdlLnBhZ2VMb2FkZWQpKVwiIFxuICAgICAgICAgICAgcm9sZT1cImxpc3RpdGVtXCIgXG4gICAgICAgICAgICBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXcgZHgtYWNjZXNzaWJpbGl0eS1wYWdlLWl0ZW0gZHgtYWNjZXNzaWJpbGl0eS1ib3JkZXItYWNjZW50ZWRcIiBcbiAgICAgICAgICAgIFtkeHZBdXRvRml0XT1cImRhdGEuY3VycmVudFBhZ2UuYXV0b0ZpdE9wdGlvbnNcIlxuICAgICAgICAgICAgW2R4dlRleHRDb3BpZXJdPVwiZGF0YVwiXG4gICAgICAgICAgICBbc3R5bGUud2lkdGhdPVwiZGF0YS5jdXJyZW50UGFnZS53aWR0aCArICdweCdcIlxuICAgICAgICAgICAgW3N0eWxlLmhlaWdodF09XCJkYXRhLmN1cnJlbnRQYWdlLmhlaWdodCAgKyAncHgnXCI+XG4gICAgICAgICAgICAgICAgPGR4YS10ZW1wbGF0ZSB0ZW1wbGF0ZT1cImR4cmQtcHJldmlldy1wYWdlXCIgW2RhdGFdPVwiZGF0YS5jdXJyZW50UGFnZVwiPjwvZHhhLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZGF0YS5zaG93TXVsdGlwYWdlUHJldmlldyAmJiAhIWRhdGEuY3VycmVudFBhZ2VcIiAgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWhvbGRlclwiIHJvbGU9XCJsaXN0XCIgW2R4dkxhenlJbWFnZXNdPVwiZGF0YS5sYXp5SW1hZ2VzT3B0aW9uc1wiPlxuICAgICAgICAgICAgPCEtLSBrbyBmb3JlYWNoOiB7ZGF0YTogcGFnZXMsIGFmdGVyUmVuZGVyOiBmdW5jdGlvbigpIHsgZGVsYXllZEluaXQoKSB9IH0gIC0tPlxuICAgICAgICAgICAgPCEtLSBrbyBsYXp5OiB7IGlmOiBwYWdlTG9hZGluZyB8fCAoIXBhZ2VMb2FkaW5nICYmIHBhZ2VMb2FkZWQpIH0gLS0+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBwYWdlIG9mIGRhdGEucGFnZXNcIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwicGFnZS5wYWdlTG9hZGluZyB8fCAoIXBhZ2UucGFnZUxvYWRpbmcgJiYgcGFnZS5wYWdlTG9hZGVkKVwiIHJvbGU9XCJsaXN0aXRlbVwiIGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldyBkeHJkLXJlcG9ydC1wcmV2aWV3LW11bHRpcGFnZSBkeC1hY2Nlc3NpYmlsaXR5LXBhZ2UtaXRlbSBkeC1hY2Nlc3NpYmlsaXR5LWJvcmRlci1hY2NlbnRlZFwiIFxuICAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aF09XCJwYWdlLndpZHRoICsgJ3B4J1wiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmhlaWdodF09XCJwYWdlLmhlaWdodCArICdweCdcIlxuICAgICAgICAgICAgICAgIFtkeHZUZXh0Q29waWVyXT1cImRhdGFcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5keHJkLXJlcG9ydC1wcmV2aWV3LWFjdGl2ZV09XCJwYWdlLmFjdGl2ZVwiXG4gICAgICAgICAgICAgICAgW2R4dlRvVmlld109XCJwYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgdGVtcGxhdGU9XCJkeHJkLXByZXZpZXctcGFnZVwiIFtkYXRhXT1cInBhZ2VcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPCEtLSAva28gLS0+XG4gICAgICAgICAgICA8IS0tIC9rbyAtLT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgW2NsYXNzLmR4cmQtdmlzdWFsbHktaGlkZGVuXT1cIiEhZGF0YS5jdXJyZW50UGFnZVwiIGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1wbGFjZWhvbGRlclwiPlxuICAgICAgICAgICAgPGRpdiBhcmlhLWxpdmU9XCJhc3NlcnRpdmVcIiBhcmlhLWF0b21pYz1cInRydWVcIiBjbGFzcz1cImR4ZC1lbXB0eS1hcmVhLXBsYWNlaG9sZGVyLXRleHQtY29sb3IgZHhkLXRleHQtaW5mb1wiPlxuICAgICAgICAgICAgICAgIHt7ZGF0YS5lbXB0eURvY3VtZW50Q2FwdGlvbn19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgaWQ9XCJkeHJkLXByZXZpZXctYnJpY2tzLWxpdmUtcmVnaW9uXCIgY2xhc3M9XCJkeHJkLXZpc3VhbGx5LWhpZGRlblwiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiIGFyaWEtYXRvbWljPVwidHJ1ZVwiPjwvZGl2PlxuPGRpdiBpZD1cImNsaXBib2FyZC1jb250YWluZXJcIiBjbGFzcz1cImR4cmQtcG9zaXRpb24tYWJzb2x1dGUgZHhyZC10b3AtLTEwMHB4XCI+XG4gICAgPHRleHRhcmVhIGRpc2FibGVkIFxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY2xpcGJvYXJkTWVzc2FnZVwiXG4gICAgaWQ9XCJjbGlwYm9hcmRcIj48L3RleHRhcmVhPlxuPC9kaXY+Il19
|
|
@@ -1749,11 +1749,11 @@ class SurfaceComponent {
|
|
|
1749
1749
|
data;
|
|
1750
1750
|
clipboardMessage = getLocalization$1('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
|
|
1751
1751
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1752
|
-
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\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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: 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"] }] });
|
|
1752
|
+
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\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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: 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"] }] });
|
|
1753
1753
|
}
|
|
1754
1754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
|
|
1755
1755
|
type: Component,
|
|
1756
|
-
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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>" }]
|
|
1756
|
+
args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[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</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>" }]
|
|
1757
1757
|
}], propDecorators: { data: [{
|
|
1758
1758
|
type: Input,
|
|
1759
1759
|
args: ['data']
|