ngx-rs-ant 2.3.8 → 2.4.0

package/fesm2020/ngx-rs-ant.mjs

@@ -1486,12 +1486,26 @@ class CamundaBpmnEditorComponent {
             }
         });
     }
+    zoom(type) {
+        const zoom = this.canvas.zoom();
+        switch (type) {
+            case 'reset':
+                this.canvas.zoom('fit-viewport');
+                break;
+            case 'zoomIn':
+                this.canvas.zoom(zoom + 0.1);
+                break;
+            case 'zoomOut':
+                this.canvas.zoom(zoom - 0.1);
+                break;
+        }
+    }
 }
 CamundaBpmnEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamundaBpmnEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CamundaBpmnEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CamundaBpmnEditorComponent, selector: "rs-camunda-bpmn-editor", inputs: { xml: "xml", showXmlButton: "showXmlButton", showConfigButton: "showConfigButton" }, outputs: { selectedNodeChanged: "selectedNodeChanged" }, viewQueries: [{ propertyName: "bpmnContainer", first: true, predicate: ["bpmnContainer"], descendants: true }, { propertyName: "bpmnConfig", first: true, predicate: ["bpmnConfig"], descendants: true }], ngImport: i0, template: "<div class=\"main\">\r\n  <div class=\"container\" #bpmnContainer></div>\r\n  <div [hidden]=\"!isShowConfig\" class=\"config\" #bpmnConfig></div>\r\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\r\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\r\n  </div>\r\n</div>\r\n<div class=\"footer\">\r\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\r\n             [visible]=\"showXmlButton\" (onClick)=\"showXml()\"></dx-button>\r\n  <dx-button [type]=\"isShowConfig ? 'default' : 'normal'\" icon=\"coast-icon coast-icon-setting\"\r\n             style=\"float: right;\" [visible]=\"showConfigButton\"\r\n             (onClick)=\"isShowConfig = !isShowConfig;\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .main{flex:1;display:flex;flex-flow:row nowrap;position:relative}:host .main .container{flex:1}:host .main .config{flex:0 0 360px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 2000)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CodeEditorComponent, selector: "rs-code-editor", inputs: ["code", "language", "readonly", "enableMinimap", "consoleMessage"], outputs: ["codeChange", "onContentReady"] }, { 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"] }] });
+CamundaBpmnEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CamundaBpmnEditorComponent, selector: "rs-camunda-bpmn-editor", inputs: { xml: "xml", showXmlButton: "showXmlButton", showConfigButton: "showConfigButton" }, outputs: { selectedNodeChanged: "selectedNodeChanged" }, viewQueries: [{ propertyName: "bpmnContainer", first: true, predicate: ["bpmnContainer"], descendants: true }, { propertyName: "bpmnConfig", first: true, predicate: ["bpmnConfig"], descendants: true }], ngImport: i0, template: "<div class=\"main\">\r\n  <div class=\"container\" #bpmnContainer>\r\n    <div class=\"zoom-controls\">\r\n      <ul class=\"zoom-reset io-control io-control-list\">\r\n        <li>\r\n          <button title=\"\u8FD8\u539F\" (click)=\"zoom('reset')\">\r\n            <span class=\"coast-icon-refresh\"></span>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <hr class=\"separator\">\r\n        </li>\r\n        <li>\r\n          <button title=\"\u653E\u5927\" (click)=\"zoom('zoomIn')\">\r\n            <span class=\"coast-icon-add\"></span>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <hr class=\"separator\">\r\n        </li>\r\n        <li>\r\n          <button title=\"\u7F29\u5C0F\" (click)=\"zoom('zoomOut')\">\r\n            <span class=\"coast-icon-minus\"></span>\r\n          </button>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"!isShowConfig\" class=\"config\" #bpmnConfig></div>\r\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\r\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\r\n  </div>\r\n</div>\r\n<div class=\"footer\">\r\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\r\n             [visible]=\"showXmlButton\" (onClick)=\"showXml()\"></dx-button>\r\n  <dx-button [type]=\"isShowConfig ? 'default' : 'normal'\" icon=\"coast-icon coast-icon-setting\"\r\n             style=\"float: right;\" [visible]=\"showConfigButton\"\r\n             (onClick)=\"isShowConfig = !isShowConfig;\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .main{flex:1;display:flex;flex-flow:row nowrap;position:relative}:host .main .container{flex:1;position:relative;z-index:0}:host .main .container .zoom-controls{position:absolute;right:8px;bottom:20px;z-index:1}:host .main .container .zoom-controls ul{list-style:none;padding:4px;margin:0;background:var(--coast-global-bg-color, rgb(245, 245, 245));border:1px solid var(--coast-border-color, rgb(221, 221, 221));border-radius:2px;box-shadow:0 0 2px #0000001f}:host .main .container .zoom-controls ul li button{cursor:pointer;font-size:14px;background:none;border:none}:host .main .container .zoom-controls ul li button:hover{color:var(--coast-default-color, rgb(51, 122, 183))}:host .main .container .zoom-controls ul li hr.separator{margin:4px;padding-top:4px;border:none;border-bottom:solid 1px gray;clear:both}:host .main .config{flex:0 0 360px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 2000)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CodeEditorComponent, selector: "rs-code-editor", inputs: ["code", "language", "readonly", "enableMinimap", "consoleMessage"], outputs: ["codeChange", "onContentReady"] }, { 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamundaBpmnEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-camunda-bpmn-editor', template: "<div class=\"main\">\r\n  <div class=\"container\" #bpmnContainer></div>\r\n  <div [hidden]=\"!isShowConfig\" class=\"config\" #bpmnConfig></div>\r\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\r\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\r\n  </div>\r\n</div>\r\n<div class=\"footer\">\r\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\r\n             [visible]=\"showXmlButton\" (onClick)=\"showXml()\"></dx-button>\r\n  <dx-button [type]=\"isShowConfig ? 'default' : 'normal'\" icon=\"coast-icon coast-icon-setting\"\r\n             style=\"float: right;\" [visible]=\"showConfigButton\"\r\n             (onClick)=\"isShowConfig = !isShowConfig;\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .main{flex:1;display:flex;flex-flow:row nowrap;position:relative}:host .main .container{flex:1}:host .main .config{flex:0 0 360px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 2000)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}\n"] }]
+            args: [{ selector: 'rs-camunda-bpmn-editor', template: "<div class=\"main\">\r\n  <div class=\"container\" #bpmnContainer>\r\n    <div class=\"zoom-controls\">\r\n      <ul class=\"zoom-reset io-control io-control-list\">\r\n        <li>\r\n          <button title=\"\u8FD8\u539F\" (click)=\"zoom('reset')\">\r\n            <span class=\"coast-icon-refresh\"></span>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <hr class=\"separator\">\r\n        </li>\r\n        <li>\r\n          <button title=\"\u653E\u5927\" (click)=\"zoom('zoomIn')\">\r\n            <span class=\"coast-icon-add\"></span>\r\n          </button>\r\n        </li>\r\n        <li>\r\n          <hr class=\"separator\">\r\n        </li>\r\n        <li>\r\n          <button title=\"\u7F29\u5C0F\" (click)=\"zoom('zoomOut')\">\r\n            <span class=\"coast-icon-minus\"></span>\r\n          </button>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"!isShowConfig\" class=\"config\" #bpmnConfig></div>\r\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\r\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\r\n  </div>\r\n</div>\r\n<div class=\"footer\">\r\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\r\n             [visible]=\"showXmlButton\" (onClick)=\"showXml()\"></dx-button>\r\n  <dx-button [type]=\"isShowConfig ? 'default' : 'normal'\" icon=\"coast-icon coast-icon-setting\"\r\n             style=\"float: right;\" [visible]=\"showConfigButton\"\r\n             (onClick)=\"isShowConfig = !isShowConfig;\"></dx-button>\r\n</div>\r\n", styles: [":host{flex:1;display:flex;flex-flow:column nowrap}:host .main{flex:1;display:flex;flex-flow:row nowrap;position:relative}:host .main .container{flex:1;position:relative;z-index:0}:host .main .container .zoom-controls{position:absolute;right:8px;bottom:20px;z-index:1}:host .main .container .zoom-controls ul{list-style:none;padding:4px;margin:0;background:var(--coast-global-bg-color, rgb(245, 245, 245));border:1px solid var(--coast-border-color, rgb(221, 221, 221));border-radius:2px;box-shadow:0 0 2px #0000001f}:host .main .container .zoom-controls ul li button{cursor:pointer;font-size:14px;background:none;border:none}:host .main .container .zoom-controls ul li button:hover{color:var(--coast-default-color, rgb(51, 122, 183))}:host .main .container .zoom-controls ul li hr.separator{margin:4px;padding-top:4px;border:none;border-bottom:solid 1px gray;clear:both}:host .main .config{flex:0 0 360px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 2000)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, rgb(221, 221, 221))}\n"] }]
         }], propDecorators: { xml: [{
                 type: Input
             }], showXmlButton: [{
@@ -1596,12 +1610,26 @@ class CamundaBpmnViewerComponent {
             }
         });
     }
