ngx-rs-ant 2.3.3 → 2.3.5

package/fesm2015/ngx-rs-ant.mjs

@@ -2984,8 +2984,8 @@ class DataGridComponent {
         this.tenant = 'T';
         this.keyExpr = ''; // 用于实例属性选择器，加载组件值时以选中字段为主键获取选中行数据
         this.onlyFrontEnd = false; // 仅前端，需指定dataSource，不自动获取表格数据
-        this.pageSize = 15;
-        this.allowedPageSizes = [15, 30, 50];
+        this.pageSize = 20;
+        this.allowedPageSizes = [10, 20, 30, 40, 50, 100, 'all'];
         this.disablePage = false;
         this.dataSource = {};
         this.selectionMode = 'none';
@@ -3006,7 +3006,7 @@ class DataGridComponent {
     }
     ngOnInit() {
         if (this.pageSize && !this.allowedPageSizes.includes(this.pageSize)) {
-            this.allowedPageSizes.push(this.pageSize);
+            this.pageSize = 20;
         }
         this.reload();
         this.service.cellTemplateLoaded$.pipe(debounceTime(100)).subscribe(() => {
@@ -3096,10 +3096,10 @@ class DataGridComponent {
     }
 }
 DataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataGridComponent, deps: [{ token: DataGridService }, { token: DataGridFactory }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", customColumnFn: "customColumnFn", keyExpr: "keyExpr", dataGridName: "dataGridName", height: "height", onlyFrontEnd: "onlyFrontEnd", pageSize: "pageSize", disablePage: "disablePage", dataSource: "dataSource", selectionMode: "selectionMode", selectedRowKeys: "selectedRowKeys", showRowNum: "showRowNum", instanceLinkType: "instanceLinkType", drawerInstanceLinkViewContainerRef: "drawerInstanceLinkViewContainerRef", drawerInstanceLinkSize: "drawerInstanceLinkSize", drawerInstanceLinkShowHeader: "drawerInstanceLinkShowHeader", drawerInstanceLinkFormTemplate: "drawerInstanceLinkFormTemplate" }, outputs: { selectedRowKeysChange: "selectedRowKeysChange", onCellPrepared: "onCellPrepared", onContentReady: "onContentReady", onEditorPreparing: "onEditorPreparing", onRowClick: "onRowClick", onRowDblClick: "onRowDblClick", onSelectionChanged: "onSelectionChanged" }, providers: [DataGridService], queries: [{ propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }, { propertyName: "customTemplate", first: true, predicate: CustomTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"!onlyFrontEnd\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i5.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6.DxoTextsComponent, selector: "dxo-texts", inputs: ["fix", "leftPosition", "rightPosition", "unfix", "addRow", "cancelAllChanges", "cancelRowChanges", "confirmDeleteMessage", "confirmDeleteTitle", "deleteRow", "editRow", "saveAllChanges", "saveRowChanges", "undeleteRow", "validationCancelChanges", "exportAll", "exportSelectedRows", "exportTo", "clearFilter", "createFilter", "filterEnabledHint", "groupByThisColumn", "groupContinuedMessage", "groupContinuesMessage", "ungroup", "ungroupAll", "cancel", "emptyValue", "ok", "avg", "avgOtherColumn", "count", "max", "maxOtherColumn", "min", "minOtherColumn", "sum", "sumOtherColumn", "allFields", "columnFields", "dataFields", "filterFields", "rowFields", "columnFieldArea", "dataFieldArea", "filterFieldArea", "rowFieldArea", "collapseAll", "dataNotAvailable", "expandAll", "exportToExcel", "grandTotal", "noData", "removeAllSorting", "showFieldChooser", "sortColumnBySummary", "sortRowBySummary", "total", "addRowToNode"] }, { kind: "component", type: i6.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i6.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i6.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i6.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: InstanceLinkTemplateComponent, selector: "rs-instance-link-template", inputs: ["tenant", "className", "oid", "instanceLinkType", "drawerViewContainerRef", "drawerSize", "drawerShowHeader", "drawerFormTemplate"] }, { kind: "component", type: CellComponentTemplateComponent, selector: "rs-cell-component-template", inputs: ["tenant", "className", "cellInfo"] }] });
+DataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DataGridComponent, selector: "rs-data-grid", inputs: { tenant: "tenant", className: "className", view: "view", filter: "filter", customColumnFn: "customColumnFn", keyExpr: "keyExpr", dataGridName: "dataGridName", height: "height", onlyFrontEnd: "onlyFrontEnd", pageSize: "pageSize", allowedPageSizes: "allowedPageSizes", disablePage: "disablePage", dataSource: "dataSource", selectionMode: "selectionMode", selectedRowKeys: "selectedRowKeys", showRowNum: "showRowNum", instanceLinkType: "instanceLinkType", drawerInstanceLinkViewContainerRef: "drawerInstanceLinkViewContainerRef", drawerInstanceLinkSize: "drawerInstanceLinkSize", drawerInstanceLinkShowHeader: "drawerInstanceLinkShowHeader", drawerInstanceLinkFormTemplate: "drawerInstanceLinkFormTemplate" }, outputs: { selectedRowKeysChange: "selectedRowKeysChange", onCellPrepared: "onCellPrepared", onContentReady: "onContentReady", onEditorPreparing: "onEditorPreparing", onRowClick: "onRowClick", onRowDblClick: "onRowDblClick", onSelectionChanged: "onSelectionChanged" }, providers: [DataGridService], queries: [{ propertyName: "rowButtonsTemplate", first: true, predicate: RowButtonsTemplateDirective, descendants: true }, { propertyName: "customTemplate", first: true, predicate: CustomTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dxDataGrid", first: true, predicate: DxDataGridComponent, descendants: true, static: true }], ngImport: i0, template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"!onlyFrontEnd\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\r\n             displayMode=\"compact\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u9879\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i5.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExporting", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxoSearchComponent, selector: "dxo-search", inputs: ["editorOptions", "enabled", "timeout", "mode", "searchExpr"] }, { kind: "component", type: i6.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6.DxoTextsComponent, selector: "dxo-texts", inputs: ["fix", "leftPosition", "rightPosition", "unfix", "addRow", "cancelAllChanges", "cancelRowChanges", "confirmDeleteMessage", "confirmDeleteTitle", "deleteRow", "editRow", "saveAllChanges", "saveRowChanges", "undeleteRow", "validationCancelChanges", "exportAll", "exportSelectedRows", "exportTo", "clearFilter", "createFilter", "filterEnabledHint", "groupByThisColumn", "groupContinuedMessage", "groupContinuesMessage", "ungroup", "ungroupAll", "cancel", "emptyValue", "ok", "avg", "avgOtherColumn", "count", "max", "maxOtherColumn", "min", "minOtherColumn", "sum", "sumOtherColumn", "allFields", "columnFields", "dataFields", "filterFields", "rowFields", "columnFieldArea", "dataFieldArea", "filterFieldArea", "rowFieldArea", "collapseAll", "dataNotAvailable", "expandAll", "exportToExcel", "grandTotal", "noData", "removeAllSorting", "showFieldChooser", "sortColumnBySummary", "sortRowBySummary", "total", "addRowToNode"] }, { kind: "component", type: i6.DxoHeaderFilterComponent, selector: "dxo-header-filter", inputs: ["allowSearch", "allowSelectAll", "dataSource", "groupInterval", "height", "search", "searchMode", "width", "searchTimeout", "texts", "visible", "showRelevantValues"] }, { kind: "component", type: i6.DxoFilterRowComponent, selector: "dxo-filter-row", inputs: ["applyFilter", "applyFilterText", "betweenEndText", "betweenStartText", "operationDescriptions", "resetOperationText", "showAllText", "showOperationChooser", "visible"] }, { kind: "component", type: i6.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "label", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoRemoteOperationsComponent, selector: "dxo-remote-operations", inputs: ["filtering", "grouping", "groupPaging", "paging", "sorting", "summary"] }, { kind: "component", type: i6.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i6.DxoSortingComponent, selector: "dxo-sorting", inputs: ["ascendingText", "clearText", "descendingText", "mode", "showSortIndexes"] }, { kind: "component", type: InstanceLinkTemplateComponent, selector: "rs-instance-link-template", inputs: ["tenant", "className", "oid", "instanceLinkType", "drawerViewContainerRef", "drawerSize", "drawerShowHeader", "drawerFormTemplate"] }, { kind: "component", type: CellComponentTemplateComponent, selector: "rs-cell-component-template", inputs: ["tenant", "className", "cellInfo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"!onlyFrontEnd\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u4E2A\u9879\u76EE\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
+            args: [{ selector: 'rs-data-grid', providers: [DataGridService], template: "<dx-data-grid [showBorders]=\"true\"\r\n              [showRowLines]=\"true\"\r\n              [showColumnLines]=\"true\"\r\n              [hoverStateEnabled]=\"true\"\r\n              [rowAlternationEnabled]=\"true\"\r\n              [columnAutoWidth]=\"true\"\r\n              [allowColumnResizing]=\"true\"\r\n              columnResizingMode=\"widget\"\r\n              dateSerializationFormat=\"yyyy/MM/dd HH:mm:ss\"\r\n              [syncLookupFilterValues]=\"false\"\r\n              [dataSource]=\"dataSource\"\r\n              [columns]=\"columns\"\r\n              [height]=\"height\"\r\n              [keyExpr]=\"keyExpr\"\r\n              [selectedRowKeys]=\"selectedRowKeys\"\r\n              (selectedRowKeysChange)=\"selectedRowKeysChange.emit($event)\"\r\n              (onCellPrepared)=\"onCellPrepared.emit($event)\"\r\n              (onContentReady)=\"onContentReady.emit($event)\"\r\n              (onEditorPreparing)=\"onDxDataGridEditorPreparing($event)\"\r\n              (onRowClick)=\"onRowClick.emit($event)\"\r\n              (onRowDblClick)=\"onRowDblClick.emit($event)\"\r\n              (onSelectionChanged)=\"onSelectionChanged.emit($event)\">\r\n  <dxo-sorting mode=\"multiple\"></dxo-sorting>\r\n  <dxo-selection [mode]=\"selectionMode\" selectAllMode=\"page\" showCheckBoxesMode=\"always\"></dxo-selection>\r\n  <dxo-header-filter [visible]=\"!onlyFrontEnd\">\r\n    <dxo-search [enabled]=\"true\"></dxo-search>\r\n    <dxo-texts [ok]=\"'\u786E\u5B9A'\"></dxo-texts>\r\n  </dxo-header-filter>\r\n  <dxo-filter-row [visible]=\"true\"></dxo-filter-row>\r\n  <dxo-remote-operations [filtering]=\"!onlyFrontEnd\"\r\n                         [sorting]=\"!onlyFrontEnd\"\r\n                         [paging]=\"!onlyFrontEnd\">\r\n  </dxo-remote-operations>\r\n  <dxo-paging [enabled]=\"!disablePage\" [pageSize]=\"pageSize\"></dxo-paging>\r\n  <dxo-pager [visible]=\"!disablePage\"\r\n             displayMode=\"compact\"\r\n             [showInfo]=\"true\"\r\n             infoText=\"\u7B2C{0}\u9875\uFF0C\u5171{1}\u9875\uFF08\u5171{2}\u9879\uFF09\"\r\n             [showPageSizeSelector]=\"true\"\r\n             [allowedPageSizes]=\"allowedPageSizes\"\r\n  ></dxo-pager>\r\n  <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\r\n  <div *dxTemplate=\"let cellInfo of 'rowIndexTemplate'\">\r\n    {{ cellInfo.rowIndex + 1 }}\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'instanceLinkTemplate'\">\r\n    <rs-instance-link-template [tenant]=\"tenant\"\r\n                               [className]=\"className\"\r\n                               [oid]=\"cellInfo.data.oid\"\r\n                               [instanceLinkType]=\"instanceLinkType\"\r\n                               [drawerViewContainerRef]=\"drawerInstanceLinkViewContainerRef\"\r\n                               [drawerSize]=\"drawerInstanceLinkSize\"\r\n                               [drawerShowHeader]=\"drawerInstanceLinkShowHeader\"\r\n                               [drawerFormTemplate]=\"drawerInstanceLinkFormTemplate\">\r\n    </rs-instance-link-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'cellComponentTemplate'\">\r\n    <rs-cell-component-template [tenant]=\"tenant\" [className]=\"className\"\r\n                                [cellInfo]=\"cellInfo\"></rs-cell-component-template>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'rowButtonsTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"rowButtonsTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n  <div *dxTemplate=\"let cellInfo of 'customTemplate'\">\r\n    <ng-container [ngTemplateOutlet]=\"customTemplate.templateRef\"\r\n                  [ngTemplateOutletContext]=\"{$implicit: cellInfo, cellTemplateLoaded$: service.cellTemplateLoaded$}\"></ng-container>\r\n  </div>\r\n</dx-data-grid>\r\n", styles: [":host{min-height:120px;display:flex;flex-flow:column nowrap}:host dx-data-grid{flex:auto;height:0}\n"] }]
         }], ctorParameters: function () { return [{ type: DataGridService }, { type: DataGridFactory }, { type: i0.ViewContainerRef }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
@@ -3120,6 +3120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], pageSize: [{
                 type: Input
+            }], allowedPageSizes: [{
+                type: Input
             }], disablePage: [{
                 type: Input
             }], dataSource: [{
@@ -4763,6 +4765,7 @@ class WordDesignerComponent {
         this.wordDesignerService = wordDesignerService;
         this.viewContainerRef = viewContainerRef;
         this.modalService = modalService;
+        this.onTemplateFileUploaded = new EventEmitter();
         this.needUpload = false;
         this.pasteMode = false;
         this.mouseInViewer = false;
@@ -4822,6 +4825,7 @@ class WordDesignerComponent {
             this.uploadInput.nativeElement.value = '';
             this.loadTemplateAndConfig(response);
             this.loading = false;
+            this.onTemplateFileUploaded.emit();
         });
     }
     openReplaceTemplateFileModal() {
@@ -4888,7 +4892,7 @@ class WordDesignerComponent {
     }
 }
 WordDesignerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WordDesignerComponent, deps: [{ token: SectionService }, { token: WordDesignerService }, { token: i0.ViewContainerRef }, { token: ModalService }], target: i0.ɵɵFactoryTarget.Component });
-WordDesignerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WordDesignerComponent, selector: "rs-word-designer", inputs: { tenant: "tenant", className: "className", oid: "oid", instanceClassName: "instanceClassName", filterCategories: "filterCategories", params: "params", tabViewContainerRef: "tabViewContainerRef" }, host: { listeners: { "window:keydown": "handleKeyDown($event)" } }, providers: [WordDesignerService], viewQueries: [{ propertyName: "uploadInput", first: true, predicate: ["uploadInput"], descendants: true, static: true }, { propertyName: "replaceFileModalTemplate", first: true, predicate: ["replaceFileModalTemplate"], descendants: true, static: true }, { propertyName: "previewTemplate", first: true, predicate: ["previewTemplate"], descendants: true, static: true }, { propertyName: "previewFooterTemplate", first: true, predicate: ["previewFooterTemplate"], descendants: true, static: true }], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<input #uploadInput type=\"file\" name=\"file\"\n       accept=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document\" (change)=\"upload()\"\n       style=\"display: none;\"/>\n<div class=\"coast-card\">\n  <div class=\"coast-card-content\">\n    <div class=\"content-main\" [class.show-upload-btn]=\"needUpload\">\n      <ng-container *ngIf=\"needUpload\">\n        <dx-button type=\"success\" text=\"\u4E0A\u4F20\u6587\u4EF6\" (onClick)=\"uploadInput.click()\"></dx-button>\n      </ng-container>\n      <div *ngIf=\"!needUpload\" class=\"left-panel\">\n        <div *ngIf=\"pasteMode\" class=\"paste-mode-bar\">\n          <span\n            class=\"message\">\u5DF2\u8FDB\u5165\u6279\u91CF\u7C98\u8D34\u914D\u7F6E\u6A21\u5F0F\uFF0C\u652F\u6301Ctrl\u3001Shift\u952E\u5FEB\u6377\u9009\u62E9\uFF0C\u6309Ctrl+V\u7EC4\u5408\u952E\u7C98\u8D34\u914D\u7F6E\uFF0C\u6309Esc\u952E\u53D6\u6D88\u64CD\u4F5C\u5E76\u9000\u51FA\u8BE5\u6A21\u5F0F</span>\n          <dx-button [width]=\"48\" text=\"\u9000\u51FA\" (onClick)=\"exitPasteMode()\"></dx-button>\n        </div>\n        <div class=\"content\"\n             (mouseenter)=\"mouseInViewer = true;\"\n             (mouseleave)=\"mouseInViewer = false;\"\n             (mousewheel)=\"scaleByMouse($event)\">\n          <div *ngIf=\"!needUpload\" class=\"viewer\">\n            <ng-container *ngFor=\"let section of sections\">\n              <rs-section [section]=\"section\" [editMode]=\"true\" [pasteMode]=\"pasteMode\"></rs-section>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"!needUpload\" class=\"right-panel\">\n        <div class=\"header\">\n          <dx-button type=\"default\" text=\"\u66FF\u6362\u6587\u4EF6\" (onClick)=\"openReplaceTemplateFileModal()\"\n                     [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-download\" hint=\"\u4E0B\u8F7D\u6587\u4EF6\"\n                     (onClick)=\"downloadTemplateFile()\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-up\" hint=\"\u4E0A\u4E00\u4E2A(Alt + \u2191)\"\n                     (onClick)=\"service.switchMark(-1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-down\" hint=\"\u4E0B\u4E00\u4E2A(Alt + \u2193)\"\n                     (onClick)=\"service.switchMark(1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button [type]=\"pasteMode ? 'success' : 'default'\" text=\"\u590D\u5236\" hint=\"\u590D\u5236(Ctrl + c)\"\n                     (onClick)=\"copyMarkConfig()\"></dx-button>\n          <dx-button type=\"danger\" text=\"\u7C98\u8D34\" hint=\"\u7C98\u8D34(Ctrl + v)\" (onClick)=\"pasteMarkConfig()\"\n                     [disabled]=\"loading || !pasteMode\"></dx-button>\n        </div>\n        <div class=\"config\" *ngIf=\"service.activeMark\">\n          <rs-mark-config [tenant]=\"tenant\"\n                          [templateClassName]=\"className\"\n                          [templateOid]=\"oid\"\n                          [instanceClassName]=\"instanceClassName\"\n                          [filterCategories]=\"filterCategories\"\n                          [mark]=\"service.activeMark\"\n                          [marks]=\"service.marks\"\n                          [tabViewContainerRef]=\"tabViewContainerRef\"></rs-mark-config>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"!needUpload\" class=\"footer\">\n    <div class=\"left\">\n      <dx-button text=\"\u653E\u5927\" (onClick)=\"scale(0.1)\"></dx-button>\n      <dx-button text=\"\u8FD8\u539F\" (onClick)=\"scale(0)\"></dx-button>\n      <dx-button text=\"\u7F29\u5C0F\" (onClick)=\"scale(-0.1)\"></dx-button>\n    </div>\n    <div class=\"right\">\n      <dx-button type=\"default\" text=\"\u9884\u89C8\" (onClick)=\"preview()\" [disabled]=\"needUpload || loading\"></dx-button>\n      <dx-button type=\"success\" text=\"\u4FDD\u5B58\" (onClick)=\"saveConfig()\" [disabled]=\"needUpload || loading\"></dx-button>\n    </div>\n  </div>\n</div>\n<ng-template #replaceFileModalTemplate>\n  <div class=\"confirm-message\">\n    <span>\u66FF\u6362\u6587\u4EF6\u53EF\u4EE5\u6309\u7167\u4E66\u7B7E\u6807\u8BC6\u7EE7\u627F\u5DF2\u4FDD\u5B58\u7684\u4E66\u7B7E\u914D\u7F6E\uFF0C\u8BF7\u9009\u62E9\u64CD\u4F5C\uFF1A</span>\n  </div>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"default\" text=\"\u7EE7\u627F\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(true)\"></dx-button>\n      <dx-button type=\"danger\" text=\"\u6E05\u9664\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(false)\"></dx-button>\n      <dx-button type=\"normal\" text=\"\u53D6\u6D88\" (onClick)=\"replaceFileModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewTemplate>\n  <div class=\"preview-viewer\">\n    <div class=\"viewer-container\">\n      <div class=\"viewer\">\n        <ng-container *ngFor=\"let section of sections\">\n          <rs-section [section]=\"section\"></rs-section>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewFooterTemplate>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"previewModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .coast-card{flex:1;padding:0}:host .coast-card .content-main{display:flex;flex-flow:row nowrap;padding:16px 0 0 16px;margin:0}:host .coast-card .content-main.show-upload-btn{padding:16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));align-items:center;justify-content:center}:host .coast-card .content-main .left-panel{flex:auto;width:0;overflow-x:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .coast-card .content-main .left-panel .paste-mode-bar{flex:none;padding:8px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));border:1px solid var(--coast-border-color, rgb(221, 221, 221));display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}:host .coast-card .content-main .left-panel .paste-mode-bar .message{font-weight:700}:host .coast-card .content-main .left-panel .content{flex:auto;height:0;overflow-y:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .coast-card .content-main .left-panel .content .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .coast-card .content-main .right-panel{flex:0 0 320px;display:flex;flex-flow:column nowrap;border-left:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .coast-card .content-main .right-panel .header{flex:none;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:0 16px 16px}:host .coast-card .content-main .right-panel .header>dx-button:not(:last-child){margin-right:8px}:host .coast-card .content-main .right-panel .config{flex:auto;height:0;overflow:auto;padding:24px;display:flex;flex-flow:column nowrap}:host .coast-card .footer{flex:none;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:12px 24px;display:flex;flex-flow:row nowrap;justify-content:space-between}:host .coast-card .footer dx-button{width:80px}:host .coast-card .footer dx-button:not(:last-child){margin-right:8px}.confirm-message{padding:24px;margin-bottom:12px;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221))}.confirm-message span{font-size:14px}.preview-viewer{flex:auto;height:0;overflow-y:auto;margin:0 16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}.preview-viewer .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}.preview-viewer .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.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: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: SectionComponent, selector: "rs-section", inputs: ["section", "editMode", "pasteMode", "readonly"] }, { kind: "component", type: MarkConfigComponent, selector: "rs-mark-config", inputs: ["tenant", "templateClassName", "templateOid", "instanceClassName", "filterCategories", "mark", "marks", "params", "tabViewContainerRef"] }] });
+WordDesignerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WordDesignerComponent, selector: "rs-word-designer", inputs: { tenant: "tenant", className: "className", oid: "oid", instanceClassName: "instanceClassName", filterCategories: "filterCategories", params: "params", tabViewContainerRef: "tabViewContainerRef" }, outputs: { onTemplateFileUploaded: "onTemplateFileUploaded" }, host: { listeners: { "window:keydown": "handleKeyDown($event)" } }, providers: [WordDesignerService], viewQueries: [{ propertyName: "uploadInput", first: true, predicate: ["uploadInput"], descendants: true, static: true }, { propertyName: "replaceFileModalTemplate", first: true, predicate: ["replaceFileModalTemplate"], descendants: true, static: true }, { propertyName: "previewTemplate", first: true, predicate: ["previewTemplate"], descendants: true, static: true }, { propertyName: "previewFooterTemplate", first: true, predicate: ["previewFooterTemplate"], descendants: true, static: true }], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<input #uploadInput type=\"file\" name=\"file\"\n       accept=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document\" (change)=\"upload()\"\n       style=\"display: none;\"/>\n<div class=\"coast-card\">\n  <div class=\"coast-card-content\">\n    <div class=\"content-main\" [class.show-upload-btn]=\"needUpload\">\n      <ng-container *ngIf=\"needUpload\">\n        <dx-button type=\"success\" text=\"\u4E0A\u4F20\u6587\u4EF6\" (onClick)=\"uploadInput.click()\"></dx-button>\n      </ng-container>\n      <div *ngIf=\"!needUpload\" class=\"left-panel\">\n        <div *ngIf=\"pasteMode\" class=\"paste-mode-bar\">\n          <span\n            class=\"message\">\u5DF2\u8FDB\u5165\u6279\u91CF\u7C98\u8D34\u914D\u7F6E\u6A21\u5F0F\uFF0C\u652F\u6301Ctrl\u3001Shift\u952E\u5FEB\u6377\u9009\u62E9\uFF0C\u6309Ctrl+V\u7EC4\u5408\u952E\u7C98\u8D34\u914D\u7F6E\uFF0C\u6309Esc\u952E\u53D6\u6D88\u64CD\u4F5C\u5E76\u9000\u51FA\u8BE5\u6A21\u5F0F</span>\n          <dx-button [width]=\"48\" text=\"\u9000\u51FA\" (onClick)=\"exitPasteMode()\"></dx-button>\n        </div>\n        <div class=\"content\"\n             (mouseenter)=\"mouseInViewer = true;\"\n             (mouseleave)=\"mouseInViewer = false;\"\n             (mousewheel)=\"scaleByMouse($event)\">\n          <div *ngIf=\"!needUpload\" class=\"viewer\">\n            <ng-container *ngFor=\"let section of sections\">\n              <rs-section [section]=\"section\" [editMode]=\"true\" [pasteMode]=\"pasteMode\"></rs-section>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"!needUpload\" class=\"right-panel\">\n        <div class=\"header\">\n          <dx-button type=\"default\" text=\"\u66FF\u6362\u6587\u4EF6\" (onClick)=\"openReplaceTemplateFileModal()\"\n                     [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-download\" hint=\"\u4E0B\u8F7D\u6587\u4EF6\"\n                     (onClick)=\"downloadTemplateFile()\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-up\" hint=\"\u4E0A\u4E00\u4E2A(Alt + \u2191)\"\n                     (onClick)=\"service.switchMark(-1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-down\" hint=\"\u4E0B\u4E00\u4E2A(Alt + \u2193)\"\n                     (onClick)=\"service.switchMark(1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button [type]=\"pasteMode ? 'success' : 'default'\" text=\"\u590D\u5236\" hint=\"\u590D\u5236(Ctrl + c)\"\n                     (onClick)=\"copyMarkConfig()\"></dx-button>\n          <dx-button type=\"danger\" text=\"\u7C98\u8D34\" hint=\"\u7C98\u8D34(Ctrl + v)\" (onClick)=\"pasteMarkConfig()\"\n                     [disabled]=\"loading || !pasteMode\"></dx-button>\n        </div>\n        <div class=\"config\" *ngIf=\"service.activeMark\">\n          <rs-mark-config [tenant]=\"tenant\"\n                          [templateClassName]=\"className\"\n                          [templateOid]=\"oid\"\n                          [instanceClassName]=\"instanceClassName\"\n                          [filterCategories]=\"filterCategories\"\n                          [mark]=\"service.activeMark\"\n                          [marks]=\"service.marks\"\n                          [tabViewContainerRef]=\"tabViewContainerRef\"></rs-mark-config>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"!needUpload\" class=\"footer\">\n    <div class=\"left\">\n      <dx-button text=\"\u653E\u5927\" (onClick)=\"scale(0.1)\"></dx-button>\n      <dx-button text=\"\u8FD8\u539F\" (onClick)=\"scale(0)\"></dx-button>\n      <dx-button text=\"\u7F29\u5C0F\" (onClick)=\"scale(-0.1)\"></dx-button>\n    </div>\n    <div class=\"right\">\n      <dx-button type=\"default\" text=\"\u9884\u89C8\" (onClick)=\"preview()\" [disabled]=\"needUpload || loading\"></dx-button>\n      <dx-button type=\"success\" text=\"\u4FDD\u5B58\" (onClick)=\"saveConfig()\" [disabled]=\"needUpload || loading\"></dx-button>\n    </div>\n  </div>\n</div>\n<ng-template #replaceFileModalTemplate>\n  <div class=\"confirm-message\">\n    <span>\u66FF\u6362\u6587\u4EF6\u53EF\u4EE5\u6309\u7167\u4E66\u7B7E\u6807\u8BC6\u7EE7\u627F\u5DF2\u4FDD\u5B58\u7684\u4E66\u7B7E\u914D\u7F6E\uFF0C\u8BF7\u9009\u62E9\u64CD\u4F5C\uFF1A</span>\n  </div>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"default\" text=\"\u7EE7\u627F\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(true)\"></dx-button>\n      <dx-button type=\"danger\" text=\"\u6E05\u9664\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(false)\"></dx-button>\n      <dx-button type=\"normal\" text=\"\u53D6\u6D88\" (onClick)=\"replaceFileModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewTemplate>\n  <div class=\"preview-viewer\">\n    <div class=\"viewer-container\">\n      <div class=\"viewer\">\n        <ng-container *ngFor=\"let section of sections\">\n          <rs-section [section]=\"section\"></rs-section>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewFooterTemplate>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"previewModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .coast-card{flex:1;padding:0}:host .coast-card .content-main{display:flex;flex-flow:row nowrap;padding:16px 0 0 16px;margin:0}:host .coast-card .content-main.show-upload-btn{padding:16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));align-items:center;justify-content:center}:host .coast-card .content-main .left-panel{flex:auto;width:0;overflow-x:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .coast-card .content-main .left-panel .paste-mode-bar{flex:none;padding:8px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));border:1px solid var(--coast-border-color, rgb(221, 221, 221));display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}:host .coast-card .content-main .left-panel .paste-mode-bar .message{font-weight:700}:host .coast-card .content-main .left-panel .content{flex:auto;height:0;overflow-y:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .coast-card .content-main .left-panel .content .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .coast-card .content-main .right-panel{flex:0 0 320px;display:flex;flex-flow:column nowrap;border-left:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .coast-card .content-main .right-panel .header{flex:none;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:0 16px 16px}:host .coast-card .content-main .right-panel .header>dx-button:not(:last-child){margin-right:8px}:host .coast-card .content-main .right-panel .config{flex:auto;height:0;overflow:auto;padding:24px;display:flex;flex-flow:column nowrap}:host .coast-card .footer{flex:none;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:12px 24px;display:flex;flex-flow:row nowrap;justify-content:space-between}:host .coast-card .footer dx-button{width:80px}:host .coast-card .footer dx-button:not(:last-child){margin-right:8px}.confirm-message{padding:24px;margin-bottom:12px;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221))}.confirm-message span{font-size:14px}.preview-viewer{flex:auto;height:0;overflow-y:auto;margin:0 16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}.preview-viewer .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}.preview-viewer .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.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: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: SectionComponent, selector: "rs-section", inputs: ["section", "editMode", "pasteMode", "readonly"] }, { kind: "component", type: MarkConfigComponent, selector: "rs-mark-config", inputs: ["tenant", "templateClassName", "templateOid", "instanceClassName", "filterCategories", "mark", "marks", "params", "tabViewContainerRef"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WordDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-word-designer', providers: [WordDesignerService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<input #uploadInput type=\"file\" name=\"file\"\n       accept=\"application/vnd.openxmlformats-officedocument.wordprocessingml.document\" (change)=\"upload()\"\n       style=\"display: none;\"/>\n<div class=\"coast-card\">\n  <div class=\"coast-card-content\">\n    <div class=\"content-main\" [class.show-upload-btn]=\"needUpload\">\n      <ng-container *ngIf=\"needUpload\">\n        <dx-button type=\"success\" text=\"\u4E0A\u4F20\u6587\u4EF6\" (onClick)=\"uploadInput.click()\"></dx-button>\n      </ng-container>\n      <div *ngIf=\"!needUpload\" class=\"left-panel\">\n        <div *ngIf=\"pasteMode\" class=\"paste-mode-bar\">\n          <span\n            class=\"message\">\u5DF2\u8FDB\u5165\u6279\u91CF\u7C98\u8D34\u914D\u7F6E\u6A21\u5F0F\uFF0C\u652F\u6301Ctrl\u3001Shift\u952E\u5FEB\u6377\u9009\u62E9\uFF0C\u6309Ctrl+V\u7EC4\u5408\u952E\u7C98\u8D34\u914D\u7F6E\uFF0C\u6309Esc\u952E\u53D6\u6D88\u64CD\u4F5C\u5E76\u9000\u51FA\u8BE5\u6A21\u5F0F</span>\n          <dx-button [width]=\"48\" text=\"\u9000\u51FA\" (onClick)=\"exitPasteMode()\"></dx-button>\n        </div>\n        <div class=\"content\"\n             (mouseenter)=\"mouseInViewer = true;\"\n             (mouseleave)=\"mouseInViewer = false;\"\n             (mousewheel)=\"scaleByMouse($event)\">\n          <div *ngIf=\"!needUpload\" class=\"viewer\">\n            <ng-container *ngFor=\"let section of sections\">\n              <rs-section [section]=\"section\" [editMode]=\"true\" [pasteMode]=\"pasteMode\"></rs-section>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"!needUpload\" class=\"right-panel\">\n        <div class=\"header\">\n          <dx-button type=\"default\" text=\"\u66FF\u6362\u6587\u4EF6\" (onClick)=\"openReplaceTemplateFileModal()\"\n                     [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-download\" hint=\"\u4E0B\u8F7D\u6587\u4EF6\"\n                     (onClick)=\"downloadTemplateFile()\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-up\" hint=\"\u4E0A\u4E00\u4E2A(Alt + \u2191)\"\n                     (onClick)=\"service.switchMark(-1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button icon=\"coast-icon coast-icon-direction-down\" hint=\"\u4E0B\u4E00\u4E2A(Alt + \u2193)\"\n                     (onClick)=\"service.switchMark(1)\" [disabled]=\"loading\"></dx-button>\n          <dx-button [type]=\"pasteMode ? 'success' : 'default'\" text=\"\u590D\u5236\" hint=\"\u590D\u5236(Ctrl + c)\"\n                     (onClick)=\"copyMarkConfig()\"></dx-button>\n          <dx-button type=\"danger\" text=\"\u7C98\u8D34\" hint=\"\u7C98\u8D34(Ctrl + v)\" (onClick)=\"pasteMarkConfig()\"\n                     [disabled]=\"loading || !pasteMode\"></dx-button>\n        </div>\n        <div class=\"config\" *ngIf=\"service.activeMark\">\n          <rs-mark-config [tenant]=\"tenant\"\n                          [templateClassName]=\"className\"\n                          [templateOid]=\"oid\"\n                          [instanceClassName]=\"instanceClassName\"\n                          [filterCategories]=\"filterCategories\"\n                          [mark]=\"service.activeMark\"\n                          [marks]=\"service.marks\"\n                          [tabViewContainerRef]=\"tabViewContainerRef\"></rs-mark-config>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"!needUpload\" class=\"footer\">\n    <div class=\"left\">\n      <dx-button text=\"\u653E\u5927\" (onClick)=\"scale(0.1)\"></dx-button>\n      <dx-button text=\"\u8FD8\u539F\" (onClick)=\"scale(0)\"></dx-button>\n      <dx-button text=\"\u7F29\u5C0F\" (onClick)=\"scale(-0.1)\"></dx-button>\n    </div>\n    <div class=\"right\">\n      <dx-button type=\"default\" text=\"\u9884\u89C8\" (onClick)=\"preview()\" [disabled]=\"needUpload || loading\"></dx-button>\n      <dx-button type=\"success\" text=\"\u4FDD\u5B58\" (onClick)=\"saveConfig()\" [disabled]=\"needUpload || loading\"></dx-button>\n    </div>\n  </div>\n</div>\n<ng-template #replaceFileModalTemplate>\n  <div class=\"confirm-message\">\n    <span>\u66FF\u6362\u6587\u4EF6\u53EF\u4EE5\u6309\u7167\u4E66\u7B7E\u6807\u8BC6\u7EE7\u627F\u5DF2\u4FDD\u5B58\u7684\u4E66\u7B7E\u914D\u7F6E\uFF0C\u8BF7\u9009\u62E9\u64CD\u4F5C\uFF1A</span>\n  </div>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"default\" text=\"\u7EE7\u627F\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(true)\"></dx-button>\n      <dx-button type=\"danger\" text=\"\u6E05\u9664\u914D\u7F6E\" (onClick)=\"replaceTemplateFile(false)\"></dx-button>\n      <dx-button type=\"normal\" text=\"\u53D6\u6D88\" (onClick)=\"replaceFileModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewTemplate>\n  <div class=\"preview-viewer\">\n    <div class=\"viewer-container\">\n      <div class=\"viewer\">\n        <ng-container *ngFor=\"let section of sections\">\n          <rs-section [section]=\"section\"></rs-section>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-template>\n<ng-template #previewFooterTemplate>\n  <div class=\"form-buttons\">\n    <div class=\"buttons-wrapper\">\n      <dx-button type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"previewModal?.hide()\"></dx-button>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .coast-card{flex:1;padding:0}:host .coast-card .content-main{display:flex;flex-flow:row nowrap;padding:16px 0 0 16px;margin:0}:host .coast-card .content-main.show-upload-btn{padding:16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));align-items:center;justify-content:center}:host .coast-card .content-main .left-panel{flex:auto;width:0;overflow-x:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .coast-card .content-main .left-panel .paste-mode-bar{flex:none;padding:8px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));border:1px solid var(--coast-border-color, rgb(221, 221, 221));display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}:host .coast-card .content-main .left-panel .paste-mode-bar .message{font-weight:700}:host .coast-card .content-main .left-panel .content{flex:auto;height:0;overflow-y:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .coast-card .content-main .left-panel .content .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .coast-card .content-main .right-panel{flex:0 0 320px;display:flex;flex-flow:column nowrap;border-left:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .coast-card .content-main .right-panel .header{flex:none;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:0 16px 16px}:host .coast-card .content-main .right-panel .header>dx-button:not(:last-child){margin-right:8px}:host .coast-card .content-main .right-panel .config{flex:auto;height:0;overflow:auto;padding:24px;display:flex;flex-flow:column nowrap}:host .coast-card .footer{flex:none;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));padding:12px 24px;display:flex;flex-flow:row nowrap;justify-content:space-between}:host .coast-card .footer dx-button{width:80px}:host .coast-card .footer dx-button:not(:last-child){margin-right:8px}.confirm-message{padding:24px;margin-bottom:12px;border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221))}.confirm-message span{font-size:14px}.preview-viewer{flex:auto;height:0;overflow-y:auto;margin:0 16px;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}.preview-viewer .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}.preview-viewer .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}\n"] }]
@@ -4906,6 +4910,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], tabViewContainerRef: [{
                 type: Input
+            }], onTemplateFileUploaded: [{
+                type: Output
             }], uploadInput: [{
                 type: ViewChild,
                 args: ['uploadInput', { static: true }]
@@ -4955,15 +4961,15 @@ class WordEditorService {
     constructor(http) {
         this.http = http;
     }
-    loadTemplate(tenant, className, oid) {
+    loadTemplate(tenant, className, oid, templateConfigAttribute) {
         return this.http.get('api/data/' + className + '/' + oid, {
             params: {
                 tenant
             }
         }).pipe(map(response => {
             var _a;
-            if ((_a = response.data) === null || _a === void 0 ? void 0 : _a.templateConfig) {
-                return JSON.parse(response.data.templateConfig);
+            if ((_a = response.data) === null || _a === void 0 ? void 0 : _a[templateConfigAttribute]) {
+                return JSON.parse(response.data[templateConfigAttribute]);
             }
             return {};
         }));
@@ -4975,14 +4981,17 @@ class WordEditorService {
             }
         });
     }
-    reloadTemplate(tenant, className, oid, templateClassName) {
+    reloadTemplate(tenant, className, oid, templateClassName, templateNumberAttribute, templateFileAttribute, templateConfigAttribute) {
         return this.http.get('api/data/custom', {
             params: {
                 executor: 'com.cs.system.word.editor.ReloadTemplate',
                 tenant,
                 className,
                 oid,
-                templateClassName
+                templateClassName,
+                templateNumberAttribute,
+                templateFileAttribute,
+                templateConfigAttribute
             }
         });
     }
@@ -4996,7 +5005,7 @@ class WordEditorService {
             }
         });
     }
-    generateFile(tenant, className, oid, generateFileAttribute, generateFileName, model) {
+    generateFile(tenant, className, oid, generateFileAttribute, templateFileAttribute, templateConfigAttribute, model) {
         return this.http.post('api/data/custom', model, {
             params: {
                 executor: 'com.cs.system.word.editor.GenerateFile',
@@ -5004,7 +5013,8 @@ class WordEditorService {
                 className,
                 oid,
                 generateFileAttribute,
-                generateFileName
+                templateFileAttribute,
+                templateConfigAttribute
             }
         });
     }
@@ -5020,11 +5030,15 @@ class WordEditorComponent {
         this.service = service;
         this.wordEditorService = wordEditorService;
         this.viewContainerRef = viewContainerRef;
+        this.templateNumberAttribute = 'templateNumber';
+        this.templateFileAttribute = 'templateFile';
+        this.templateConfigAttribute = 'templateConfig';
         this.showPullTemplateButton = true;
         this.showPullDataButton = true;
         this.showCalcButton = true;
         this.showValidateButton = true;
         this.showGenerateFileButton = true;
+        this.generateFileAttribute = 'file';
         this.showCloseButton = true;
         this.readonly = false;
         this.onSaved = new EventEmitter();
@@ -5044,7 +5058,7 @@ class WordEditorComponent {
         this.service.tabViewContainerRef = this.tabViewContainerRef;
         this.service.readonly = this.readonly;
         this.loading = true;
-        this.wordEditorService.loadTemplate(this.tenant, this.className, this.oid).subscribe(response => {
+        this.wordEditorService.loadTemplate(this.tenant, this.className, this.oid, this.templateConfigAttribute).subscribe(response => {
             this.sections = response.sections || [];
             this.service.marks = response.marks;
             this.loading = false;
@@ -5057,7 +5071,7 @@ class WordEditorComponent {
     pullTemplate() {
         if (confirm('该操作会清除已录入的数据，确定重新拉取模板配置？')) {
             this.loading = true;
-            this.wordEditorService.reloadTemplate(this.tenant, this.className, this.oid, this.templateClassName).subscribe(response => {
+            this.wordEditorService.reloadTemplate(this.tenant, this.className, this.oid, this.templateClassName, this.templateNumberAttribute, this.templateFileAttribute, this.templateConfigAttribute).subscribe(response => {
                 var _a;
                 this.sections = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.sections) || [];
                 this.service.marks = response.data.marks;
@@ -5089,7 +5103,7 @@ class WordEditorComponent {
     save() {
         this.loading = true;
         this.wordEditorService.save(this.tenant, this.className, this.oid, {
-            templateConfig: JSON.stringify({
+            [this.templateConfigAttribute]: JSON.stringify({
                 sections: this.sections,
                 marks: this.service.marks
             })
@@ -5103,8 +5117,8 @@ class WordEditorComponent {
     }
     generateFile() {
         this.loading = true;
-        this.wordEditorService.generateFile(this.tenant, this.className, this.oid, this.generateFileAttribute || 'file', this.generateFileName || '', {
-            templateConfig: JSON.stringify({
+        this.wordEditorService.generateFile(this.tenant, this.className, this.oid, this.generateFileAttribute || 'file', this.templateFileAttribute, this.templateConfigAttribute, {
+            [this.templateConfigAttribute]: JSON.stringify({
                 sections: this.sections,
                 marks: this.service.marks
             })
@@ -5118,7 +5132,7 @@ class WordEditorComponent {
     }
 }
 WordEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WordEditorComponent, deps: [{ token: SectionService }, { token: WordEditorService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-WordEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WordEditorComponent, selector: "rs-word-editor", inputs: { tenant: "tenant", className: "className", oid: "oid", templateClassName: "templateClassName", params: "params", tabViewContainerRef: "tabViewContainerRef", showPullTemplateButton: "showPullTemplateButton", showPullDataButton: "showPullDataButton", showCalcButton: "showCalcButton", showValidateButton: "showValidateButton", showGenerateFileButton: "showGenerateFileButton", generateFileAttribute: "generateFileAttribute", generateFileName: "generateFileName", showCloseButton: "showCloseButton", readonly: "readonly" }, outputs: { onSaved: "onSaved", onGenerated: "onGenerated", onClosed: "onClosed" }, providers: [WordEditorService], viewQueries: [{ propertyName: "validator", first: true, predicate: ["validator"], descendants: true }], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<div *ngIf=\"!readonly\" class=\"bar header\">\r\n  <dx-button *ngIf=\"showPullTemplateButton\" type=\"success\" text=\"\u66F4\u65B0\u6A21\u677F\" (onClick)=\"pullTemplate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showPullDataButton\" type=\"success\" text=\"\u586B\u5145\u6570\u636E\" (onClick)=\"pullData()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <!--  <dx-button *ngIf=\"showCalcButton\" type=\"default\" text=\"\u6267\u884C\u8BA1\u7B97\" (onClick)=\"calc()\"\r\n               [disabled]=\"loading\"></dx-button>-->\r\n  <dx-button *ngIf=\"showValidateButton\" type=\"default\" text=\"\u6267\u884C\u6821\u9A8C\" (onClick)=\"validate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n</div>\r\n<dx-validation-group [class.validation-group]=\"true\" #validator>\r\n  <div class=\"viewer-container\">\r\n    <div class=\"viewer\">\r\n      <ng-container *ngFor=\"let section of sections\">\r\n        <rs-section [section]=\"section\"></rs-section>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</dx-validation-group>\r\n<div class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\" [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"!readonly && showGenerateFileButton\" type=\"success\" text=\"\u751F\u6210\u9644\u4EF6\" (onClick)=\"generateFile()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showCloseButton\" type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"onClosed.emit()\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap;background-color:#f5f5f5}:host .bar{flex:none;padding:12px 24px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));z-index:1;display:flex;flex-flow:row nowrap}:host .bar>dx-button{width:80px}:host .bar>dx-button:not(:last-child){margin-right:8px}:host .header{border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;top:0}:host .validation-group{flex:auto;height:0;overflow-y:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .validation-group .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .validation-group .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .footer{justify-content:flex-end;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.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: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i7$1.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }, { kind: "component", type: SectionComponent, selector: "rs-section", inputs: ["section", "editMode", "pasteMode", "readonly"] }] });
+WordEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WordEditorComponent, selector: "rs-word-editor", inputs: { tenant: "tenant", className: "className", oid: "oid", templateClassName: "templateClassName", templateNumberAttribute: "templateNumberAttribute", templateFileAttribute: "templateFileAttribute", templateConfigAttribute: "templateConfigAttribute", params: "params", tabViewContainerRef: "tabViewContainerRef", showPullTemplateButton: "showPullTemplateButton", showPullDataButton: "showPullDataButton", showCalcButton: "showCalcButton", showValidateButton: "showValidateButton", showGenerateFileButton: "showGenerateFileButton", generateFileAttribute: "generateFileAttribute", showCloseButton: "showCloseButton", readonly: "readonly" }, outputs: { onSaved: "onSaved", onGenerated: "onGenerated", onClosed: "onClosed" }, providers: [WordEditorService], viewQueries: [{ propertyName: "validator", first: true, predicate: ["validator"], descendants: true }], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<div *ngIf=\"!readonly\" class=\"bar header\">\r\n  <dx-button *ngIf=\"showPullTemplateButton\" type=\"success\" text=\"\u66F4\u65B0\u6A21\u677F\" (onClick)=\"pullTemplate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showPullDataButton\" type=\"success\" text=\"\u586B\u5145\u6570\u636E\" (onClick)=\"pullData()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <!--  <dx-button *ngIf=\"showCalcButton\" type=\"default\" text=\"\u6267\u884C\u8BA1\u7B97\" (onClick)=\"calc()\"\r\n               [disabled]=\"loading\"></dx-button>-->\r\n  <dx-button *ngIf=\"showValidateButton\" type=\"default\" text=\"\u6267\u884C\u6821\u9A8C\" (onClick)=\"validate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n</div>\r\n<dx-validation-group [class.validation-group]=\"true\" #validator>\r\n  <div class=\"viewer-container\">\r\n    <div class=\"viewer\">\r\n      <ng-container *ngFor=\"let section of sections\">\r\n        <rs-section [section]=\"section\"></rs-section>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</dx-validation-group>\r\n<div class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\" [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"!readonly && showGenerateFileButton\" type=\"success\" text=\"\u751F\u6210\u9644\u4EF6\" (onClick)=\"generateFile()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showCloseButton\" type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"onClosed.emit()\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap;background-color:#f5f5f5}:host .bar{flex:none;padding:12px 24px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));z-index:1;display:flex;flex-flow:row nowrap}:host .bar>dx-button{width:80px}:host .bar>dx-button:not(:last-child){margin-right:8px}:host .header{border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;top:0}:host .validation-group{flex:auto;height:0;overflow-y:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .validation-group .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .validation-group .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .footer{justify-content:flex-end;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.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: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i7$1.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }, { kind: "component", type: SectionComponent, selector: "rs-section", inputs: ["section", "editMode", "pasteMode", "readonly"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WordEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-word-editor', providers: [WordEditorService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\" [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<div *ngIf=\"!readonly\" class=\"bar header\">\r\n  <dx-button *ngIf=\"showPullTemplateButton\" type=\"success\" text=\"\u66F4\u65B0\u6A21\u677F\" (onClick)=\"pullTemplate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showPullDataButton\" type=\"success\" text=\"\u586B\u5145\u6570\u636E\" (onClick)=\"pullData()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <!--  <dx-button *ngIf=\"showCalcButton\" type=\"default\" text=\"\u6267\u884C\u8BA1\u7B97\" (onClick)=\"calc()\"\r\n               [disabled]=\"loading\"></dx-button>-->\r\n  <dx-button *ngIf=\"showValidateButton\" type=\"default\" text=\"\u6267\u884C\u6821\u9A8C\" (onClick)=\"validate()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n</div>\r\n<dx-validation-group [class.validation-group]=\"true\" #validator>\r\n  <div class=\"viewer-container\">\r\n    <div class=\"viewer\">\r\n      <ng-container *ngFor=\"let section of sections\">\r\n        <rs-section [section]=\"section\"></rs-section>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</dx-validation-group>\r\n<div class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\" [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"!readonly && showGenerateFileButton\" type=\"success\" text=\"\u751F\u6210\u9644\u4EF6\" (onClick)=\"generateFile()\"\r\n             [disabled]=\"loading\"></dx-button>\r\n  <dx-button *ngIf=\"showCloseButton\" type=\"normal\" text=\"\u5173\u95ED\" (onClick)=\"onClosed.emit()\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap;background-color:#f5f5f5}:host .bar{flex:none;padding:12px 24px;background-color:var(--coast-base-bg-color, rgb(255, 255, 255));z-index:1;display:flex;flex-flow:row nowrap}:host .bar>dx-button{width:80px}:host .bar>dx-button:not(:last-child){margin-right:8px}:host .header{border-bottom:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;top:0}:host .validation-group{flex:auto;height:0;overflow-y:auto;background-color:var(--coast-empty-color, rgb(229, 229, 229));display:flex;flex-flow:column nowrap}:host .validation-group .viewer-container{flex:auto;height:0;overflow-x:auto;padding:8px 16px 0;display:flex;flex-flow:row nowrap}:host .validation-group .viewer-container .viewer{margin:auto;display:flex;flex-flow:column nowrap;align-items:center;z-index:0}:host .footer{justify-content:flex-end;border-top:1px solid var(--coast-border-color, rgb(221, 221, 221));position:sticky;bottom:0}\n"] }]
@@ -5130,6 +5144,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], templateClassName: [{
                 type: Input
+            }], templateNumberAttribute: [{
+                type: Input
+            }], templateFileAttribute: [{
+                type: Input
+            }], templateConfigAttribute: [{
+                type: Input
             }], params: [{
                 type: Input
             }], tabViewContainerRef: [{
@@ -5146,8 +5166,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], generateFileAttribute: [{
                 type: Input
-            }], generateFileName: [{
-                type: Input
             }], showCloseButton: [{
                 type: Input
             }], readonly: [{