ngx-rs-ant 1.2.4 → 1.2.6

package/fesm2020/ngx-rs-ant.mjs

@@ -7,9 +7,13 @@ import { Subject, ReplaySubject, Subscription, map, of, lastValueFrom, interval
 import * as i2 from 'devextreme-angular/ui/number-box';
 import * as i2$1 from 'devextreme-angular/ui/draggable';
 import { DevExtremeModule, DxLoadPanelModule, DxDataGridComponent, DxValidationGroupComponent } from 'devextreme-angular';
+import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
+import { is } from 'bpmn-js/lib/util/ModelUtil';
+import { TextFieldEntry, isTextFieldEntryEdited } from '@bpmn-io/properties-panel';
 import * as i6 from 'devextreme-angular/ui/load-panel';
 import * as i5 from 'devextreme-angular/ui/nested';
 import { DxoPositionModule } from 'devextreme-angular/ui/nested';
+import * as i4 from 'devextreme-angular/ui/button';
 import { HelperUtils } from 'ng-devui';
 import * as i1$1 from '@angular/common/http';
 import CustomStore from 'devextreme/data/custom_store';
@@ -17,7 +21,6 @@ import * as i3 from 'devextreme-angular/core';
 import * as i4$1 from 'devextreme-angular/ui/data-grid';
 import * as i5$1 from 'devextreme-angular/ui/tooltip';
 import * as i2$2 from '@angular/platform-browser';
-import * as i4 from 'devextreme-angular/ui/button';
 import * as i3$1 from 'devextreme-angular/ui/accordion';
 import notify from 'devextreme/ui/notify';
 import * as i7 from 'devextreme-angular/ui/validation-group';
@@ -270,7 +273,7 @@ class PluginManager {
         if (boxItem.boxContainer.readonly) {
             instance.readonly = true;
         }
-        instance.pageParams = boxItem.boxContainer.params;
+        instance.params = boxItem.boxContainer.params;
         instance.tabViewContainerRef = boxItem.boxContainer.tabViewContainerRef;
         if (boxItem.boxContainer.editMode) {
             instance.onRemove = () => {
@@ -770,7 +773,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", readonly: "readonly" }, 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", params: "params", readonly: "readonly" }, 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"] }]
@@ -778,6 +781,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], model: [{
                 type: Input
+            }], params: [{
+                type: Input
             }], readonly: [{
                 type: Input
             }], boxContainerContent: [{
@@ -838,6 +843,646 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
+const translations = {
+    'Activate the hand tool': '激活拖拽工具',
+    'Activate the lasso tool': '激活框选工具',
+    'Activate the create/remove space tool': '激活空间移动工具',
+    'Activate the global connect tool': '激活全局连接工具',
+    'Create StartEvent': '创建开始节点',
+    'Create EndEvent': '创建结束节点',
+    'Create Gateway': '创建网关节点',
+    'Create UserTask': '创建用户任务',
+    'Open minimap': '打开缩略图',
+    'Close minimap': '关闭缩略图',
+    /*
+      'Create {type}': '创建{type}',
+      'Create Intermediate/Boundary Event': '创建中间/边界事件',
+      'Append {type}': '追加{type}', //'追加{type}',
+      'Add Lane above': '添加上面泳道',
+      'Divide into two Lanes': '拆分两个泳道',
+      'Divide into three Lanes': '拆分三个泳道',
+      'Add Lane below': '添下面泳道',
+      'Append compensation activity': '追加补偿活动',
+      'Change type': '改变节点类型', // 改变事情类型
+      'Connect using Association': '使用关联连接',
+      'Connect using Sequence/MessageFlow or Association': '使用序列/消息流或关联连接',
+      'Connect using DataInputAssociation': '使用数据输入关联连接',
+      'Remove': '删除',
+      'Create expanded SubProcess': '创建扩展子流程',
+      // 'Create Pool/Participant': '创建者或参与者',
+      'Create IntermediateThrowEvent/BoundaryEvent': '创建中间事件或边界事件',
+      'Parallel Multi Instance': '并行多实例',
+      'Sequential Multi Instance': '顺序多重实例',
+      'Loop': '循环',
+      'Ad-hoc': '特别指定',
+      'Task': '任务',
+      'Send Task': '发送任务', // 发送任务
+      'Receive Task': '接收任务',
+      'User Task': '用户任务',
+      'Manual Task': '手工任务',
+      'Business Rule Task': '作业规则任务',
+      'Service Task': '服务任务',
+      'Script Task': '脚本任务',
+      'Call Activity': '调用活动',
+      'Sub Process (collapsed)': '子过程（折叠）',
+      'Sub Process (expanded)': '子过程（展开）',
+      'Start Event': '开始事件',
+      'Intermediate Throw Event': '抛出事件',
+      'End Event': '结束事件',
+      'Message Start Event': '消息开始事件',
+      'Timer Start Event': '时间开始事件',
+      'Conditional Start Event': '条件开始事件',
+      'Signal Start Event': '信号开始事件',
+      'Error Start Event': '错误开始事件',
+      'Escalation Start Event': '升级开始事件',
+      'Compensation Start Event': '补偿开始事件',
+      'Message Start Event (non-interrupting)': '消息开始事件（不中断）',
+      'Timer Start Event (non-interrupting)': '定时开始事件（不中断）',
+      'Conditional Start Event (non-interrupting)': '条件开始事件（不中断）',
+      'Signal Start Event (non-interrupting)': '信号开始事件（不中断）',
+      'Escalation Start Event (non-interrupting)': '升级开始事件（不中断）',
+      'Message Intermediate Catch Event': '信息捕获事件',
+      'Message Intermediate Throw Event': '信息抛出事件',
+      'Timer Intermediate Catch Event': '定时器捕获事件',
+      'Escalation Intermediate Throw Event': '升级抛出事件',
+      'Conditional Intermediate Catch Event': '条件捕获事件',
+      'Link Intermediate Catch Event': '链接捕获事件',
+      'Link Intermediate Throw Event': '链接抛出事件',
+      'Compensation Intermediate Throw Event': '补偿抛出事件',
+      'Signal Intermediate Catch Event': '信号捕获事件',
+      'Signal Intermediate Throw Event': '信号抛出事件',
+      'Message End Event': '消息结束事件',
+      'Escalation End Event': '升级结束事件',
+      'Error End Event': '错误结束事件',
+      'Cancel End Event': '取消结束事件',
+      'Compensation End Event': '补偿结束事件',
+      'Signal End Event': '信号结束事件',
+      'Terminate End Event': '终止结束事件',
+      'Message Boundary Event': '消息边界事件',
+      'Message Boundary Event (non-interrupting)': '消息边界事件（非中断）',
+      'Timer Boundary Event': '定时边界事件',
+      'Timer Boundary Event (non-interrupting)': '定时边界事件（非中断）',
+      'Escalation Boundary Event': '升级边界事件',
+      'Escalation Boundary Event (non-interrupting)': '升级边界事件（非中断）',
+      'Conditional Boundary Event': '有条件的边界事件',
+      'Conditional Boundary Event (non-interrupting)': '条件边界事件（非中断）',
+      'Error Boundary Event': '错误边界事件',
+      'Cancel Boundary Event': '取消边界事件',
+      'Signal Boundary Event': '信号边界事件',
+      'Signal Boundary Event (non-interrupting)': '信号边界事件（非中断）',
+      'Compensation Boundary Event': '补偿边界事件',
+      'Exclusive': '排他',
+      'Exclusive Gateway': '互斥网关',
+      'Parallel Gateway': '并行网关',
+      'Inclusive Gateway': '相容网关',
+      'Complex Gateway': '复杂网关',
+      'Event based Gateway': '事件网关',
+      'Transaction': '交换',
+      'Sub Process': '子流程',
+      'Event Sub Process': '事件子流程',
+      'Empty Pool (removes content)': '清空泳池（删除内容）',
+      'Collapsed Pool': '合并泳池',
+      'Expanded Pool': '扩展泳池',
+  
+      // flow
+      'Default Flow': '默认流向',
+      'Sequence Flow': '顺序流向',
+      'Conditional Flow': '条件流向',
+  
+      // Errors
+      'no parent for {element} in {parent}': '在{parent}中的{element}没有父元素',
+      'no shape type specified': '没有指定的形状类型',
+      'flow elements must be children of pools/participants': '流动元素必须是游泳池/参与者',
+      'out of bounds release': '跨界界释放',
+      'more than {count} child lanes': '超出{count}分支',
+      'element required': '被请求元素',
+      'diagram not part of bpmn': '图在bpmn中',
+      'no diagram to display': '没有图表来显示',
+      'no process or collaboration to display': '没有流程或协作显示',
+      'element {element} referenced by {referenced}#{property} not yet drawn':
+        '元素{element}在{referenced}＃{property}的引用还没有绘制',
+      'already rendered {element}': '已经提供{element}',
+      'failed to import {element}': '元素导入失败{element}',
+      'ID must not be empty.': 'ID不能为空！',
+      'ID must be a valid QName.': '无效的ID输入！',
+  
+      // message
+      'This maps to the process definition key.': '映射流程定义的Key。',
+      'This maps to the task definition key.': '映射任务定义的Key。',
+      'Specify more than one group as a comma separated list.': '多于一个组时为逗号分隔的列表。',
+      'Specify more than one user as a comma separated list.': '多于一个用户时为逗号分隔的列表。',
+      'Must provide either loop cardinality or collection': '必须提供循环基数或集合',
+      'Available process variables, identified in the diagram.': '可用的过程变量，如图中所示。',
+      'No variables found.': '未找到变量。',
+  
+      'General': '基本属性',
+      'Documentation': '备注',
+      'Element documentation': '元素备注',
+      'Executable': '可执行',
+      'Process Documentation': '过程说明',
+      '': '无',
+      'Listeners': '监听器',
+      'Execution Listener': '扩展监听器',
+      'Extensions': '扩展',
+      'Properties': '属性',
+      'Add Property': '添加属性',
+      'Process Id': '流程标识',
+      'Process Name': '流程名称',
+      'Participant Id': '参与者标识',
+      'Participant Name': '参与者名称',
+      'Name': '名称',
+      'Id': '标识',
+      'ID': '标识',
+      'Value': '值',
+      'Version Tag': '版本标记',
+      'External Task Configuration': '外部任务配置',
+      'Task Priority': '任务优先级',
+      'Job Configuration': '作业配置',
+      'Job Priority': '作业优先级',
+      'History Configuration': '历史配置',
+      'History Time To Live': '历史生存时间',
+      'Details': '详情',
+      'Initiator': '初始化',
+      'Asynchronous Continuations': '异步连续',
+      'Asynchronous Before': '异步之前',
+      'Asynchronous After': '异步之后',
+      'Forms': '表单',
+      'Form Key': '表单名',
+      'Form Fields': '表单字段',
+      'Form Buttons': '表单按钮',
+      'Form Field': '表单字段',
+      'Form Button': '表单按钮',
+      'Button Name': '按钮名称',
+      'Business Key': '业务键',
+      'Type': '类型',
+      'Label': '标签',
+      'Default Value': '默认值',
+      'Validation': '校验',
+      'Add Constraint': '添加约束',
+      'Config': '配置',
+      'Must provide a value': '必须提供一个值',
+      'Event Type': '事件类型',
+      'Listener Type': '监听器类型',
+      'Java Class': 'Java 类',
+      'Field Injection': '字段注入',
+      'Fields': '字段',
+      'Condition Type': '条件类型',
+      'Script Format': '脚本格式',
+      'Script Type': '脚本类型',
+      'Inline Script': '内联脚本',
+      'External Resource': '外部资源',
+      'Expression': '表达式',
+      'Delegate Expression': '委托表达式',
+      'Script': '脚本',
+      'Parameter must have a name': '参数必须有一个名称',
+      'String': '字符串',
+      'Implementation': '实现',
+      'External': '外部',
+      'Connector': '连接器',
+      'Must configure Connector': '必须配置连接器',
+      'Connector Id': '连接器ID',
+      'Input/Output': '输入/输出',
+      'Input Parameters': '输入参数',
+      'Input Parameter': '输入参数',
+      'Output Parameters': '输出参数',
+      'Output Parameter': '输出参数',
+      'Text': '文本',
+      'List': '列表',
+      'Add Entry': '增加条目',
+      'Field Injections': '字段注入',
+      'TextAnnotation': '文本注释',
+      'Variables': '变量',
+      'In Mapping': '输入映射',
+      'Out Mapping': '输出映射',
+      'Target': '目标',
+      'Source': '来源',
+      'Local': '本地',
+      'Candidate Starter Configuration': '候选人起动器配置',
+      'Candidate Starter Groups': '候选人起动器组',
+      'Candidate Starter Users': '候选人起动器用户',
+      'Configure Connector': '配置连接器',
+      'Assignee Type': '受理人类型',
+      'Assignee': '受理人',
+      'Dynamic': '动态',
+      'Static': '静态',
+      'User': '用户',
+      'Role': '角色',
+      'Candidate Users': '候选用户',
+      'Candidate Groups': '候选组',
+      'Due Date': '到期',
+      'Follow Up Date': '跟踪日期',
+      'Priority': '优先级',
+      'The due date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)':
+        '可以使用EL表达式，（例如：${someDate} 或者ISO日期（例如：2015-06-26T09:54:00））',
+      'The follow up date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)':
+        '可以使用EL表达式，（例如：${someDate} 或者ISO日期（例如：2015-06-26T09:54:00））',
+  
+      'Create Task': '创建任务',
+      'Create DataObjectReference': '创建数据对象引用',
+      'Create DataStoreReference': '创建数据存储引用',
+      'Create Group': '创建分组',
+      'Category Value': '类别值',
+  
+      //custom
+      'Create CallActivity': '创建调用任务',
+      'Append Gateway': '追加网关节点',
+      'Append Intermediate/Boundary Event': '追加中间/边界事件',
+      'StartEvent': '开始节点',
+      'EndEvent': '结束节点',
+      'DataObjectReference': '数据对象引用',
+      'DataStoreReference': '数据存储引用',
+      'Element must have an unique id.': '节点元素必须用于唯一编号',
+      'Create ExclusiveGateway': '创建排他网关',
+      'Create Pool/Participant': '创建泳道或参与者',
+      'Append ExclusiveGateway': '追加排他网关',
+      'Append Task': '追加任务',
+      'Append UserTask': '追加用户任务',
+      'Append Sequence': '追加连线',
+      'Append EndEvent': '追加结束节点',
+      'UserTask': '用户任务',
+      'ExclusiveGateway': '条件', //排他网关
+      'Element is not set findUserType': '员工节点未设置节点人员',
+      'Token Simulation ': '流程模拟',
+      'Tasklist Configuration': '任务列表配置',
+      'Startable': '可启动',
+      'Element Documentation': '元素描述',
+  
+      'Multi Instance': '多实例',
+      'Loop Cardinality': '循环基数',
+      'Collection': '集合',
+      'Element Variable': '元素变量',
+      'Completion Condition': '完成条件',
+      'Multi Instance Asynchronous Before': '多实例异步之前',
+      'Multi Instance Asynchronous After': '多实例异步之后',
+      'Multi Instance Exclusive': '多实例排他',
+      'Multi Instance Retry Time Cycle': '多实例重试时间',
+      */
+};
+
+function customTranslate(template, replacements) {
+    replacements = replacements || {};
+    // Translate
+    template = translations[template] || template;
+    // Replace
+    return template.replace(/{([^}]+)}/g, function (_, key) {
+        return replacements[key] || '{' + key + '}';
+    });
+}
+var customTranslateModule = {
+    translate: ['value', customTranslate]
+};
+
+class UserTaskPaletteProvider {
+    constructor(palette, translate, elementFactory, moddle, modeling, create) {
+        this.translate = translate;
+        this.elementFactory = elementFactory;
+        this.moddle = moddle;
+        this.modeling = modeling;
+        this.create = create;
+        palette.registerProvider(this);
+        this.createUserTask = this.createUserTask.bind(this);
+    }
+    getPaletteEntries() {
+        return {
+            'create.user-task': {
+                group: 'activity',
+                className: 'bpmn-icon-user-task',
+                title: this.translate('Create UserTask'),
+                action: {
+                    dragstart: this.createUserTask,
+                    click: this.createUserTask
+                }
+            }
+        };
+    }
+    createUserTask(event) {
+        const shape = this.elementFactory.createShape({ type: 'bpmn:UserTask' });
+        const loopCharacteristics = this.moddle.create('bpmn:MultiInstanceLoopCharacteristics');
+        loopCharacteristics.set('isSequential', false);
+        this.modeling.updateProperties(shape, { loopCharacteristics });
+        this.create.start(event, shape);
+    }
+}
+
+class UserTaskContextPadProvider {
+    constructor(contextPad, translate, appendPreview, elementFactory, autoPlace, moddle, modeling, create) {
+        this.translate = translate;
+        this.appendPreview = appendPreview;
+        this.elementFactory = elementFactory;
+        this.autoPlace = autoPlace;
+        this.moddle = moddle;
+        this.modeling = modeling;
+        this.create = create;
+        contextPad.registerProvider(this);
+        this.appendUserTaskPreview = this.appendUserTaskPreview.bind(this);
+        this.appendUserTask = this.appendUserTask.bind(this);
+        this.appendUserTaskStart = this.appendUserTaskStart.bind(this);
+    }
+    getContextPadEntries() {
+        return {
+            'append.user-task': {
+                group: 'model',
+                className: 'bpmn-icon-user-task',
+                title: this.translate('Append UserTask'),
+                action: {
+                    hover: this.appendUserTaskPreview,
+                    click: this.appendUserTask,
+                    dragstart: this.appendUserTaskStart
+                }
+            }
+        };
+    }
+    appendUserTaskPreview(event, source) {
+        this.appendPreview.create(source, 'bpmn:UserTask');
+        return () => {
+            this.appendPreview.cleanUp();
+        };
+    }
+    appendUserTask(event, source) {
+        const shape = this.elementFactory.createShape({ type: 'bpmn:UserTask' });
+        const loopCharacteristics = this.moddle.create('bpmn:MultiInstanceLoopCharacteristics');
+        loopCharacteristics.set('isSequential', false);
+        this.modeling.updateProperties(shape, { loopCharacteristics });
+        this.autoPlace.append(source, shape);
+        this.appendPreview.cleanUp();
+    }
+    appendUserTaskStart(event, source) {
+        const shape = this.elementFactory.createShape({ type: 'bpmn:UserTask' });
+        const loopCharacteristics = this.moddle.create('bpmn:MultiInstanceLoopCharacteristics');
+        loopCharacteristics.set('isSequential', false);
+        this.modeling.updateProperties(shape, { loopCharacteristics });
+        this.create.start(event, shape, {
+            source: source
+        });
+        this.appendPreview.cleanUp();
+    }
+}
+
+var customUserTaskModule = {
+    __init__: ['userTaskPaletteProvider', 'userTaskContextPadProvider'],
+    userTaskPaletteProvider: ['type', UserTaskPaletteProvider],
+    userTaskContextPadProvider: ['type', UserTaskContextPadProvider],
+};
+
+class HideOtherPaletteProvider {
+    constructor(palette) {
+        this.visibleEntryKeys = [
+            'hand-tool',
+            'lasso-tool',
+            'space-tool',
+            'global-connect-tool',
+            'tool-separator',
+            'create.start-event',
+            'create.end-event',
+            'create.user-task',
+            'create.exclusive-gateway',
+            'xml'
+        ];
+        palette.registerProvider(0, this);
+    }
+    getPaletteEntries() {
+        return (entries) => {
+            const visibleEntries = {};
+            for (const visibleEntryKey of this.visibleEntryKeys) {
+                if (entries.hasOwnProperty(visibleEntryKey)) {
+                    visibleEntries[visibleEntryKey] = entries[visibleEntryKey];
+                }
+            }
+            return visibleEntries;
+        };
+    }
+}
+
+class HideOtherContextPadProvider {
+    constructor(contextPad, translate, popupMenu) {
+        this.contextPad = contextPad;
+        this.translate = translate;
+        this.popupMenu = popupMenu;
+        contextPad.registerProvider(0, this);
+    }
+    getContextPadEntries(element) {
+        return (entries) => {
+            if (is(element, 'bpmn:EndEvent')) {
+                return {
+                    'delete': entries['delete'],
+                    'set-color': entries['set-color']
+                };
+            }
+            else if (is(element, 'bpmn:SequenceFlow')) {
+                if (entries['replace']) {
+                    return {
+                        'replace': this.createReplaceAction(element),
+                        'delete': entries['delete'],
+                        'set-color': entries['set-color']
+                    };
+                }
+                return {
+                    'delete': entries['delete'],
+                    'set-color': entries['set-color']
+                };
+            }
+            else if (is(element, 'bpmn:Gateway')) {
+                return {
+                    'append.user-task': entries['append.user-task'],
+                    'append.gateway': entries['append.gateway'],
+                    'append.end-event': entries['append.end-event'],
+                    'connect': entries['connect'],
+                    'replace': this.createReplaceAction(element),
+                    'delete': entries['delete'],
+                    'set-color': entries['set-color']
+                };
+            }
+            return {
+                'append.user-task': entries['append.user-task'],
+                'append.gateway': entries['append.gateway'],
+                'append.end-event': entries['append.end-event'],
+                'connect': entries['connect'],
+                'delete': entries['delete'],
+                'set-color': entries['set-color']
+            };
+        };
+    }
+    getReplaceMenuPosition(element) {
+        const pad = this.contextPad.getPad(element).html;
+        const padRect = pad.getBoundingClientRect();
+        return {
+            x: padRect.left,
+            y: padRect.bottom + 5
+        };
+    }
+    createReplaceAction(element) {
+        return {
+            group: 'edit',
+            className: 'bpmn-icon-screw-wrench',
+            title: this.translate('Change type'),
+            action: {
+                click: (event, element) => {
+                    const position = Object.assign(this.getReplaceMenuPosition(element), {
+                        cursor: {
+                            x: event.x,
+                            y: event.y
+                        }
+                    });
+                    this.popupMenu.open(element, 'bpmn-replace', position, {
+                        width: 300,
+                        search: true
+                    });
+                }
+            }
+        };
+    }
+}
+
+class GatewayReplaceMenuProvider {
+    constructor(popupMenu) {
+        popupMenu.registerProvider('bpmn-replace', 0, this);
+    }
+    getPopupMenuEntries(element) {
+        return (entries) => {
+            if (is(element, 'bpmn:ExclusiveGateway')) {
+                return {
+                    'replace-with-parallel-gateway': entries['replace-with-parallel-gateway']
+                };
+            }
+            else if (is(element, 'bpmn:ParallelGateway')) {
+                return {
+                    'replace-with-exclusive-gateway': entries['replace-with-exclusive-gateway']
+                };
+            }
+            return entries;
+        };
+    }
+}
+
+var customHideOtherModule = {
+    __init__: ['hideOtherPaletteProvider', 'hideOtherContextPadProvider', 'gatewayReplaceMenuProvider'],
+    hideOtherPaletteProvider: ['type', HideOtherPaletteProvider],
+    hideOtherContextPadProvider: ['type', HideOtherContextPadProvider],
+    gatewayReplaceMenuProvider: ['type', GatewayReplaceMenuProvider]
+};
+
+function addExtensionProperty(element, key, value, bpmnFactory, modeling) {
+    let extensionElements = element.businessObject.get('extensionElements');
+    if (!extensionElements) {
+        extensionElements = bpmnFactory.create('bpmn:ExtensionElements', { values: [] });
+        extensionElements.$parent = element.businessObject;
+        modeling.updateModdleProperties(element, element.businessObject, { extensionElements });
+    }
+    let properties = null;
+    const extensionElementValues = extensionElements.get('values');
+    const existPropertiesElements = extensionElementValues.filter((value) => is(value, 'camunda:Properties'));
+    if (existPropertiesElements.length > 0) {
+        properties = existPropertiesElements[0];
+    }
+    if (!properties) {
+        properties = bpmnFactory.create('camunda:Properties', { values: [] });
+        properties.$parent = extensionElements;
+        modeling.updateModdleProperties(element, extensionElements, { values: [...extensionElements.get('values'), properties] });
+    }
+    const propertyValues = properties.get('values');
+    const existPropertyIndex = propertyValues.findIndex((value) => value.name === key);
+    if (existPropertyIndex > -1) {
+        modeling.updateModdleProperties(element, propertyValues[existPropertyIndex], { name: key, value });
+    }
+    else {
+        const property = bpmnFactory.create('camunda:Property', { name: key, value });
+        property.$parent = properties;
+        modeling.updateModdleProperties(element, properties, { values: [...properties.get('values'), property] });
+    }
+}
+
+// @ts-ignore
+class DescriptionProps {
+    constructor(props) {
+        this.id = 'Coast_taskDescription';
+        const { element, translate, bpmnFactory, modeling, debounce } = props;
+        this.component = () => {
+            return TextFieldEntry({
+                id: this.id,
+                element: element,
+                label: translate('Task Description'),
+                getValue: () => {
+                    return element.businessObject.get('taskDescription') || '';
+                },
+                setValue: (value) => {
+                    modeling.updateModdleProperties(element, element.businessObject, {
+                        'taskDescription': value
+                    });
+                    addExtensionProperty(element, 'taskDescription', value, bpmnFactory, modeling);
+                },
+                debounce
+            });
+        };
+        this.isEdited = isTextFieldEntryEdited;
+    }
+}
+
+class CustomPropertiesProvider {
+    constructor(propertiesPanel, translate, bpmnFactory, modeling, debounceInput) {
+        this.translate = translate;
+        this.bpmnFactory = bpmnFactory;
+        this.modeling = modeling;
+        this.debounceInput = debounceInput;
+        propertiesPanel.registerProvider(0, this);
+    }
+    getGroups(element) {
+        return ((groups) => {
+            if (is(element, 'bpmn:UserTask')) {
+                console.log(groups);
+                return [groups.find((group) => group.id === 'general'), {
+                        id: 'Coast_Implementation',
+                        label: this.translate('More config'),
+                        entries: [new DescriptionProps({
+                                element,
+                                translate: this.translate,
+                                bpmnFactory: this.bpmnFactory,
+                                modeling: this.modeling,
+                                debounce: this.debounceInput
+                            })]
+                    }];
+            }
+            return groups;
+        });
+    }
+}
+
+var customPropertiesPanelModule = {
+    __init__: ['customPropertiesProvider'],
+    customPropertiesProvider: ['type', CustomPropertiesProvider]
+};
+
+var name = "Coast Custom";
+var prefix = "coast";
+var uri = "https://c-standard.cn";
+var xml = {
+	tagAlias: "lowerCase"
+};
+var associations = [
+];
+var types = [
+	{
+		name: "CoastUserTask",
+		"extends": [
+			"bpmn:UserTask"
+		],
+		properties: [
+			{
+				name: "taskDescription",
+				isAttr: true,
+				type: "String"
+			}
+		]
+	}
+];
+var coastModdleDescriptor = {
+	name: name,
+	prefix: prefix,
+	uri: uri,
+	xml: xml,
+	associations: associations,
+	types: types
+};
+
 class CodeEditorComponent {
     set code(code) {
         this._code = code || '';
@@ -910,6 +1555,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 args: ['editorContainer', { static: true }]
             }] } });
 
