devexpress-reporting-angular 24.2.2-beta → 24.2.4-build-24354-1106

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

@@ -21,13 +21,13 @@ export class AIPanelComponent {
         return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i3.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
+            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWlwYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2FpcGFuZWwvYWlwYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2FpcGFuZWwvYWlwYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRekQsTUFBTSxPQUFPLGdCQUFnQjtJQUNaLElBQUksQ0FBb0I7SUFFdkMsU0FBUyxDQUFvQjtJQUU3QixRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQW1CO1FBQ3ZCLElBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxHQUFHLEtBQUssS0FBSyxFQUFFO1lBQzNCLEtBQUssQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsa0JBQWtCLENBQUM7SUFDL0MsQ0FBQztJQUNELFVBQVU7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQztJQUNqRixDQUFDO3dHQXBCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiw2RUNSN0IsMm5PQW1HTTs7NEZEM0ZPLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDSSxhQUFhOzhCQUlWLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQUlQYW5lbFZpZXdNb2RlbCwgSUFJUGFuZWxWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy9zY29wZXMvcmVwb3J0aW5nLXZpZXdlci1pbnRlcm5hbCc7XG5pbXBvcnQgeyBLZXlEb3duRXZlbnQgfSBmcm9tICdkZXZleHRyZW1lL3VpL3RleHRfYXJlYV90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWFpcGFuZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9haXBhbmVsLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBSVBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCdkYXRhJykgZGF0YSE6IEFJUGFuZWxWaWV3TW9kZWw7XG5cbiAgdmlld01vZGVsOiBJQUlQYW5lbFZpZXdNb2RlbDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMudmlld01vZGVsID0gdGhpcy5kYXRhLm1vZGVsLmdldFZpZXdNb2RlbCgpO1xuICB9XG5cbiAga2V5RG93bihldmVudDogS2V5RG93bkV2ZW50KSB7XG4gICAgICBpZihldmVudC5ldmVudD8ua2V5ICE9PSAnVGFiJykge1xuICAgICAgICAgIGV2ZW50LmV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gIH1cblxuICBnZXRDb3B5VGVtcGxhdGUoKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRhLm1vZGVsPy5jb3B5QnV0dG9uVGVtcGxhdGU7XG4gIH1cbiAgZ2V0VmlzaWJsZSgpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGEubW9kZWw/LnRhYkluZm8/LnZpc2libGUgJiYgdGhpcy5kYXRhLm1vZGVsPy50YWJJbmZvPy5hY3RpdmU7XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJkeHJkLXByZXZpZXctYWktcGFuZWwtaWRcIiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbFwiIFtoaWRkZW5dPVwiIWdldFZpc2libGUoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJpZ2h0LXBhbmVsLWhlYWRlciBkeGQtdGV4dC1wcmltYXJ5XCI+XG4gICAgICAgIDxzcGFuPiB7eyB2aWV3TW9kZWwuYWlQYW5lbEhlYWRlckxhYmVsIH19IDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdyYXBwZXIgZHgtZWRpdG9yc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHgtZmllbGRzZXRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeC1maWVsZCBkeHJkLXByZXZpZXctYWktc2VsZWN0LWJveFwiPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWxhYmVsXCIgZm9yPVwiZHhydi1haS10YXJnZXQtc2VsZWN0XCI+IHt7IHZpZXdNb2RlbC50YXJnZXRDb250ZW50VGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggaWQ9XCJkeHJ2LWFpLXRhcmdldC1zZWxlY3RcIiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWlucHV0XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFTb3VyY2VdPVwidmlld01vZGVsLnRhcmdldFNlbGVjQm94T3B0aW9ucy5kYXRhU291cmNlXCJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY0JveE9wdGlvbnMub25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ2aWV3TW9kZWwudGFyZ2V0U2VsZWNCb3hPcHRpb25zLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlFeHByXT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY0JveE9wdGlvbnMuZGlzcGxheUV4cHJcIlxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVFeHByXT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY0JveE9wdGlvbnMudmFsdWVFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW2lucHV0QXR0cl09XCJ2aWV3TW9kZWwudGFyZ2V0U2VsZWNCb3hPcHRpb25zLmlucHV0QXR0clwiPlxuICAgICAgICAgICAgICAgIDwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4LWZpZWxkIGR4cmQtcHJldmlldy1haS1zZWxlY3QtYm94XCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWZvcm0tbGFiZWxcIiBmb3I9XCJkeHJ2LWFpLWxhbmd1YWdlLXNlbGVjdFwiPiB7eyB2aWV3TW9kZWwudGFyZ2V0TGFuZ3VhZ2VUZXh0XG4gICAgICAgICAgICAgICAgICAgIH19IDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggaWQ9XCJkeHJ2LWFpLWxhbmd1YWdlLXNlbGVjdFwiIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWZvcm0taW5wdXRcIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YVNvdXJjZV09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMuZGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMub25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMudmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzcGxheUV4cHJdPVwidmlld01vZGVsLmxhbmd1YWdlU2VsZWNCb3hPcHRpb25zLmRpc3BsYXlFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlRXhwcl09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMudmFsdWVFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dDbGVhckJ1dHRvbl09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgW2lucHV0QXR0cl09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY0JveE9wdGlvbnMuaW5wdXRBdHRyXCI+PC9keC1zZWxlY3QtYm94PlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJ2aWV3TW9kZWwucGFnZVNlbGVjQm94VmlzaWJsZVwiIGNsYXNzPVwiZHgtZmllbGQgZHhyZC1wcmV2aWV3LWFpLXNlbGVjdC1ib3hcIj5cbiAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkeHJkLXByZXZpZXctYWktZm9ybS1sYWJlbFwiIGZvcj1cImR4cnYtYWktcGFnZS1zZWxlY3RcIj4ge3sgdmlld01vZGVsLnBhZ2VTZWxlY3RUZXh0IH19XG4gICAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgICAgICA8ZHgtc2VsZWN0LWJveCBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWlucHV0XCIgaWQ9XCJkeHJ2LWFpLXBhZ2Utc2VsZWN0XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFTb3VyY2VdPVwidmlld01vZGVsLnBhZ2VTZWxlY0JveE9wdGlvbnMuZGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJ2aWV3TW9kZWwucGFnZVNlbGVjQm94T3B0aW9ucy5vblZhbHVlQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZpZXdNb2RlbC5wYWdlU2VsZWNCb3hPcHRpb25zLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlFeHByXT1cInZpZXdNb2RlbC5wYWdlU2VsZWNCb3hPcHRpb25zLmRpc3BsYXlFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlRXhwcl09XCJ2aWV3TW9kZWwucGFnZVNlbGVjQm94T3B0aW9ucy52YWx1ZUV4cHJcIlxuICAgICAgICAgICAgICAgICAgICBbc2VhcmNoRXhwcl09XCJ2aWV3TW9kZWwucGFnZVNlbGVjQm94T3B0aW9ucy5zZWFyY2hFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3NlYXJjaEVuYWJsZWRdPVwidmlld01vZGVsLnBhZ2VTZWxlY0JveE9wdGlvbnMuc2VhcmNoRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIFt2aXNpYmxlXT1cInZpZXdNb2RlbC5wYWdlU2VsZWNCb3hPcHRpb25zLnZpc2libGVcIlxuICAgICAgICAgICAgICAgICAgICBbaW5wdXRBdHRyXT1cInZpZXdNb2RlbC5wYWdlU2VsZWNCb3hPcHRpb25zLmlucHV0QXR0clwiPjwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4LWZpZWxkXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1idXR0b25zLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGR4LWxvYWQtaW5kaWNhdG9yIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWJ1dHRvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Zpc2libGVdPVwidmlld01vZGVsLmJ1dHRvbnMudHJhbnNsYXRlVGV4dEJ1dHRvbi5kaXNhYmxlZCB8fCB2aWV3TW9kZWwuYnV0dG9ucy5zdW1tYXJpemVUZXh0QnV0dG9uLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjI0XCIgd2lkdGg9XCIyNFwiPjwvZHgtbG9hZC1pbmRpY2F0b3I+XG4gICAgICAgICAgICAgICAgICAgIDxkeC1idXR0b24gY2xhc3M9XCJkeHJkLXByZXZpZXctYWktYnV0dG9ucyBkeC1hY2Nlc3NpYmlsaXR5LWZvY3VzLWJvcmRlci1hY2NlbnRlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJ2aWV3TW9kZWwuYnV0dG9ucy50cmFuc2xhdGVUZXh0QnV0dG9uLnRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInZpZXdNb2RlbC5idXR0b25zLnRyYW5zbGF0ZVRleHRCdXR0b24uZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidmlld01vZGVsLmJ1dHRvbnMudHJhbnNsYXRlVGV4dEJ1dHRvbi5vbkNsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInZpZXdNb2RlbC5idXR0b25zLnRyYW5zbGF0ZVRleHRCdXR0b24ud2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9keC1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxkeC1idXR0b24gY2xhc3M9XCJkeHJkLXByZXZpZXctYWktYnV0dG9ucyBkeC1hY2Nlc3NpYmlsaXR5LWZvY3VzLWJvcmRlci1hY2NlbnRlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJ2aWV3TW9kZWwuYnV0dG9ucy5zdW1tYXJpemVUZXh0QnV0dG9uLnRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInZpZXdNb2RlbC5idXR0b25zLnN1bW1hcml6ZVRleHRCdXR0b24uZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidmlld01vZGVsLmJ1dHRvbnMuc3VtbWFyaXplVGV4dEJ1dHRvbi5vbkNsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3dpZHRoXT1cInZpZXdNb2RlbC5idXR0b25zLnN1bW1hcml6ZVRleHRCdXR0b24ud2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgPC9keC1idXR0b24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ2aWV3TW9kZWwucmVzdWx0VmlzaWJsZVwiXG4gICAgICAgICAgICBjbGFzcz1cImR4cmQtcmlnaHQtcGFuZWwtaGVhZGVyIGR4ZC10ZXh0LXByaW1hcnkgZHhkLWJvcmRlci1wcmltYXJ5IGR4cmQtYWktcmVzdWx0LXRleHRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZHhyZC1yaWdodC1wYW5lbC1yZXN1bHQtdGV4dFwiPiB7eyB2aWV3TW9kZWwudGV4dFByb2Nlc3NpbmdSZXN1bHRIZWFkZXJUZXN0IH19IDwvc3Bhbj5cbiAgICAgICAgICAgIDxkaXYgcm9sZT1cImJ1dHRvblwiIGNsYXNzPVwiZHhyZC1yaWdodC1wYW5lbC1jb3B5LWJ1dHRvbiBkeC1hY2Nlc3NpYmlsaXR5LWZvY3VzLWJvcmRlci1hY2NlbnRlZFwiIHRhYmluZGV4PVwiMFwiXG4gICAgICAgICAgICAgICAgKGtleWRvd24pPVwidmlld01vZGVsLmNvcHlUZXh0KGRhdGEsICRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZHhhLXRlbXBsYXRlIFt0ZW1wbGF0ZV09XCJnZXRDb3B5VGVtcGxhdGUoKVwiIGNsYXNzPVwiZHhkLWljb24taGlnaGxpZ2h0ZWRcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidmlld01vZGVsLmJ1dHRvbnMuY29weVJlc3VsdEJ1dHRvbi5vbkNsaWNrKHVuZGVmaW5lZClcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGR4LXRleHQtYXJlYSBpZD1cImR4cmQtYWktcGFuZWwtdGV4dC1hcmVhLWlkXCIgdGFiaW5kZXg9XCIwXCIgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICBjbGFzcz1cImR4LWFjY2Vzc2liaWxpdHktZm9jdXMtYm9yZGVyLWFjY2VudGVkIGR4cmQtcHJldmlldy1haS1wYW5lbC10ZXh0YXJlYSBkeGQtYmFjay1wcmltYXJ5MlwiXG4gICAgICAgICAgICBbdmFsdWVdPVwidmlld01vZGVsLmFpUHJvY2Vzc2luZ1Jlc3VsdFRleHRcIiAob25JbnB1dCk9XCIoJGV2ZW50LmV2ZW50LnByZXZlbnREZWZhdWx0KCkpXCJcbiAgICAgICAgICAgIChvblBhc3RlKT1cIigkZXZlbnQuZXZlbnQucHJldmVudERlZmF1bHQoKSlcIiAob25LZXlEb3duKT1cImtleURvd25cIiBbaG92ZXJTdGF0ZUVuYWJsZWRdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW3RhYkluZGV4XT1cIi0xXCI+XG4gICAgICAgIDwvZHgtdGV4dC1hcmVhPlxuXG4gICAgPC9kaXY+XG4gICAgPGR4LXBvcHVwIFt3aWR0aF09XCIzNTBcIiBbaGVpZ2h0XT1cIjIwMFwiIFtzaGFkaW5nXT1cImZhbHNlXCIgW2ZvY3VzU3RhdGVFbmFibGVkXT1cImZhbHNlXCJcbiAgICAgICAgW3Zpc2libGVdPVwidmlld01vZGVsLndhcm5pbmdUZXh0TGltaXRQb3B1cFZpc2libGVcIiBbY29udGFpbmVyXT1cIicjZHhyZC1wcmV2aWV3LWFpLXBhbmVsLWlkJ1wiXG4gICAgICAgIFtwb3NpdGlvbl09XCJ7IGF0OiAndG9wJywgbXk6ICd0b3AnLCBjb2xsaXNpb246ICdmaXQnLCBvZjogJy5keHJkLXByZXZpZXctYWktcGFuZWwnfVwiIFtzaG93Q2xvc2VCdXR0b25dPVwiZmFsc2VcIlxuICAgICAgICBbc2hvd1RpdGxlXT1cImZhbHNlXCIgW3dyYXBwZXJBdHRyXT1cInsgY2xhc3M6ICdkeHJkLXByZXZpZXctYWktcGFuZWwtd2FybmluZy1wb3B1cCcgfVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbC13YXJuaW5nLXBvcHVwLXRleHRcIj4ge3sgdmlld01vZGVsLmxpbWl0RXhjZWVkZWRXYXJuaW5nTXNnIH19IDwvc3Bhbj5cbiAgICAgICAgPGR4LWNoZWNrLWJveCBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbC13YXJuaW5nLXBvcHVwLWNoZWNrYm94XCJcbiAgICAgICAgICAgIFt0ZXh0XT1cInZpZXdNb2RlbC5wcm9jZWVkRm9yQWxsQ2hlY2tCb3hPcHRpb25zLnRleHRcIiBbdmFsdWVdPVwidmlld01vZGVsLnByb2NlZWRGb3JBbGxDaGVja0JveE9wdGlvbnMudmFsdWVcIlxuICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cInZpZXdNb2RlbC5wcm9jZWVkRm9yQWxsQ2hlY2tCb3hPcHRpb25zLm9uVmFsdWVDaGFuZ2VkKCRldmVudClcIj48L2R4LWNoZWNrLWJveD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbC13YXJuaW5nLXBvcHVwLWJ1dHRvbi1ncm91cFwiPlxuICAgICAgICAgICAgPGR4LWJ1dHRvbiBbdGV4dF09XCJ2aWV3TW9kZWwucHJvY2VlZE5leHRDaHVua0J1dHRvblRleHRcIlxuICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cInZpZXdNb2RlbC5wcm9jZWVkTmV4dEJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdhcm5pbmctcG9wdXAtYnV0dG9uIGR4LWJ1dHRvbi1kZWZhdWx0XCI+PC9keC1idXR0b24+XG4gICAgICAgICAgICA8ZHgtYnV0dG9uIFt0ZXh0XT1cInZpZXdNb2RlbC5jYW5jZWxDaHVua2VkT3BlcmF0aW9uQnV0dG9uVGV4dFwiXG4gICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidmlld01vZGVsLmNhbmNlbFByb2Nlc3NCdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbC13YXJuaW5nLXBvcHVwLWJ1dHRvblwiPjwvZHgtYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2R4LXBvcHVwPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWlwYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2FpcGFuZWwvYWlwYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL2FpcGFuZWwvYWlwYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRekQsTUFBTSxPQUFPLGdCQUFnQjtJQUNaLElBQUksQ0FBb0I7SUFFdkMsU0FBUyxDQUFvQjtJQUU3QixRQUFRO1FBQ0osSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQW1CO1FBQ3ZCLElBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxHQUFHLEtBQUssS0FBSyxFQUFFO1lBQzNCLEtBQUssQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDaEM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsa0JBQWtCLENBQUM7SUFDL0MsQ0FBQztJQUNELFVBQVU7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQztJQUNqRixDQUFDO3dHQXBCVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQiw2RUNSN0Isa3BPQW1HTTs7NEZEM0ZPLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDSSxhQUFhOzhCQUlWLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQUlQYW5lbFZpZXdNb2RlbCwgSUFJUGFuZWxWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy9zY29wZXMvcmVwb3J0aW5nLXZpZXdlci1pbnRlcm5hbCc7XG5pbXBvcnQgeyBLZXlEb3duRXZlbnQgfSBmcm9tICdkZXZleHRyZW1lL3VpL3RleHRfYXJlYV90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHh2LWFpcGFuZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9haXBhbmVsLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBSVBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCdkYXRhJykgZGF0YSE6IEFJUGFuZWxWaWV3TW9kZWw7XG5cbiAgdmlld01vZGVsOiBJQUlQYW5lbFZpZXdNb2RlbDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMudmlld01vZGVsID0gdGhpcy5kYXRhLm1vZGVsLmdldFZpZXdNb2RlbCgpO1xuICB9XG5cbiAga2V5RG93bihldmVudDogS2V5RG93bkV2ZW50KSB7XG4gICAgICBpZihldmVudC5ldmVudD8ua2V5ICE9PSAnVGFiJykge1xuICAgICAgICAgIGV2ZW50LmV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gIH1cblxuICBnZXRDb3B5VGVtcGxhdGUoKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRhLm1vZGVsPy5jb3B5QnV0dG9uVGVtcGxhdGU7XG4gIH1cbiAgZ2V0VmlzaWJsZSgpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGEubW9kZWw/LnRhYkluZm8/LnZpc2libGUgJiYgdGhpcy5kYXRhLm1vZGVsPy50YWJJbmZvPy5hY3RpdmU7XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJkeHJkLXByZXZpZXctYWktcGFuZWwtaWRcIiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1wYW5lbFwiIFtoaWRkZW5dPVwiIWdldFZpc2libGUoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJpZ2h0LXBhbmVsLWhlYWRlciBkeGQtdGV4dC1wcmltYXJ5XCI+XG4gICAgICAgIDxzcGFuPiB7eyB2aWV3TW9kZWwuYWlQYW5lbEhlYWRlckxhYmVsIH19IDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdyYXBwZXIgZHgtZWRpdG9yc1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHgtZmllbGRzZXRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeC1maWVsZCBkeHJkLXByZXZpZXctYWktc2VsZWN0LWJveFwiPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWxhYmVsXCIgZm9yPVwiZHhydi1haS10YXJnZXQtc2VsZWN0XCI+IHt7IHZpZXdNb2RlbC50YXJnZXRDb250ZW50VGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggaWQ9XCJkeHJ2LWFpLXRhcmdldC1zZWxlY3RcIiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWlucHV0XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFTb3VyY2VdPVwidmlld01vZGVsLnRhcmdldFNlbGVjdEJveE9wdGlvbnMuZGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJ2aWV3TW9kZWwudGFyZ2V0U2VsZWN0Qm94T3B0aW9ucy5vblZhbHVlQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY3RCb3hPcHRpb25zLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlFeHByXT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY3RCb3hPcHRpb25zLmRpc3BsYXlFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlRXhwcl09XCJ2aWV3TW9kZWwudGFyZ2V0U2VsZWN0Qm94T3B0aW9ucy52YWx1ZUV4cHJcIlxuICAgICAgICAgICAgICAgICAgICBbaW5wdXRBdHRyXT1cInZpZXdNb2RlbC50YXJnZXRTZWxlY3RCb3hPcHRpb25zLmlucHV0QXR0clwiPlxuICAgICAgICAgICAgICAgIDwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4LWZpZWxkIGR4cmQtcHJldmlldy1haS1zZWxlY3QtYm94XCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWZvcm0tbGFiZWxcIiBmb3I9XCJkeHJ2LWFpLWxhbmd1YWdlLXNlbGVjdFwiPiB7eyB2aWV3TW9kZWwudGFyZ2V0TGFuZ3VhZ2VUZXh0XG4gICAgICAgICAgICAgICAgICAgIH19IDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggaWQ9XCJkeHJ2LWFpLWxhbmd1YWdlLXNlbGVjdFwiIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWZvcm0taW5wdXRcIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YVNvdXJjZV09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY3RCb3hPcHRpb25zLmRhdGFTb3VyY2VcIlxuICAgICAgICAgICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwidmlld01vZGVsLmxhbmd1YWdlU2VsZWN0Qm94T3B0aW9ucy5vblZhbHVlQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInZpZXdNb2RlbC5sYW5ndWFnZVNlbGVjdEJveE9wdGlvbnMudmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzcGxheUV4cHJdPVwidmlld01vZGVsLmxhbmd1YWdlU2VsZWN0Qm94T3B0aW9ucy5kaXNwbGF5RXhwclwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZUV4cHJdPVwidmlld01vZGVsLmxhbmd1YWdlU2VsZWN0Qm94T3B0aW9ucy52YWx1ZUV4cHJcIlxuICAgICAgICAgICAgICAgICAgICBbc2hvd0NsZWFyQnV0dG9uXT1cInZpZXdNb2RlbC5sYW5ndWFnZVNlbGVjdEJveE9wdGlvbnMuc2hvd0NsZWFyQnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgW2lucHV0QXR0cl09XCJ2aWV3TW9kZWwubGFuZ3VhZ2VTZWxlY3RCb3hPcHRpb25zLmlucHV0QXR0clwiPjwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwidmlld01vZGVsLnBhZ2VTZWxlY3RCb3hWaXNpYmxlXCIgY2xhc3M9XCJkeC1maWVsZCBkeHJkLXByZXZpZXctYWktc2VsZWN0LWJveFwiPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImR4cmQtcHJldmlldy1haS1mb3JtLWxhYmVsXCIgZm9yPVwiZHhydi1haS1wYWdlLXNlbGVjdFwiPiB7eyB2aWV3TW9kZWwucGFnZVNlbGVjdFRleHQgfX1cbiAgICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgICAgIDxkeC1zZWxlY3QtYm94IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWZvcm0taW5wdXRcIiBpZD1cImR4cnYtYWktcGFnZS1zZWxlY3RcIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YVNvdXJjZV09XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMuZGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMub25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMudmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzcGxheUV4cHJdPVwidmlld01vZGVsLnBhZ2VTZWxlY3RCb3hPcHRpb25zLmRpc3BsYXlFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZhbHVlRXhwcl09XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMudmFsdWVFeHByXCJcbiAgICAgICAgICAgICAgICAgICAgW3NlYXJjaEV4cHJdPVwidmlld01vZGVsLnBhZ2VTZWxlY3RCb3hPcHRpb25zLnNlYXJjaEV4cHJcIlxuICAgICAgICAgICAgICAgICAgICBbc2VhcmNoRW5hYmxlZF09XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMuc2VhcmNoRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIFt2aXNpYmxlXT1cInZpZXdNb2RlbC5wYWdlU2VsZWN0Qm94T3B0aW9ucy52aXNpYmxlXCJcbiAgICAgICAgICAgICAgICAgICAgW2lucHV0QXR0cl09XCJ2aWV3TW9kZWwucGFnZVNlbGVjdEJveE9wdGlvbnMuaW5wdXRBdHRyXCI+PC9keC1zZWxlY3QtYm94PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHgtZmllbGRcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLWJ1dHRvbnMtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZHgtbG9hZC1pbmRpY2F0b3IgY2xhc3M9XCJkeHJkLXByZXZpZXctYWktYnV0dG9uc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBbdmlzaWJsZV09XCJ2aWV3TW9kZWwuYnV0dG9ucy50cmFuc2xhdGVUZXh0QnV0dG9uLmRpc2FibGVkIHx8IHZpZXdNb2RlbC5idXR0b25zLnN1bW1hcml6ZVRleHRCdXR0b24uZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjRcIiB3aWR0aD1cIjI0XCI+PC9keC1sb2FkLWluZGljYXRvcj5cbiAgICAgICAgICAgICAgICAgICAgPGR4LWJ1dHRvbiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1idXR0b25zIGR4LWFjY2Vzc2liaWxpdHktZm9jdXMtYm9yZGVyLWFjY2VudGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cInZpZXdNb2RlbC5idXR0b25zLnRyYW5zbGF0ZVRleHRCdXR0b24udGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidmlld01vZGVsLmJ1dHRvbnMudHJhbnNsYXRlVGV4dEJ1dHRvbi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJ2aWV3TW9kZWwuYnV0dG9ucy50cmFuc2xhdGVUZXh0QnV0dG9uLm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwidmlld01vZGVsLmJ1dHRvbnMudHJhbnNsYXRlVGV4dEJ1dHRvbi53aWR0aFwiPlxuICAgICAgICAgICAgICAgICAgICA8L2R4LWJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGR4LWJ1dHRvbiBjbGFzcz1cImR4cmQtcHJldmlldy1haS1idXR0b25zIGR4LWFjY2Vzc2liaWxpdHktZm9jdXMtYm9yZGVyLWFjY2VudGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cInZpZXdNb2RlbC5idXR0b25zLnN1bW1hcml6ZVRleHRCdXR0b24udGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidmlld01vZGVsLmJ1dHRvbnMuc3VtbWFyaXplVGV4dEJ1dHRvbi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJ2aWV3TW9kZWwuYnV0dG9ucy5zdW1tYXJpemVUZXh0QnV0dG9uLm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbd2lkdGhdPVwidmlld01vZGVsLmJ1dHRvbnMuc3VtbWFyaXplVGV4dEJ1dHRvbi53aWR0aFwiPlxuICAgICAgICAgICAgICAgICAgICA8L2R4LWJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cInZpZXdNb2RlbC5yZXN1bHRWaXNpYmxlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZHhyZC1yaWdodC1wYW5lbC1oZWFkZXIgZHhkLXRleHQtcHJpbWFyeSBkeGQtYm9yZGVyLXByaW1hcnkgZHhyZC1haS1yZXN1bHQtdGV4dFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkeHJkLXJpZ2h0LXBhbmVsLXJlc3VsdC10ZXh0XCI+IHt7IHZpZXdNb2RlbC50ZXh0UHJvY2Vzc2luZ1Jlc3VsdEhlYWRlclRleHQgfX0gPC9zcGFuPlxuICAgICAgICAgICAgPGRpdiByb2xlPVwiYnV0dG9uXCIgY2xhc3M9XCJkeHJkLXJpZ2h0LXBhbmVsLWNvcHktYnV0dG9uIGR4LWFjY2Vzc2liaWxpdHktZm9jdXMtYm9yZGVyLWFjY2VudGVkXCIgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bik9XCJ2aWV3TW9kZWwuY29weVRleHQoZGF0YSwgJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgW3RlbXBsYXRlXT1cImdldENvcHlUZW1wbGF0ZSgpXCIgY2xhc3M9XCJkeGQtaWNvbi1oaWdobGlnaHRlZFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJ2aWV3TW9kZWwuYnV0dG9ucy5jb3B5UmVzdWx0QnV0dG9uLm9uQ2xpY2sodW5kZWZpbmVkKVwiPjwvZHhhLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZHgtdGV4dC1hcmVhIGlkPVwiZHhyZC1haS1wYW5lbC10ZXh0LWFyZWEtaWRcIiB0YWJpbmRleD1cIjBcIiByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZHgtYWNjZXNzaWJpbGl0eS1mb2N1cy1ib3JkZXItYWNjZW50ZWQgZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXRleHRhcmVhIGR4ZC1iYWNrLXByaW1hcnkyXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJ2aWV3TW9kZWwuYWlQcm9jZXNzaW5nUmVzdWx0VGV4dFwiIChvbklucHV0KT1cIigkZXZlbnQuZXZlbnQucHJldmVudERlZmF1bHQoKSlcIlxuICAgICAgICAgICAgKG9uUGFzdGUpPVwiKCRldmVudC5ldmVudC5wcmV2ZW50RGVmYXVsdCgpKVwiIChvbktleURvd24pPVwia2V5RG93blwiIFtob3ZlclN0YXRlRW5hYmxlZF09XCJmYWxzZVwiXG4gICAgICAgICAgICBbdGFiSW5kZXhdPVwiLTFcIj5cbiAgICAgICAgPC9keC10ZXh0LWFyZWE+XG5cbiAgICA8L2Rpdj5cbiAgICA8ZHgtcG9wdXAgW3dpZHRoXT1cIjM1MFwiIFtoZWlnaHRdPVwiMjAwXCIgW3NoYWRpbmddPVwiZmFsc2VcIiBbZm9jdXNTdGF0ZUVuYWJsZWRdPVwiZmFsc2VcIlxuICAgICAgICBbdmlzaWJsZV09XCJ2aWV3TW9kZWwud2FybmluZ1RleHRMaW1pdFBvcHVwVmlzaWJsZVwiIFtjb250YWluZXJdPVwiJyNkeHJkLXByZXZpZXctYWktcGFuZWwtaWQnXCJcbiAgICAgICAgW3Bvc2l0aW9uXT1cInsgYXQ6ICd0b3AnLCBteTogJ3RvcCcsIGNvbGxpc2lvbjogJ2ZpdCcsIG9mOiAnLmR4cmQtcHJldmlldy1haS1wYW5lbCd9XCIgW3Nob3dDbG9zZUJ1dHRvbl09XCJmYWxzZVwiXG4gICAgICAgIFtzaG93VGl0bGVdPVwiZmFsc2VcIiBbd3JhcHBlckF0dHJdPVwieyBjbGFzczogJ2R4cmQtcHJldmlldy1haS1wYW5lbC13YXJuaW5nLXBvcHVwJyB9XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdhcm5pbmctcG9wdXAtdGV4dFwiPiB7eyB2aWV3TW9kZWwubGltaXRFeGNlZWRlZFdhcm5pbmdNc2cgfX0gPC9zcGFuPlxuICAgICAgICA8ZHgtY2hlY2stYm94IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdhcm5pbmctcG9wdXAtY2hlY2tib3hcIlxuICAgICAgICAgICAgW3RleHRdPVwidmlld01vZGVsLnByb2NlZWRGb3JBbGxDaGVja0JveE9wdGlvbnMudGV4dFwiIFt2YWx1ZV09XCJ2aWV3TW9kZWwucHJvY2VlZEZvckFsbENoZWNrQm94T3B0aW9ucy52YWx1ZVwiXG4gICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwidmlld01vZGVsLnByb2NlZWRGb3JBbGxDaGVja0JveE9wdGlvbnMub25WYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPjwvZHgtY2hlY2stYm94PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdhcm5pbmctcG9wdXAtYnV0dG9uLWdyb3VwXCI+XG4gICAgICAgICAgICA8ZHgtYnV0dG9uIFt0ZXh0XT1cInZpZXdNb2RlbC5wcm9jZWVkTmV4dENodW5rQnV0dG9uVGV4dFwiXG4gICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidmlld01vZGVsLnByb2NlZWROZXh0QnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkeHJkLXByZXZpZXctYWktcGFuZWwtd2FybmluZy1wb3B1cC1idXR0b24gZHgtYnV0dG9uLWRlZmF1bHRcIj48L2R4LWJ1dHRvbj5cbiAgICAgICAgICAgIDxkeC1idXR0b24gW3RleHRdPVwidmlld01vZGVsLmNhbmNlbENodW5rZWRPcGVyYXRpb25CdXR0b25UZXh0XCJcbiAgICAgICAgICAgICAgICAob25DbGljayk9XCJ2aWV3TW9kZWwuY2FuY2VsUHJvY2Vzc0J1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZHhyZC1wcmV2aWV3LWFpLXBhbmVsLXdhcm5pbmctcG9wdXAtYnV0dG9uXCI+PC9keC1idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZHgtcG9wdXA+XG48L2Rpdj4iXX0=

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

@@ -17,13 +17,13 @@ export class PageComponent {
         return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [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>" }]
+            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>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvcmVwb3J0aW5nL3JlcG9ydHByZXZpZXcvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2R4LXJlcG9ydC12aWV3ZXIvY29tcG9uZW50cy9yZXBvcnRpbmcvcmVwb3J0cHJldmlldy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQU9qRCxNQUFNLE9BQU8sYUFBYTtJQUNULElBQUksQ0FBeUI7SUFDNUMsV0FBVyxDQUFDLEtBQVU7UUFDbEIsSUFBRyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsS0FBSyxVQUFVO1lBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBQ0QsV0FBVztRQUNQLE9BQVEsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLEVBQVUsRUFBRSxhQUFhLENBQUMsU0FBUyxJQUFJLEtBQUssQ0FBQztJQUM1RSxDQUFDO3dHQVJVLGFBQWE7NEZBQWIsYUFBYSwwRUNQMUIsaytGQTBDTTs7NEZEbkNPLGFBQWE7a0JBSnpCLFNBQVM7K0JBQ0ksVUFBVTs4QkFJUCxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUHJldmlld1BhZ2VWaWV3TW9kZWwgfSBmcm9tICdkZXZleHByZXNzLXJlcG9ydGluZy92aWV3ZXIvaW50ZXJuYWwvX3BhZ2Uudmlld01vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkeHYtcGFnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoJ2RhdGEnKSBkYXRhITogSVByZXZpZXdQYWdlVmlld01vZGVsO1xuICBvbkl0ZW1DbGljayhldmVudDogYW55KSB7XG4gICAgICBpZih0eXBlb2YgdGhpcy5kYXRhLnNtYXJ0VGFnQUlNZW51Lm9uSXRlbUNsaWNrID09PSAnZnVuY3Rpb24nKVxuICAgICAgICAgIHRoaXMuZGF0YS5zbWFydFRhZ0FJTWVudS5vbkl0ZW1DbGljayhldmVudCk7XG4gIH1cbiAgaXNSdGxWaWV3ZXIoKSB7XG4gICAgICByZXR1cm4gKHRoaXMuZGF0YT8uZ2V0TW9kZWwoKSBhcyBhbnkpPy5yZXBvcnRQcmV2aWV3LnJ0bFZpZXdlciA/PyBmYWxzZTtcbiAgfVxufVxuIiwiPGRpdiByb2xlPVwiaW1nXCIgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQgZHhyZC1wb3NpdGlvbi1yZWxhdGl2ZSBkeHJkLXdpZHRoLTEwMCBkeHJkLWhlaWdodC0xMDBcIiBcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImRhdGEuY3VycmVudFBhZ2VBcmlhTGFiZWxJbWdBbHRcIlxuICAgIChjbGljayk9XCJkYXRhLmNsaWNrVG9CcmljayhkYXRhLCAkZXZlbnQpXCJcbiAgICBbZHh2QnJpY2tTZWxlY3Rpb25dPVwiZGF0YS5icmlja1NlbGVjdGlvblByb2dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHhyZC1yZXBvcnQtcHJldmlldy1jb250ZW50LWxvYWRpbmctd3JhcHBlciBkeHJkLWJhY2tncm91bmQtd2hpdGVcIiBcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cImRhdGEud2lkdGggKyAyICsgJ3B4J1wiXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiZGF0YS5oZWlnaHQgKyAyICsgJ3B4J1wiXG4gICAgICAgIFtoaWRkZW5dPVwiIWRhdGEucGFnZUxvYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtcmVwb3J0LXByZXZpZXctY29udGVudC1sb2FkaW5nLXBhbmVsIGR4cmQtdGV4dC1hbGlnbi1jZW50ZXJcIiBcbiAgICAgICAgICAgIFtzdHlsZS5wYWRkaW5nLXRvcF09XCJkYXRhLmhlaWdodCAvIDIuMyArICdweCdcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeHJkLXJlcG9ydC1wcmV2aWV3LWNvbnRlbnQtbG9hZGluZy1wYW5lbC10ZXh0XCI+e3tkYXRhLmxvYWRpbmdUZXh0fX08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbZHh2UHJldmlld1BhZ2VSZW5kZXJlcl09XCJkYXRhLmltYWdlT3B0aW9uc1wiIFtoaWRkZW5dPVwiZGF0YS5wYWdlTG9hZGluZ1wiPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmFjdGl2ZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLW1vYmlsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZHhhLXRlbXBsYXRlICpuZ0Zvcj1cImxldCBicmljayBvZiBkYXRhLmNsaWNrYWJsZUJyaWNrc1wiIHRlbXBsYXRlPVwiZHhyZC1wYWdlLWJyaWNrLWNsaWNrYWJsZVwiIFtkYXRhXT1cImJyaWNrXCI+XG4gICAgICAgIDwvZHhhLXRlbXBsYXRlPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIWRhdGEuYnJpY2tMb2FkaW5nICYmIGRhdGEuZWRpdGluZ0ZpZWxkc1wiIFtkeE11dGF0aW9uT2JzZXJ2ZXJdPVwiZGF0YS5lZGl0aW5nRmllbGRzS2V5Ym9hcmRIZWxwZXJcIj5cbiAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgKm5nRm9yPVwibGV0IGVkaXRpbmdGaWVsZCBvZiBkYXRhLmVkaXRpbmdGaWVsZHNcIiBbdGVtcGxhdGVdPVwiZWRpdGluZ0ZpZWxkLnRlbXBsYXRlXCIgW2RhdGFdPVwiZWRpdGluZ0ZpZWxkXCI+XG4gICAgICAgICAgICA8L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJkYXRhLmFjdGl2ZUJyaWNrcy5sZW5ndGggPiAwXCJcbiAgICAgICAgICAgIFtzdHlsZV09XCJ7ICdwb3NpdGlvbic6ICdhYnNvbHV0ZScsIHRvcDogZGF0YS5zbWFydFRhZ0FJTWVudVBvc2l0aW9uLnRvcFAsIGxlZnQ6IGRhdGEuc21hcnRUYWdBSU1lbnVQb3NpdGlvbi5sZWZ0UCwgcmlnaHQ6IGRhdGEuc21hcnRUYWdBSU1lbnVQb3NpdGlvbi5yaWdodFAsIGhlaWdodDogZGF0YS5zbWFydFRhZ0FJTWVudVBvc2l0aW9uLmhlaWdodFAsIHdpZHRoOiBkYXRhLnNtYXJ0VGFnQUlNZW51UG9zaXRpb24ud2lkdGhQIH1cIj5cbiAgICAgICAgICAgIDxkeC1tZW51IFtkYXRhU291cmNlXT1cImRhdGEuc21hcnRUYWdBSU1lbnUuZGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgW2hpZGVTdWJtZW51T25Nb3VzZUxlYXZlXT1cImRhdGEuc21hcnRUYWdBSU1lbnUuaGlkZVN1Ym1lbnVPbk1vdXNlTGVhdmVcIlxuICAgICAgICAgICAgICAgIFtlbGVtZW50QXR0cl09XCJ7IGNsYXNzOiAnZHhyZC1jb250cm9sLWFpLXNtYXJ0LXRhZyBkeGQtaWNvbi1hY2NlbnRlZCcgfVwiXG4gICAgICAgICAgICAgICAgW3Zpc2libGVdPVwiZGF0YS5zbWFydFRhZ0FJTWVudS52aXNpYmxlXCJcbiAgICAgICAgICAgICAgICBpdGVtVGVtcGxhdGU9XCJpdGVtc1wiXG4gICAgICAgICAgICAgICAgKG9uSXRlbUNsaWNrKT1cIm9uSXRlbUNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpkeFRlbXBsYXRlPVwibGV0IGl0ZW0gb2YgJ2l0ZW1zJ1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHhyZC1haS1mbG9hdGluZy1zbWFydC10YWctY29udGFpbmVyXCI+ICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLnRleHRcIiBjbGFzcz1cImR4cmQtYWktZmxvYXRpbmctc21hcnQtdGFnLXRleHRcIj57eyBpdGVtLnRleHQgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0udGV4dC5sZW5ndGggPiAwXCIgW25nQ2xhc3NdPVwieydkeC1pY29uJzogdHJ1ZSwgJ2R4cmQtYWktZmxvYXRpbmctc21hcnQtdGFnLWl0ZW1zJzp0cnVlLCAnZHgtaWNvbi1zcGlucmlnaHQnOiAhaXNSdGxWaWV3ZXIoKSwgJ2R4LWljb24tc3BpbmxlZnQnOiBpc1J0bFZpZXdlcigpfVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaWNvblwiIGNsYXNzPVwiZHhyZC1haS1mbG9hdGluZy1zbWFydC10YWctaWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgW3RlbXBsYXRlXT1cIml0ZW0uaWNvblwiPjwvZHhhLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9keC1tZW51PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
+//# 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

package/fesm2022/devexpress-reporting-angular-core.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { PLATFORM_ID, Input, ViewChild, Inject, Component } from '@angular/core';
+import { PLATFORM_ID, Component, Inject, ViewChild, Input } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
 
 const _booleanConverter = (value) => {

package/fesm2022/devexpress-reporting-angular-dx-report-designer.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Component, Input, ContentChild, PLATFORM_ID, Inject, ViewEncapsulation, NgModule } from '@angular/core';
+import { EventEmitter, Component, Output, Input, ContentChild, PLATFORM_ID, ViewEncapsulation, Inject, NgModule } from '@angular/core';
 import { JSReportDesignerBinding } from 'devexpress-reporting/dx-reportdesigner';
 import * as ko from 'knockout';
 import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';

package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Component, Input, Injectable, PLATFORM_ID, Inject, ViewChild, HostListener, Directive, ElementRef, ContentChild, NgModule } from '@angular/core';
+import { EventEmitter, Component, Output, Input, Injectable, PLATFORM_ID, Inject, ViewChild, Directive, HostListener, ElementRef, ContentChild, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';
 import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
@@ -1795,11 +1795,11 @@ class PageComponent {
         return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [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>" }]
+            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>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -1873,11 +1873,11 @@ class AIPanelComponent {
         return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelecBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelecBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelecBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelecBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelecBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelecBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelecBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelecBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelecBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelecBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelecBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelecBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelecBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelecBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderTest }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
+            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']