+    zoom(type) {
+        const zoom = this.canvas.zoom();
+        switch (type) {
+            case 'reset':
+                this.canvas.zoom('fit-viewport');
+                break;
+            case 'zoomIn':
+                this.canvas.zoom(zoom + 0.1);
+                break;
+            case 'zoomOut':
+                this.canvas.zoom(zoom - 0.1);
+                break;
+        }
+    }
 }
 CamundaBpmnViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamundaBpmnViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CamundaBpmnViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CamundaBpmnViewerComponent, selector: "rs-camunda-bpmn-viewer", inputs: { xml: "xml", failedActivities: "failedActivities", activeActivities: "activeActivities" }, viewQueries: [{ propertyName: "viewerContainer", first: true, predicate: ["viewerContainer"], descendants: true }], ngImport: i0, template: "<div class=\"container\" #viewerContainer></div>\r\n", styles: [":host{display:flex;flex-flow:column nowrap}:host .container{flex:1}\n"] });
+CamundaBpmnViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CamundaBpmnViewerComponent, selector: "rs-camunda-bpmn-viewer", inputs: { xml: "xml", failedActivities: "failedActivities", activeActivities: "activeActivities" }, viewQueries: [{ propertyName: "viewerContainer", first: true, predicate: ["viewerContainer"], descendants: true }], ngImport: i0, template: "<div class=\"container\" #viewerContainer>\r\n  <div class=\"zoom-controls\">\r\n    <ul class=\"zoom-reset io-control io-control-list\">\r\n      <li>\r\n        <button title=\"\u8FD8\u539F\" (click)=\"zoom('reset')\">\r\n          <span class=\"coast-icon-refresh\"></span>\r\n        </button>\r\n      </li>\r\n      <li>\r\n        <hr class=\"separator\">\r\n      </li>\r\n      <li>\r\n        <button title=\"\u653E\u5927\" (click)=\"zoom('zoomIn')\">\r\n          <span class=\"coast-icon-add\"></span>\r\n        </button>\r\n      </li>\r\n      <li>\r\n        <hr class=\"separator\">\r\n      </li>\r\n      <li>\r\n        <button title=\"\u7F29\u5C0F\" (click)=\"zoom('zoomOut')\">\r\n          <span class=\"coast-icon-minus\"></span>\r\n        </button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;flex-flow:column nowrap}:host .container{flex:1;position:relative;z-index:0}:host .container .zoom-controls{position:absolute;right:8px;bottom:20px;z-index:1}:host .container .zoom-controls ul{list-style:none;padding:4px;margin:0;background:var(--coast-global-bg-color, rgb(245, 245, 245));border:1px solid var(--coast-border-color, rgb(221, 221, 221));border-radius:2px;box-shadow:0 0 2px #0000001f}:host .container .zoom-controls ul li button{cursor:pointer;font-size:14px;background:none;border:none}:host .container .zoom-controls ul li button:hover{color:var(--coast-default-color, rgb(51, 122, 183))}:host .container .zoom-controls ul li hr.separator{margin:4px;padding-top:4px;border:none;border-bottom:solid 1px gray;clear:both}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CamundaBpmnViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-camunda-bpmn-viewer', template: "<div class=\"container\" #viewerContainer></div>\r\n", styles: [":host{display:flex;flex-flow:column nowrap}:host .container{flex:1}\n"] }]
+            args: [{ selector: 'rs-camunda-bpmn-viewer', template: "<div class=\"container\" #viewerContainer>\r\n  <div class=\"zoom-controls\">\r\n    <ul class=\"zoom-reset io-control io-control-list\">\r\n      <li>\r\n        <button title=\"\u8FD8\u539F\" (click)=\"zoom('reset')\">\r\n          <span class=\"coast-icon-refresh\"></span>\r\n        </button>\r\n      </li>\r\n      <li>\r\n        <hr class=\"separator\">\r\n      </li>\r\n      <li>\r\n        <button title=\"\u653E\u5927\" (click)=\"zoom('zoomIn')\">\r\n          <span class=\"coast-icon-add\"></span>\r\n        </button>\r\n      </li>\r\n      <li>\r\n        <hr class=\"separator\">\r\n      </li>\r\n      <li>\r\n        <button title=\"\u7F29\u5C0F\" (click)=\"zoom('zoomOut')\">\r\n          <span class=\"coast-icon-minus\"></span>\r\n        </button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:flex;flex-flow:column nowrap}:host .container{flex:1;position:relative;z-index:0}:host .container .zoom-controls{position:absolute;right:8px;bottom:20px;z-index:1}:host .container .zoom-controls ul{list-style:none;padding:4px;margin:0;background:var(--coast-global-bg-color, rgb(245, 245, 245));border:1px solid var(--coast-border-color, rgb(221, 221, 221));border-radius:2px;box-shadow:0 0 2px #0000001f}:host .container .zoom-controls ul li button{cursor:pointer;font-size:14px;background:none;border:none}:host .container .zoom-controls ul li button:hover{color:var(--coast-default-color, rgb(51, 122, 183))}:host .container .zoom-controls ul li hr.separator{margin:4px;padding-top:4px;border:none;border-bottom:solid 1px gray;clear:both}\n"] }]
         }], propDecorators: { xml: [{
                 type: Input
             }], failedActivities: [{
@@ -4999,8 +5027,8 @@ class WordEditorService {
             }
         });
     }