+class CamundaBpmnEditorComponent {
+    constructor() {
+        this.isShowXml = false;
+    }
+    ngAfterViewInit() {
+        this.modeler = new BpmnModeler({
+            container: this.container?.nativeElement,
+            propertiesPanel: {
+                parent: this.config?.nativeElement,
+            },
+            keyboard: {
+                bindTo: document,
+            },
+            additionalModules: [
+                customTranslateModule,
+                customUserTaskModule,
+                customHideOtherModule,
+                customPropertiesPanelModule
+            ],
+            moddleExtensions: {
+                coast: coastModdleDescriptor
+            }
+        });
+        const logo = this.modeler._container.querySelector('.bjs-powered-by');
+        if (logo) {
+            this.modeler._container.removeChild(logo);
+        }
+        this.canvas = this.modeler.get('canvas');
+        this.modeler.createDiagram().then(() => {
+            this.canvas.zoom('fit-viewport');
+        });
+    }
+    showXml() {
+        if (!this.isShowXml) {
+            this.modeler.saveXML({ format: true }).then((response) => {
+                this.xml = response.xml;
+            });
+        }
+        this.isShowXml = !this.isShowXml;
+    }
+}
+CamundaBpmnEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CamundaBpmnEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: CamundaBpmnEditorComponent, selector: "rs-camunda-bpmn-editor", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "config", first: true, predicate: ["config"], descendants: true }], ngImport: i0, template: "<div class=\"main\">\n  <div class=\"container\" #container></div>\n  <div class=\"config\" #config></div>\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\n  </div>\n</div>\n<div class=\"footer\">\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\n             (onClick)=\"showXml()\"></dx-button>\n</div>\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, #dddddd)}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 1040)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, #dddddd)}\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: 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-camunda-bpmn-editor', template: "<div class=\"main\">\n  <div class=\"container\" #container></div>\n  <div class=\"config\" #config></div>\n  <div class=\"xml-viewer\" [ngStyle]=\"{display: isShowXml ? 'flex' : 'none'}\">\n    <rs-code-editor language=\"xml\" [code]=\"xml\" [readonly]=\"true\" [enableMinimap]=\"true\"></rs-code-editor>\n  </div>\n</div>\n<div class=\"footer\">\n  <dx-button [type]=\"isShowXml ? 'default' : 'normal'\" text=\"XML\" [hoverStateEnabled]=\"false\"\n             (onClick)=\"showXml()\"></dx-button>\n</div>\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, #dddddd)}:host .main .xml-viewer{position:absolute;width:100%;height:100%;display:flex;flex-flow:column nowrap;z-index:var(--coast-z-index-drawer, 1040)}:host .main .xml-viewer rs-code-editor{flex:1}:host .footer{flex:0 0 24px;border:1px solid var(--coast-border-color, #dddddd)}\n"] }]
+        }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container']
+            }], config: [{
+                type: ViewChild,
+                args: ['config']
+            }] } });
+
 class CodeEditorModule {
 }
 CodeEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CodeEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -936,6 +1635,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
