ngx-rs-ant 1.3.7 → 1.3.9

package/fesm2020/ngx-rs-ant.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, EventEmitter, Output, HostListener, ViewContainerRef, ViewChild, Directive, ViewChildren, NgModule, Injectable, ContentChild } from '@angular/core';
 import { PluginFactory } from 'coast-plugin-register';
 import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, formatDate } from '@angular/common';
 import { Subject, ReplaySubject, Subscription, map, shareReplay, lastValueFrom, debounceTime, interval } from 'rxjs';
 import * as i2 from 'devextreme-angular/ui/number-box';
 import * as i2$1 from 'devextreme-angular/ui/draggable';
@@ -20,9 +20,9 @@ import CustomStore from 'devextreme/data/custom_store';
 import * as i3 from 'devextreme-angular/core';
 import * as i5$1 from 'devextreme-angular/ui/data-grid';
 import * as i5 from 'devextreme-angular/ui/tooltip';
+import notify from 'devextreme/ui/notify';
 import * as i2$2 from '@angular/platform-browser';
 import * as i3$1 from 'devextreme-angular/ui/accordion';
-import notify from 'devextreme/ui/notify';
 import * as i7 from 'devextreme-angular/ui/validation-group';
 import * as i4$1 from 'devextreme-angular/ui/text-box';
 import * as i4$2 from 'devextreme-angular/ui/popover';
