devexpress-reporting-angular 24.2.3 → 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/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs

@@ -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']