+class CamundaBpmnEditorModule {
+}
+CamundaBpmnEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CamundaBpmnEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorModule, declarations: [CamundaBpmnEditorComponent], imports: [CommonModule,
+        CodeEditorModule,
+        DevExtremeModule], exports: [CamundaBpmnEditorComponent] });
+CamundaBpmnEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorModule, imports: [CommonModule,
+        CodeEditorModule,
+        DevExtremeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CamundaBpmnEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CamundaBpmnEditorComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        CodeEditorModule,
+                        DevExtremeModule
+                    ],
+                    exports: [
+                        CamundaBpmnEditorComponent
+                    ]
+                }]
+        }] });
+
 class DataGridService {
     constructor(http) {
         this.http = http;
@@ -2107,10 +2832,10 @@ class FormComponent {
     }
 }
 FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormComponent, deps: [{ token: i0.ViewContainerRef }, { token: FormService }], 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", 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\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<dx-validation-group *ngIf=\"!loading\">\n  <rs-box-container [config]=\"config\" [model]=\"model\" [readonly]=\"readonly\"></rs-box-container>\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\n</dx-validation-group>\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", "readonly"] }, { kind: "component", type: i5.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", params: "params", 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\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<dx-validation-group *ngIf=\"!loading\">\n  <rs-box-container [config]=\"config\" [model]=\"model\" [params]=\"params\" [readonly]=\"readonly\"></rs-box-container>\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\n</dx-validation-group>\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"] }, { kind: "component", type: i5.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\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<dx-validation-group *ngIf=\"!loading\">\n  <rs-box-container [config]=\"config\" [model]=\"model\" [readonly]=\"readonly\"></rs-box-container>\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\n</dx-validation-group>\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"] }]