@@ -776,7 +776,7 @@ class BoxContainerComponent {
     }
 }
 BoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BoxContainerComponent, selector: "rs-box-container", inputs: { config: "config", model: "model", params: "params", readonly: "readonly", tabViewContainerRef: "tabViewContainerRef" }, viewQueries: [{ propertyName: "boxContainerContent", first: true, predicate: ["boxContainerContent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] });
+BoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BoxContainerComponent, selector: "rs-box-container", inputs: { config: "config", model: "model", opener: "opener", params: "params", readonly: "readonly", tabViewContainerRef: "tabViewContainerRef" }, viewQueries: [{ propertyName: "boxContainerContent", first: true, predicate: ["boxContainerContent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-box-container', template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] }]
@@ -784,6 +784,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], model: [{
                 type: Input
+            }], opener: [{
+                type: Input
             }], params: [{
                 type: Input
             }], readonly: [{
@@ -2322,6 +2324,7 @@ class DataGridFactory {
                             cssClass: 'cell-vertical-middle',
                             allowHeaderFiltering: false,
                             allowFiltering: false,
+                            allowSorting: false,
                             visible: field.visible,
                             fixed: field.fixed
                         };
@@ -2415,6 +2418,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
+function notify_error(message) {
+    notify({
+        displayTime: 12000,
+        message,
+        type: 'error',
+        width: '300px'
+    }, {
+        direction: 'up-push',
+        position: 'bottom right'
+    });
+}
+function notify_warning(message) {
+    notify({
+        displayTime: 8000,
+        message,
+        type: 'warning',
+        width: '300px'
+    }, {
+        direction: 'up-push',
+        position: 'bottom right'
+    });
+}
+function notify_success(message) {
+    notify({
+        displayTime: 4000,
+        message,
+        type: 'success',
+        width: '300px'
+    }, {
+        direction: 'down-push',
+        position: 'top right'
+    });
+}
+function format_date(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd', locale, 'GMT+8');
+}
+function format_datetime(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd HH:mm:ss', locale, 'GMT+8');
+}
+function file_type_icon(name) {
+    const type = name.substring(name.lastIndexOf('.') + 1).toLocaleLowerCase();
+    switch (type) {
+        case 'xls':
+        case 'xlsx':
+            return 'excel';
+        case 'doc':
+        case 'docx':
+            return 'word';
+        case 'ppt':
+        case 'pptx':
+            return 'ppt';
+        case 'pdf':
+            return 'pdf';
+        case 'txt':
+        case 'csv':
+        case 'xml':
+        case 'json':
+        case 'js':
+            return 'text';
+        case 'jpg':
+        case 'jpeg':
+        case 'png':
+        case 'gif':
+            return 'image';
+        case 'zip':
+        case 'rar':
+        case '7z':
+        case 'jar':
+            return 'zip';
+        default:
+            return 'unknown';
+    }
+}
+function format_file_size(size) {
+    const labels = ['b', 'Kb', 'Mb', 'Gb'];
+    const count = labels.length - 1;
+    let i = 0;
+    while (i < count && size >= 1024) {
+        size /= 1024;
+        i++;
+    }
+    return Math.round(size * 100) / 100 + " " + labels[i];
+}
+async function validate(validator) {
+    return new Promise(resolve => {
+        const validateResult = validator.instance.validate();
+        if (!validateResult.isValid) {
+            resolve(false);
+        }
+        if (validateResult.status === 'pending') {
+            validateResult.complete?.then((result) => {
+                if (result.isValid) {
+                    resolve(true);
+                }
+                else {
+                    resolve(false);
+                }
+            });
+        }
+        else {
+            resolve(true);
+        }
+    });
+}
+async function validate_group(validationGroup) {
+    const top = validationGroup.element.nativeElement;
+    let sourceNode;
+    const targetClassName = 'dx-field';
+    const findTargetNode = (node) => {
+        sourceNode = node;
+        while (true) {
+            if (node.classList.contains(targetClassName)) {
+                return node;
+            }
+            else {
+                node = node.parentElement;
+                if (node === top) {
+                    return sourceNode;
+                }
+            }
+        }
+    };
+    return new Promise(resolve => {
+        const validateResult = validationGroup.instance.validate();
+        if (!validateResult.isValid) {
+            const brokenElement = (validateResult.brokenRules?.[0]).validator.element();
+            findTargetNode(brokenElement).scrollIntoView();
+            resolve(false);
+        }
+        if (validateResult.status === 'pending') {
+            validateResult.complete?.then((result) => {
+                if (result.isValid) {
+                    resolve(true);
+                }
+                else {
+                    const brokenElement = (result.brokenRules?.[0]).validator.element();
+                    findTargetNode(brokenElement).scrollIntoView();
+                    resolve(false);
+                }
+            });
+        }
+        else {
+            resolve(true);
+        }
+    });
+}
+
 class FileCellTemplateComponent {
     constructor(service, domSanitizer) {
         this.service = service;
@@ -2429,11 +2579,11 @@ class FileCellTemplateComponent {
                 <table>
                     <tr>
                         <td style="text-align: right;">名称：</td>
-                        <td style="text-align: left;">${this.file.fileName}</td>
+                        <td style="text-align: left;">${this.filename}</td>
                     </tr>
                     <tr>
                         <td style="text-align: right;">大小：</td>
-                        <td style="text-align: left;">${this.getFileSize(this.file.fileSize)}</td>
+                        <td style="text-align: left;">${format_file_size(this.file.fileSize)}</td>
                     </tr>
                     <tr>
                         <td style="text-align: right;">时间：</td>
@@ -2441,46 +2591,7 @@ class FileCellTemplateComponent {
                     </tr>
                 </table>
       `);
-            const type = this.file.fileName.substring(this.file.fileName.lastIndexOf('.') + 1).toLocaleLowerCase();
-            switch (type) {
-                case 'xls':
-                case 'xlsx':
-                    this.icon = 'excel';
-                    break;
-                case 'doc':
-                case 'docx':
-                    this.icon = 'word';
-                    break;
-                case 'ppt':
-                case 'pptx':
-                    this.icon = 'ppt';
-                    break;
-                case 'pdf':
-                    this.icon = 'pdf';
-                    break;
-                case 'txt':
-                case 'csv':
-                case 'xml':
-                case 'json':
-                case 'js':
-                    this.icon = 'text';
-                    break;
-                case 'jpg':
-                case 'jpeg':
-                case 'png':
-                case 'gif':
-                    this.icon = 'image';
-                    break;
-                case 'zip':
-                case 'rar':
-                case '7z':
-                case 'jar':
-                    this.icon = 'zip';
-                    break;
-                default:
-                    this.icon = 'unknown';
-                    break;
-            }
+            this.icon = file_type_icon(this.filename);
             // 重绘表格宽高
             setTimeout(() => {
                 //this.table.resize();
@@ -2494,16 +2605,6 @@ class FileCellTemplateComponent {
             this.loading = false;
         });
     }
-    getFileSize(size) {
-        const labels = ['b', 'Kb', 'Mb', 'Gb'];
-        const count = labels.length - 1;
-        let i = 0;
-        while (i < count && size >= 1024) {
-            size /= 1024;
-            i++;
-        }
-        return Math.round(size * 100) / 100 + " " + labels[i];
-    }
 }
 FileCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, deps: [{ token: DataGridService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
 FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.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: i5.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
@@ -2833,103 +2934,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
 
-function notify_error(message) {
-    notify({
-        displayTime: 12000,
-        message,
-        type: 'error',
-        width: '300px'
-    }, {
-        direction: 'up-push',
-        position: 'bottom right'
-    });
-}
-function notify_warning(message) {
-    notify({
-        displayTime: 8000,
-        message,
-        type: 'warning',
-        width: '300px'
-    }, {
-        direction: 'up-push',
-        position: 'bottom right'
-    });
-}
-function notify_success(message) {
-    notify({
-        displayTime: 4000,
-        message,
-        type: 'success',
-        width: '300px'
-    }, {
-        direction: 'down-push',
-        position: 'top right'
-    });
-}
-async function validate(validator) {
-    return new Promise(resolve => {
-        const validateResult = validator.instance.validate();
-        if (!validateResult.isValid) {
-            resolve(false);
-        }
-        if (validateResult.status === 'pending') {
-            validateResult.complete?.then((result) => {
-                if (result.isValid) {
-                    resolve(true);
-                }
-                else {
-                    resolve(false);
-                }
-            });
-        }
-        else {
-            resolve(true);
-        }
-    });
-}
-async function validate_group(validationGroup) {
-    const top = validationGroup.element.nativeElement;
-    let sourceNode;
-    const targetClassName = 'dx-field';
-    const findTargetNode = (node) => {
-        sourceNode = node;
-        while (true) {
-            if (node.classList.contains(targetClassName)) {
-                return node;
-            }
-            else {
-                node = node.parentElement;
-                if (node === top) {
-                    return sourceNode;
-                }
-            }
-        }
-    };
-    return new Promise(resolve => {
-        const validateResult = validationGroup.instance.validate();
-        if (!validateResult.isValid) {
-            const brokenElement = (validateResult.brokenRules?.[0]).validator.element();
-            findTargetNode(brokenElement).scrollIntoView();
-            resolve(false);
-        }
-        if (validateResult.status === 'pending') {
-            validateResult.complete?.then((result) => {
-                if (result.isValid) {
-                    resolve(true);
-                }
-                else {
-                    const brokenElement = (result.brokenRules?.[0]).validator.element();
-                    findTargetNode(brokenElement).scrollIntoView();
-                    resolve(false);
-                }
-            });
-        }
-        else {
-            resolve(true);
-        }
-    });
-}
-
 class FormComponent {
     constructor(viewContainerRef, service, elementRef) {
         this.viewContainerRef = viewContainerRef;
@@ -3019,7 +3023,7 @@ class FormComponent {
     }
 }
 FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, deps: [{ token: i0.ViewContainerRef }, { token: FormService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template", extraAttrMap: "extraAttrMap", params: "params", tabViewContainerRef: "tabViewContainerRef", onlyFrontEnd: "onlyFrontEnd", model: "model", readonly: "readonly" }, outputs: { submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "validator", first: true, predicate: DxValidationGroupComponent, descendants: true }, { propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["config", "model", "params", "readonly", "tabViewContainerRef"] }, { kind: "component", type: i6$1.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i4.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.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.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }] });
+FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template", extraAttrMap: "extraAttrMap", params: "params", tabViewContainerRef: "tabViewContainerRef", onlyFrontEnd: "onlyFrontEnd", model: "model", readonly: "readonly" }, outputs: { submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "validator", first: true, predicate: DxValidationGroupComponent, descendants: true }, { propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["config", "model", "opener", "params", "readonly", "tabViewContainerRef"] }, { kind: "component", type: i6$1.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i4.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.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.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-form', providers: [FormService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"] }]
@@ -3716,5 +3720,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, notify_error, notify_success, notify_warning, validate, validate_group };
+export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, file_type_icon, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, validate, validate_group };
 //# sourceMappingURL=ngx-rs-ant.mjs.map