-    generateFile(tenant, className, oid, generateFileAttribute, templateFileAttribute, templateConfigAttribute, model, generateToTemp) {
-        return this.http.post('api/data/custom', model, {
+    generateFile(tenant, className, oid, generateFileAttribute, templateFileAttribute, templateConfigAttribute, data, generateToTemp) {
+        return this.http.post('api/data/custom', data, {
             params: {
                 executor: 'com.cs.system.word.editor.GenerateFile',
                 tenant,
@@ -5029,6 +5057,7 @@ class WordEditorComponent {
         this.templateFileAttribute = 'templateFile';
         this.templateConfigAttribute = 'templateConfig';
         this.generateFileAttribute = 'file';
+        this.generateFilenameConfig = [];
         this.showPullTemplateButton = true;
         this.showPullDataButton = true;
         this.showCalcButton = false;
@@ -5120,10 +5149,11 @@ class WordEditorComponent {
     generateFile() {
         this.loading = true;
         this.wordEditorService.generateFile(this.tenant, this.className, this.oid, this.generateFileAttribute || 'file', this.templateFileAttribute, this.templateConfigAttribute, {
-            [this.templateConfigAttribute]: JSON.stringify({
+            templateConfig: JSON.stringify({
                 sections: this.sections,
                 marks: this.service.marks
-            })
+            }),
+            filenameConfig: this.generateFilenameConfig || []
         }, this.generateToTemp).subscribe(response => {
             this.loading = false;
             if (response.success) {
@@ -5139,7 +5169,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", defaultTemplateNumber: "defaultTemplateNumber", templateNumberAttribute: "templateNumberAttribute", templateFileAttribute: "templateFileAttribute", templateConfigAttribute: "templateConfigAttribute", generateFileAttribute: "generateFileAttribute", params: "params", tabViewContainerRef: "tabViewContainerRef", showPullTemplateButton: "showPullTemplateButton", showPullDataButton: "showPullDataButton", showCalcButton: "showCalcButton", showValidateButton: "showValidateButton", showSaveButton: "showSaveButton", showGenerateFileButton: "showGenerateFileButton", showCloseButton: "showCloseButton", generateToTemp: "generateToTemp", 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 *ngIf=\"!readonly || showCloseButton\" class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly && showSaveButton\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\"\r\n             [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", defaultTemplateNumber: "defaultTemplateNumber", templateNumberAttribute: "templateNumberAttribute", templateFileAttribute: "templateFileAttribute", templateConfigAttribute: "templateConfigAttribute", generateFileAttribute: "generateFileAttribute", generateFilenameConfig: "generateFilenameConfig", params: "params", tabViewContainerRef: "tabViewContainerRef", showPullTemplateButton: "showPullTemplateButton", showPullDataButton: "showPullDataButton", showCalcButton: "showCalcButton", showValidateButton: "showValidateButton", showSaveButton: "showSaveButton", showGenerateFileButton: "showGenerateFileButton", showCloseButton: "showCloseButton", generateToTemp: "generateToTemp", 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 *ngIf=\"!readonly || showCloseButton\" class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly && showSaveButton\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\"\r\n             [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 *ngIf=\"!readonly || showCloseButton\" class=\"bar footer\">\r\n  <dx-button *ngIf=\"!readonly && showSaveButton\" type=\"default\" text=\"\u4FDD\u5B58\" (onClick)=\"save()\"\r\n             [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"] }]
@@ -5161,6 +5191,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], generateFileAttribute: [{
                 type: Input
+            }], generateFilenameConfig: [{
+                type: Input
             }], params: [{
                 type: Input
             }], tabViewContainerRef: [{