devexpress-reporting-angular 24.2.2-beta → 24.2.3
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/page/page.component.mjs +3 -3
- package/fesm2022/devexpress-reporting-angular-core.mjs +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs +1 -1
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs +3 -3
- package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs.map +1 -1
- package/package.json +4 -4
|
@@ -17,13 +17,13 @@ export class PageComponent {
|
|
|
17
17
|
return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
|
|
18
18
|
}
|
|
19
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i3.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: i4.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i5.PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: i6.BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: i7.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i3.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: i4.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: i5.PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: i6.BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: i7.DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>" }]
|
|
24
|
+
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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>" }]
|
|
25
25
|
}], propDecorators: { data: [{
|
|
26
26
|
type: Input,
|
|
27
27
|
args: ['data']
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQU9qRCxNQUFNLE9BQU8sYUFBYTtJQUNULElBQUksQ0FBeUI7SUFDNUMsV0FBVyxDQUFDLEtBQVU7UUFDbEIsSUFBRyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsS0FBSyxVQUFVO1lBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBQ0QsV0FBVztRQUNQLE9BQVEsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLEVBQVUsRUFBRSxhQUFhLENBQUMsU0FBUyxJQUFJLEtBQUssQ0FBQztJQUM1RSxDQUFDO3dHQVJVLGFBQWE7NEZBQWIsYUFBYSwwRUNQMUIsNC9GQTBDTTs7NEZEbkNPLGFBQWE7a0JBSnpCLFNBQVM7K0JBQ0ksVUFBVTs4QkFJUCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUHJldmlld1BhZ2VWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy92aWV3ZXIvaW50ZXJuYWwvX3BhZ2Uudmlld01vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoJ2RhdGEnKSBkYXRhITogSVByZXZpZXdQYWdlVmlld01vZGVsO1xuICBvbkl0ZW1DbGljayhldmVudDogYW55KSB7XG4gICAgICBpZih0eXBlb2YgdGhpcy5kYXRhLnNtYXJ0VGFnQUlNZW51Lm9uSXRlbUNsaWNrID09PSAnZnVuY3Rpb24nKVxuICAgICAgICAgIHRoaXMuZGF0YS5zbWFydFRhZ0FJTWVudS5vbkl0ZW1DbGljayhldmVudCk7XG4gIH1cbiAgaXNSdGxWaWV3ZXIoKSB7XG4gICAgICByZXR1cm4gKHRoaXMuZGF0YT8uZ2V0TW9kZWwoKSBhcyBhbnkpPy5yZXBvcnRQcmV2aWV3LnJ0bFZpZXdlciA/PyBmYWxzZTtcbiAgfVxufVxuIiwiPGRpdiByb2xlPVwiaW1nXCIgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQgZHhyZC1wb3NpdGlvbi1yZWxhdGl2ZSBkeHJkLXdpZHRoLTEwMCBkeHJkLWhlaWdodC0xMDBcIiBcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImRhdGEuY3VycmVudFBhZ2VBcmlhTGFiZWxJbWdBbHRcIlxuICAgIChjbGljayk9XCJkYXRhLmNsaWNrVG9CcmljayhkYXRhLCAkZXZlbnQpXCJcbiAgICBbZHh2QnJpY2tTZWxlY3Rpb25dPVwiZGF0YS5icmlja1NlbGVjdGlvblByb2dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1jb250ZW50LWxvYWRpbmctd3JhcHBlciBkeHJkLWJhY2tncm91bmQtd2hpdGVcIiBcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cImRhdGEud2lkdGggKyAyICsgJ3B4J1wiXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAyICsgJ3B4J1wiXG4gICAgICAgIFtoaWRkZW5dPVwiIWRhdGEucGFnZUxvYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctY29udGVudC1sb2FkaW5nLXBhbmVsIGR4cmQtdGV4dC1hbGlnbi1jZW50ZXJcIiBcbiAgICAgICAgICAgIFtzdHlsZS5wYWRkaW5nLXRvcF09XCJkYXRhLmhlaWdodCAvIDIuMyArICdweCdcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQtbG9hZGluZy1wYW5lbC10ZXh0XCI+e3tkYXRhLmxvYWRpbmdUZXh0fX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbZHh2UHJldmlld1BhZ2VSZW5kZXJlcl09XCJkYXRhLmltYWdlT3B0aW9uc1wiIFtoaWRkZW5dPVwiZGF0YS5wYWdlTG9hZGluZ1wiPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmFjdGl2ZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLW1vYmlsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmNsaWNrYWJsZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLWNsaWNrYWJsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWRhdGEuYnJpY2tMb2FkaW5nICYmIGRhdGEuZWRpdGluZ0ZpZWxkc1wiIFtkeE11dGF0aW9uT2JzZXJ2ZXJdPVwiZGF0YS5lZGl0aW5nRmllbGRzS2V5Ym9hcmRIZWxwZXJcIj5cbiAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgKm5nRm9yPVwibGV0IGVkaXRpbmdGaWVsZCBvZiBkYXRhLmVkaXRpbmdGaWVsZHNcIiBbdGVtcGxhdGVdPVwiZWRpdGluZ0ZpZWxkLnRlbXBsYXRlXCIgW2RhdGFdPVwiZWRpdGluZ0ZpZWxkXCI+XG4gICAgICAgICAgICA8L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJkYXRhLmFpU2VydmljZXNFbmFibGVkICYmIGRhdGEuYWN0aXZlQnJpY2tzLmxlbmd0aCA+IDBcIlxuICAgICAgICAgICAgW3N0eWxlXT1cInsgJ3Bvc2l0aW9uJzogJ2Fic29sdXRlJywgdG9wOiBkYXRhLnNtYXJ0VGFnQUlNZW51UG9zaXRpb24udG9wUCwgbGVmdDogZGF0YS5zbWFydFRhZ0FJTWVudVBvc2l0aW9uLmxlZnRQLCByaWdodDogZGF0YS5zbWFydFRhZ0FJTWVudVBvc2l0aW9uLnJpZ2h0UCwgaGVpZ2h0OiBkYXRhLnNtYXJ0VGFnQUlNZW51UG9zaXRpb24uaGVpZ2h0UCwgd2lkdGg6IGRhdGEuc21hcnRUYWdBSU1lbnVQb3NpdGlvbi53aWR0aFAgfVwiPlxuICAgICAgICAgICAgPGR4LW1lbnUgW2RhdGFTb3VyY2VdPVwiZGF0YS5zbWFydFRhZ0FJTWVudS5kYXRhU291cmNlXCJcbiAgICAgICAgICAgICAgICBbaGlkZVN1Ym1lbnVPbk1vdXNlTGVhdmVdPVwiZGF0YS5zbWFydFRhZ0FJTWVudS5oaWRlU3VibWVudU9uTW91c2VMZWF2ZVwiXG4gICAgICAgICAgICAgICAgW2VsZW1lbnRBdHRyXT1cInsgY2xhc3M6ICdkeHJkLWNvbnRyb2wtYWktc21hcnQtdGFnIGR4ZC1pY29uLWFjY2VudGVkJyB9XCJcbiAgICAgICAgICAgICAgICBbdmlzaWJsZV09XCJkYXRhLnNtYXJ0VGFnQUlNZW51LnZpc2libGVcIlxuICAgICAgICAgICAgICAgIGl0ZW1UZW1wbGF0ZT1cIml0ZW1zXCJcbiAgICAgICAgICAgICAgICAob25JdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgKmR4VGVtcGxhdGU9XCJsZXQgaXRlbSBvZiAnaXRlbXMnXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeHJkLWFpLWZsb2F0aW5nLXNtYXJ0LXRhZy1jb250YWluZXJcIj4gICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0udGV4dFwiIGNsYXNzPVwiZHhyZC1haS1mbG9hdGluZy1zbWFydC10YWctdGV4dFwiPnt7IGl0ZW0udGV4dCB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS50ZXh0Lmxlbmd0aCA+IDBcIiBbbmdDbGFzc109XCJ7J2R4LWljb24nOiB0cnVlLCAnZHhyZC1haS1mbG9hdGluZy1zbWFydC10YWctaXRlbXMnOnRydWUsICdkeC1pY29uLXNwaW5yaWdodCc6ICFpc1J0bFZpZXdlcigpLCAnZHgtaWNvbi1zcGlubGVmdCc6IGlzUnRsVmlld2VyKCl9XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJkeHJkLWFpLWZsb2F0aW5nLXNtYXJ0LXRhZy1pY29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4YS10ZW1wbGF0ZSBbdGVtcGxhdGVdPVwiaXRlbS5pY29uXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2R4LW1lbnU+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { PLATFORM_ID,
|
|
3
|
+
import { PLATFORM_ID, Component, Inject, ViewChild, Input } from '@angular/core';
|
|
4
4
|
import { isPlatformBrowser } from '@angular/common';
|
|
5
5
|
|
|
6
6
|
const _booleanConverter = (value) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Component, Output, Input, ContentChild, PLATFORM_ID, ViewEncapsulation, Inject, NgModule } from '@angular/core';
|
|
3
3
|
import { JSReportDesignerBinding } from 'devexpress-reporting/dx-reportdesigner';
|
|
4
4
|
import * as ko from 'knockout';
|
|
5
5
|
import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Component, Output, Input, Injectable, PLATFORM_ID, Inject, ViewChild, Directive, HostListener, ElementRef, ContentChild, NgModule } from '@angular/core';
|
|
3
3
|
import { __decorate } from 'tslib';
|
|
4
4
|
import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';
|
|
5
5
|
import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
|
|
@@ -1795,11 +1795,11 @@ class PageComponent {
|
|
|
1795
1795
|
return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
|
|
1796
1796
|
}
|
|
1797
1797
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1798
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1798
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
|
|
1799
1799
|
}
|
|
1800
1800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
|
|
1801
1801
|
type: Component,
|
|
1802
|
-
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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>" }]
|
|
1802
|
+
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\" [hidden]=\"data.pageLoading\">\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 *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n [visible]=\"data.smartTagAIMenu.visible\"\n itemTemplate=\"items\"\n (onItemClick)=\"onItemClick($event)\">\n <div *dxTemplate=\"let item of 'items'\">\n <div class=\"dxrd-ai-floating-smart-tag-container\"> \n <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n <dxa-template [template]=\"item.icon\"></dxa-template>\n </div> \n </div>\n </div>\n </dx-menu>\n </div>\n </div>\n</div>" }]
|
|
1803
1803
|
}], propDecorators: { data: [{
|
|
1804
1804
|
type: Input,
|
|
1805
1805
|
args: ['data']
|