+            args: [{ selector: 'rs-form', providers: [FormService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<dx-validation-group *ngIf=\"!loading\">\n  <rs-box-container [config]=\"config\" [model]=\"model\" [params]=\"params\" [readonly]=\"readonly\"></rs-box-container>\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\n</dx-validation-group>\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:row nowrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: FormService }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
@@ -2121,6 +2846,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], template: [{
                 type: Input
+            }], params: [{
+                type: Input
             }], readonly: [{
                 type: Input
             }], validator: [{
@@ -2149,7 +2876,7 @@ class DataDetailComponent {
     }
 }
 DataDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataDetailComponent, deps: [{ token: i0.ViewContainerRef }, { token: DataDetailService }], target: i0.ɵɵFactoryTarget.Component });
-DataDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataDetailComponent, selector: "coast-data-detail", inputs: { tenant: "tenant", className: "className", oid: "oid" }, providers: [DataDetailService], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<div *ngIf=\"!loading && sections.length === 0\" class=\"empty\">\n  <span>\u60A8\u65E0\u6743\u67E5\u770B\u8BE5\u6570\u636E\u5B9E\u4F8B\u4EFB\u4F55\u4FE1\u606F</span>\n</div>\n<ng-container *ngIf=\"sections.length > 0\">\n  <dx-accordion [collapsible]=\"true\" [multiple]=\"true\" [deferRendering]=\"false\" [dataSource]=\"sections\"\n                [selectedItems]=\"sections\">\n    <div *dxTemplate=\"let section of 'title'\" class=\"section-title\">\n      <div class=\"section-title-name\">{{section.name}}</div>\n    </div>\n    <div *dxTemplate=\"let section of 'item'\">\n      <rs-form [tenant]=\"tenant\" [className]=\"className\" [oid]=\"oid\" [template]=\"section.formTemplate\"\n               [readonly]=\"true\"></rs-form>\n    </div>\n  </dx-accordion>\n</ng-container>\n", styles: [":host{flex:1;padding:24px;display:flex;flex-flow:column nowrap}:host div.empty{flex:1;padding:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div.empty span{text-align:center;-webkit-user-select:none;user-select:none}:host .section-title{border-bottom:1px solid var(--coast-border-color, #dddddd)}:host .section-title .section-title-name{height:24px;font-size:14px;font-weight:700;padding:4px 8px;display:flex;flex-flow:column nowrap;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.DxAccordionComponent, selector: "dx-accordion", inputs: ["accessKey", "activeStateEnabled", "animationDuration", "collapsible", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "keyExpr", "multiple", "noDataText", "repaintChangesOnly", "rtlEnabled", "selectedIndex", "selectedItem", "selectedItemKeys", "selectedItems", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onItemTitleClick", "onOptionChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "animationDurationChange", "collapsibleChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "keyExprChange", "multipleChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "selectedIndexChange", "selectedItemChange", "selectedItemKeysChange", "selectedItemsChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i5.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { 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: FormComponent, selector: "rs-form", inputs: ["tenant", "className", "oid", "copyOid", "template", "readonly"], outputs: ["submitCallback"] }] });
+DataDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataDetailComponent, selector: "coast-data-detail", inputs: { tenant: "tenant", className: "className", oid: "oid", params: "params" }, providers: [DataDetailService], ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<div *ngIf=\"!loading && sections.length === 0\" class=\"empty\">\n  <span>\u60A8\u65E0\u6743\u67E5\u770B\u8BE5\u6570\u636E\u5B9E\u4F8B\u4EFB\u4F55\u4FE1\u606F</span>\n</div>\n<ng-container *ngIf=\"sections.length > 0\">\n  <dx-accordion [collapsible]=\"true\" [multiple]=\"true\" [deferRendering]=\"false\" [dataSource]=\"sections\"\n                [selectedItems]=\"sections\">\n    <div *dxTemplate=\"let section of 'title'\" class=\"section-title\">\n      <div class=\"section-title-name\">{{section.name}}</div>\n    </div>\n    <div *dxTemplate=\"let section of 'item'\">\n      <rs-form [tenant]=\"tenant\" [className]=\"className\" [oid]=\"oid\" [template]=\"section.formTemplate\"\n               [readonly]=\"true\"></rs-form>\n    </div>\n  </dx-accordion>\n</ng-container>\n", styles: [":host{flex:1;padding:24px;display:flex;flex-flow:column nowrap}:host div.empty{flex:1;padding:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div.empty span{text-align:center;-webkit-user-select:none;user-select:none}:host .section-title{border-bottom:1px solid var(--coast-border-color, #dddddd)}:host .section-title .section-title-name{height:24px;font-size:14px;font-weight:700;padding:4px 8px;display:flex;flex-flow:column nowrap;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.DxAccordionComponent, selector: "dx-accordion", inputs: ["accessKey", "activeStateEnabled", "animationDuration", "collapsible", "dataSource", "deferRendering", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "itemHoldTimeout", "items", "itemTemplate", "itemTitleTemplate", "keyExpr", "multiple", "noDataText", "repaintChangesOnly", "rtlEnabled", "selectedIndex", "selectedItem", "selectedItemKeys", "selectedItems", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onItemTitleClick", "onOptionChanged", "onSelectionChanged", "accessKeyChange", "activeStateEnabledChange", "animationDurationChange", "collapsibleChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "itemHoldTimeoutChange", "itemsChange", "itemTemplateChange", "itemTitleTemplateChange", "keyExprChange", "multipleChange", "noDataTextChange", "repaintChangesOnlyChange", "rtlEnabledChange", "selectedIndexChange", "selectedItemChange", "selectedItemKeysChange", "selectedItemsChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i5.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { 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: FormComponent, selector: "rs-form", inputs: ["tenant", "className", "oid", "copyOid", "template", "params", "readonly"], outputs: ["submitCallback"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'coast-data-detail', providers: [DataDetailService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\n               [visible]=\"loading\">\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\n</dx-load-panel>\n<div *ngIf=\"!loading && sections.length === 0\" class=\"empty\">\n  <span>\u60A8\u65E0\u6743\u67E5\u770B\u8BE5\u6570\u636E\u5B9E\u4F8B\u4EFB\u4F55\u4FE1\u606F</span>\n</div>\n<ng-container *ngIf=\"sections.length > 0\">\n  <dx-accordion [collapsible]=\"true\" [multiple]=\"true\" [deferRendering]=\"false\" [dataSource]=\"sections\"\n                [selectedItems]=\"sections\">\n    <div *dxTemplate=\"let section of 'title'\" class=\"section-title\">\n      <div class=\"section-title-name\">{{section.name}}</div>\n    </div>\n    <div *dxTemplate=\"let section of 'item'\">\n      <rs-form [tenant]=\"tenant\" [className]=\"className\" [oid]=\"oid\" [template]=\"section.formTemplate\"\n               [readonly]=\"true\"></rs-form>\n    </div>\n  </dx-accordion>\n</ng-container>\n", styles: [":host{flex:1;padding:24px;display:flex;flex-flow:column nowrap}:host div.empty{flex:1;padding:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div.empty span{text-align:center;-webkit-user-select:none;user-select:none}:host .section-title{border-bottom:1px solid var(--coast-border-color, #dddddd)}:host .section-title .section-title-name{height:24px;font-size:14px;font-weight:700;padding:4px 8px;display:flex;flex-flow:column nowrap;justify-content:center}\n"] }]
@@ -2159,6 +2886,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], oid: [{
                 type: Input
+            }], params: [{
+                type: Input
             }] } });
 
 class FormModule {
@@ -2306,6 +3035,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         }], ctorParameters: function () { return []; } });
 
 class DynamicParamsComponent {
+    constructor() {
+        this.readonly = false;
+    }
     add() {
         this.params.push({ name: '', value: '' });
     }
@@ -2314,14 +3046,16 @@ class DynamicParamsComponent {
     }
 }
 DynamicParamsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DynamicParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DynamicParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DynamicParamsComponent, selector: "rs-dynamic-params", inputs: { label: "label", params: "params" }, ngImport: i0, template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i3$2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
+DynamicParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DynamicParamsComponent, selector: "rs-dynamic-params", inputs: { label: "label", params: "params", readonly: "readonly" }, ngImport: i0, template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"\n               [disabled]=\"readonly\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\" [disabled]=\"readonly\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\" [disabled]=\"readonly\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\" [disabled]=\"readonly\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i3$2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DynamicParamsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-dynamic-params', template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"] }]
+            args: [{ selector: 'rs-dynamic-params', template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>{{label || '\u52A8\u6001\u53C2\u6570'}}</span>\n    <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-add\" (onClick)=\"add()\"\n               [disabled]=\"readonly\"></dx-button>\n  </div>\n  <div class=\"dx-field-value\">\n    <div *ngFor=\"let param of params; let index = index\">\n      <dx-text-box placeholder=\"\u53C2\u6570\u540D\" [(value)]=\"param.name\" [disabled]=\"readonly\"></dx-text-box>\n      <dx-text-box placeholder=\"\u53C2\u6570\u503C\" [(value)]=\"param.value\" [disabled]=\"readonly\"></dx-text-box>\n      <dx-button type=\"danger\" stylingMode=\"text\" icon=\"coast-icon coast-icon-close\"\n                 (onClick)=\"delete(index)\" [disabled]=\"readonly\"></dx-button>\n    </div>\n  </div>\n</div>\n", styles: [":host .dx-field .dx-field-label{display:flex;align-items:center}:host .dx-field .dx-field-value div{display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-value div dx-text-box{flex:1}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], params: [{
                 type: Input
+            }], readonly: [{
+                type: Input
             }] } });
 
 class DynamicParamsModule {
@@ -2766,5 +3500,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, 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, 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, WebsocketModule, WebsocketService, notify_error, notify_success, notify_warning, validate, validate_group };
 //# sourceMappingURL=ngx-rs-ant.mjs.map