@genexus/diagram-editors 18.2.27 → 18.4.27

package/dist/cjs/gx-bpmn-editor.cjs.entry.js

@@ -3,22 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8fa91cf.js');
-const editor = require('./editor-386996a2.js');
-
-const CellTypes = {
-    TASK: 'Task',
-    SUB_PROCESS: 'SubProcess',
-    EMBEDDED_SUB_PROCESS: 'EmbeddedSubProcess',
-    EXPANDED_EMBEDDED_SUB_PROCESS: 'ExpandedEmbeddedSubProcess',
-    SUB_PROCESS_CHILDREN_SLOT: 'SubProcessChildrenSlot',
-    START_EVENT: 'StartEvent',
-    INTERMEDIATE_EVENT: 'IntermediateEvent',
-    END_EVENT: 'EndEvent',
-    GATEWAY: 'Gateway',
-    POOL: 'Pool',
-    LANE: 'Lane',
-    CONNECTOR: 'Connector'
-};
+const editor = require('./editor-39f75f41.js');
 
 class StackLayout extends editor.mx.mxStackLayout {
     constructor(graph) {
@@ -27,7 +12,7 @@ class StackLayout extends editor.mx.mxStackLayout {
         this.fill = true;
     }
     isVertexIgnored(cell) {
-        return !(editor.Utils.cellOfType(cell, CellTypes.POOL) || editor.Utils.cellOfType(cell, CellTypes.LANE));
+        return !(editor.Utils.cellOfType(cell, editor.CellTypes.POOL) || editor.Utils.cellOfType(cell, editor.CellTypes.LANE));
     }
     isVertexMovable() {
         return true;
@@ -39,14 +24,14 @@ class LayoutManager extends editor.mx.mxLayoutManager {
         this.layout = new StackLayout(graph);
     }
     getLayout(cell) {
-        if (editor.Utils.cellOfType(cell, CellTypes.POOL))
+        if (editor.Utils.cellOfType(cell, editor.CellTypes.POOL))
             return this.layout;
         return null;
     }
 }
 class SwimlaneManager extends editor.mx.mxSwimlaneManager {
     isSwimlaneIgnored(cell) {
-        return !(editor.Utils.cellOfType(cell, CellTypes.LANE));
+        return !(editor.Utils.cellOfType(cell, editor.CellTypes.LANE));
     }
 }
 
@@ -65,6 +50,7 @@ var TaskTypeValues;
 })(TaskTypeValues || (TaskTypeValues = {}));
 var ActivityLoopTypeValues;
 (function (ActivityLoopTypeValues) {
+    ActivityLoopTypeValues["None"] = "None";
     ActivityLoopTypeValues["Standard"] = "Standard";
     ActivityLoopTypeValues["MultiInstance"] = "Multi-Instance";
 })(ActivityLoopTypeValues || (ActivityLoopTypeValues = {}));
@@ -106,10 +92,17 @@ var EventTriggerValues;
     EventTriggerValues["Terminate"] = "Terminate";
     EventTriggerValues["Timer"] = "Timer";
 })(EventTriggerValues || (EventTriggerValues = {}));
+var ConnectorType;
+(function (ConnectorType) {
+    ConnectorType["SequenceFlow"] = "SequenceFlow";
+    ConnectorType["Association"] = "Association";
+    ConnectorType["MessageFlow"] = "MessageFlow";
+})(ConnectorType || (ConnectorType = {}));
 var ConnectorProperties;
 (function (ConnectorProperties) {
     ConnectorProperties["Text"] = "PWFSeqConnText";
     ConnectorProperties["SequenceType"] = "PWFSeqConnType";
+    ConnectorProperties["ConnectorType"] = "PWFConnType";
 })(ConnectorProperties || (ConnectorProperties = {}));
 var SequenceConnectorType;
 (function (SequenceConnectorType) {
@@ -125,6 +118,8 @@ var ArtifactProperties;
 var StyleTokens;
 (function (StyleTokens) {
     StyleTokens.ACTIVITY_SIZE = { width: 130, height: 50 };
+    StyleTokens.TEXT_ANNOTATION_SIZE = { width: 130, height: 50 };
+    StyleTokens.TEXT_ANNOTATION_BRACKET_WIDTH = 17;
     StyleTokens.EVENT_SIZE = { width: 32, height: 32 };
     StyleTokens.ATTACHED_EVENT_SIZE = { width: 24, height: 24 };
     StyleTokens.GATEWAY_SIZE = { width: 40, height: 40 };
@@ -144,6 +139,8 @@ var StyleTokens;
     StyleTokens.TASK_USER_STROKE_COLOR = '#96e3b0';
     StyleTokens.TASK_SCRIPT_BACKGROUND_COLOR = 'rgb(40,41,45)';
     StyleTokens.TASK_SCRIPT_STROKE_COLOR = '#5bb2ff';
+    StyleTokens.TEXT_ANNOTATION_BACKGROUND_COLOR = '#35363A';
+    StyleTokens.TEXT_ANNOTATION_STROKE_COLOR = '#a4a5a6';
     StyleTokens.SUB_PROCESS_BACKGROUND_COLOR = 'rgb(40,41,45)';
     StyleTokens.SUB_PROCESS_STROKE_COLOR = '#f89491';
     StyleTokens.GATEWAY_STROKE_COLOR = '#2dcf76';
@@ -156,9 +153,16 @@ var StyleTokens;
     StyleTokens.CONNECTOR_OPTIONAL_COLOR = '#5bb2ff';
 })(StyleTokens || (StyleTokens = {}));
 
+const StyleTypes = {
+    SEQUENCE_FLOW: 'sequenceFlow',
+    MESSAGE_FLOW: 'messageFlow',
+    ASSOSIATION: 'association',
+};
+
 class BpmnGraph extends editor.Graph {
     constructor(options) {
         super(options);
+        this.multigraph = false;
         this.tolerance = 20;
         this.swimlaneManager = new SwimlaneManager(this, false, undefined, undefined);
         this.layoutManager = new LayoutManager(this);
@@ -210,17 +214,15 @@ class BpmnGraph extends editor.Graph {
     }
     isSwimlane(cell) {
         return editor.Utils.cellOfType(cell, [
-            CellTypes.TASK,
-            CellTypes.SUB_PROCESS,
-            CellTypes.EMBEDDED_SUB_PROCESS,
-            CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
-            CellTypes.SUB_PROCESS_CHILDREN_SLOT,
-            CellTypes.POOL,
-            CellTypes.LANE
+            editor.CellTypes.SUB_PROCESS,
+            editor.CellTypes.EMBEDDED_SUB_PROCESS,
+            editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT,
+            editor.CellTypes.POOL,
+            editor.CellTypes.LANE
         ]);
     }
     isCellSelectable(cell) {
-        return !editor.Utils.cellOfType(cell, CellTypes.SUB_PROCESS_CHILDREN_SLOT);
+        return !editor.Utils.cellOfType(cell, editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT);
     }
     isCellFoldable(cell) {
         return false;
@@ -229,17 +231,17 @@ class BpmnGraph extends editor.Graph {
         super.dblClick(evt, cell);
     }
     isValidRoot(cell) {
-        return this.getModel().root === cell || editor.Utils.cellOfType(cell, CellTypes.SUB_PROCESS_CHILDREN_SLOT);
+        return this.getModel().root === cell || editor.Utils.cellOfType(cell, editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT);
     }
     constrainChild(cell) {
         let parent = cell.getParent();
-        if (editor.Utils.cellOfType(cell, CellTypes.INTERMEDIATE_EVENT)) {
-            if (editor.Utils.cellOfType(parent, [CellTypes.TASK, CellTypes.EMBEDDED_SUB_PROCESS, CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS]))
+        if (editor.Utils.cellOfType(cell, editor.CellTypes.INTERMEDIATE_EVENT)) {
+            if (editor.Utils.cellOfType(parent, [editor.CellTypes.TASK, editor.CellTypes.EMBEDDED_SUB_PROCESS, editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS]))
                 this._constrainAttachedEvent(cell);
             else
                 this._constrainNonAttachedEvent(cell);
         }
-        else if (editor.Utils.cellOfType(parent, CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS) && editor.Utils.cellOfType(cell, CellTypes.SUB_PROCESS_CHILDREN_SLOT)) {
+        else if (editor.Utils.cellOfType(parent, editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS) && editor.Utils.cellOfType(cell, editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT)) {
             this._constrainSubProcessChildrenSlot(cell);
         }
     }
@@ -307,14 +309,17 @@ class BpmnGraph extends editor.Graph {
         return super.getDropTarget(cells, evt, cell, clone);
     }
     _onCellConnected(evt) {
+        let edge = evt.getProperty('edge');
+        edge.style = StyleTypes.SEQUENCE_FLOW;
+        console.log('onCellConnected', evt);
         if (evt.getProperty('source')) {
             let vertex = evt.getProperty('terminal');
-            if (editor.Utils.cellOfType(vertex, CellTypes.GATEWAY)) {
+            if (editor.Utils.cellOfType(vertex, editor.CellTypes.GATEWAY)) {
                 let gatewayProps = vertex.getValue() || {};
                 let gatewayType = gatewayProps[GatewayProperties.Type] || GatewayTypeValues.Exclusive;
                 if (gatewayType === GatewayTypeValues.Exclusive || gatewayType === GatewayTypeValues.Inclusive) {
                     let edge = evt.getProperty('edge');
-                    if (editor.Utils.cellOfType(edge, CellTypes.CONNECTOR)) {
+                    if (editor.Utils.cellOfType(edge, editor.CellTypes.CONNECTOR)) {
                         let connectorProps = edge.getValue() || {};
                         if (connectorProps[ConnectorProperties.SequenceType] != SequenceConnectorType.Conditional)
                             this.getModel().setValue(edge, Object.assign({}, connectorProps, { [ConnectorProperties.SequenceType]: SequenceConnectorType.Conditional }));
@@ -322,20 +327,33 @@ class BpmnGraph extends editor.Graph {
                 }
             }
         }
+        if (evt.getProperty('terminal')) {
+            let vertex = evt.getProperty('terminal');
+            if (editor.Utils.cellOfType(vertex, editor.CellTypes.TEXT_ANNOTATION)) {
+                let edge = evt.getProperty('edge');
+                edge.style = StyleTypes.ASSOSIATION;
+                if (editor.Utils.cellOfType(edge, editor.CellTypes.CONNECTOR)) {
+                    let connectorProps = edge.getValue() || {};
+                    if (connectorProps[ConnectorProperties.ConnectorType] != ConnectorType.Association) {
+                        this.getModel().setValue(edge, Object.assign({}, connectorProps, { [ConnectorProperties.ConnectorType]: ConnectorType.Association }));
+                    }
+                }
+            }
+        }
     }
     _onSplitEdge(evt) {
         let cells = evt.getProperty('cells');
         if (cells.length > 0) {
             let parent = cells[0].getParent();
-            if (editor.Utils.cellOfType(parent, CellTypes.POOL) &&
-                parent.children && parent.children.find((c) => editor.Utils.cellOfType(c, CellTypes.LANE))) {
+            if (editor.Utils.cellOfType(parent, editor.CellTypes.POOL) &&
+                parent.children && parent.children.find((c) => editor.Utils.cellOfType(c, editor.CellTypes.LANE))) {
                 for (let cell of cells) {
                     let geo = cell.getGeometry();
                     let pt = editor.Utils.convertToAbsolutePosition(cell.getParent(), geo);
                     let t = this.view.getTranslate();
                     pt.x += t.x;
                     pt.y += t.y;
-                    let lane = this.getCellAt(pt.x, pt.y, undefined, true, false, (c) => !editor.Utils.cellOfType(c.cell, CellTypes.LANE));
+                    let lane = this.getCellAt(pt.x, pt.y, undefined, true, false, (c) => !editor.Utils.cellOfType(c.cell, editor.CellTypes.LANE));
                     if (lane) {
                         setTimeout(() => {
                             this.moveCells([cell], 0, 0, false, lane);
@@ -369,7 +387,7 @@ class ActivityShape extends editor.mx.mxShape {
                 break;
             default:
                 c.setStrokeColor(StyleTokens.TASK_NONE_STROKE_COLOR);
-                if (((_a = cell.descriptor) === null || _a === void 0 ? void 0 : _a.id) === CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS)
+                if (((_a = cell.descriptor) === null || _a === void 0 ? void 0 : _a.id) === editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS)
                     c.setFillColor(StyleTokens.BACKGROUND_COLOR);
                 else
                     c.setFillColor(StyleTokens.TASK_NONE_BACKGROUND_COLOR);
@@ -398,7 +416,7 @@ class ActivityShape extends editor.mx.mxShape {
         let scale = this.getScale(c);
         let cell = this.state.cell;
         let value = cell.getValue();
-        let collpasedSubProcess = ((_a = cell.descriptor) === null || _a === void 0 ? void 0 : _a.id) === CellTypes.EMBEDDED_SUB_PROCESS || ((_b = cell.descriptor) === null || _b === void 0 ? void 0 : _b.id) === CellTypes.SUB_PROCESS;
+        let collpasedSubProcess = ((_a = cell.descriptor) === null || _a === void 0 ? void 0 : _a.id) === editor.CellTypes.EMBEDDED_SUB_PROCESS || ((_b = cell.descriptor) === null || _b === void 0 ? void 0 : _b.id) === editor.CellTypes.SUB_PROCESS;
         c.beginSvgGroup({ transform: `translate(${(x + w / 2 - (collpasedSubProcess ? 28 : 12)) * scale}, ${(y + h - 16) * scale})` });
         switch (value[ActivityProperties.LoopType]) {
             case ActivityLoopTypeValues.Standard:
@@ -536,6 +554,31 @@ class ActivityShape extends editor.mx.mxShape {
     }
 }
 
+class TextAnnotationShape extends editor.mx.mxShape {
+    paintBackground(c, x, y, w, h) {
+        this.paintBorder(c, x, y, w, h);
+    }
+    paintBorder(c, x, y, w, h) {
+        let cell = this.state.cell;
+        let value = cell.getValue();
+        c.setFillColor(StyleTokens.TEXT_ANNOTATION_BACKGROUND_COLOR);
+        c.setStrokeColor(StyleTokens.TEXT_ANNOTATION_STROKE_COLOR);
+        c.rect(x, y, w, h);
+        c.fill();
+        c.begin();
+        c.moveTo(x + StyleTokens.TEXT_ANNOTATION_BRACKET_WIDTH, y);
+        c.lineTo(x, y);
+        c.lineTo(x, y + h);
+        c.lineTo(x + StyleTokens.TEXT_ANNOTATION_BRACKET_WIDTH, y + h);
+        c.stroke();
+        c.end();
+    }
+    getScale(c) {
+        let state = c.state;
+        return state.scale;
+    }
+}
+
 class ConnectorShape extends editor.mx.mxConnector {
     paintEdgeShape(c, pts) {
         super.paintEdgeShape(c, pts);
@@ -548,23 +591,23 @@ class EventShape extends editor.mx.mxShape {
         let cell = this.state.cell;
         let descriptor = cell.descriptor;
         let value = cell.getValue();
-        let attached = (cell.parent instanceof editor.Cell) && cell.parent.descriptor.id === CellTypes.TASK;
-        let isIntermediate = descriptor.id === CellTypes.INTERMEDIATE_EVENT;
+        let attached = (cell.parent instanceof editor.Cell) && cell.parent.descriptor.id === editor.CellTypes.TASK;
+        let isIntermediate = descriptor.id === editor.CellTypes.INTERMEDIATE_EVENT;
         let isThrow = editor.Utils.convertToBoolean(value[EventProperties.IsThrow]);
         let interrupts = !attached || editor.Utils.convertToBoolean(isIntermediate && value[EventProperties.Interrupts]);
         let scale = this.getScale(c);
         let cx = EVENT_SHAPE_SIZE / 2 * scale;
         let cy = EVENT_SHAPE_SIZE / 2 * scale;
         switch (descriptor.id) {
-            case CellTypes.START_EVENT:
+            case editor.CellTypes.START_EVENT:
                 c.setStrokeColor(StyleTokens.EVENT_START_STROKE_COLOR);
                 c.setStrokeWidth(StyleTokens.DEFAULT_STROKE_WIDTH);
                 break;
-            case CellTypes.INTERMEDIATE_EVENT:
+            case editor.CellTypes.INTERMEDIATE_EVENT:
                 c.setStrokeColor(StyleTokens.EVENT_INTERMEDIATE_STROKE_COLOR);
                 c.setStrokeWidth(StyleTokens.STROKE_WIDTH_LIGHT);
                 break;
-            case CellTypes.END_EVENT:
+            case editor.CellTypes.END_EVENT:
                 c.setStrokeColor(StyleTokens.EVENT_END_STROKE_COLOR);
                 c.setStrokeWidth(StyleTokens.STROKE_WIDTH_THICK);
                 break;
@@ -841,12 +884,13 @@ class GatewayShape extends editor.mx.mxShape {
 
 const _SLOT_ACTIVITY_EVENTS = 'Events';
 const NEW_VERTEX_TYPES = [
-    CellTypes.TASK,
-    CellTypes.EMBEDDED_SUB_PROCESS,
-    CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
-    CellTypes.INTERMEDIATE_EVENT,
-    CellTypes.END_EVENT,
-    CellTypes.GATEWAY
+    editor.CellTypes.TASK,
+    editor.CellTypes.EMBEDDED_SUB_PROCESS,
+    editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
+    editor.CellTypes.INTERMEDIATE_EVENT,
+    editor.CellTypes.END_EVENT,
+    editor.CellTypes.GATEWAY,
+    editor.CellTypes.TEXT_ANNOTATION,
 ];
 var CustomTools;
 (function (CustomTools) {
@@ -1021,6 +1065,12 @@ var CustomTools;
             [ActivityProperties.LoopType]: ActivityLoopTypeValues.Standard
         }
     };
+    CustomTools.ACTIVITY_LOOP_NONE = {
+        icon: 'bpmn-icon-lasso-tool',
+        label: 'Parallel Multi Instance', value: {
+            [ActivityProperties.LoopType]: ActivityLoopTypeValues.None
+        }
+    };
 })(CustomTools || (CustomTools = {}));
 const _SWIMLANE_RADIAL_MANEU = {
     customTools: {
@@ -1050,8 +1100,8 @@ class BpmnEditor extends editor.Editor {
             undoManager: true,
             cellDescriptors: [
                 new editor.CellDescriptor({
-                    id: CellTypes.TASK,
-                    baseName: CellTypes.TASK,
+                    id: editor.CellTypes.TASK,
+                    baseName: editor.CellTypes.TASK,
                     icon: 'bpmn-icon-task',
                     isSlot: true,
                     slotId: _SLOT_ACTIVITY_EVENTS,
@@ -1071,13 +1121,14 @@ class BpmnEditor extends editor.Editor {
                                 CustomTools.ACTIVITY_LOOP_MULTI_PARALLEL,
                                 CustomTools.ACTIVITY_LOOP_MULTI_SEQUENTIAL,
                                 CustomTools.ACTIVITY_LOOP_STANDARD,
+                                CustomTools.ACTIVITY_LOOP_NONE,
                             ]
                         }
                     },
                     style: `defaultVertex;`
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.SUB_PROCESS_CHILDREN_SLOT,
+                    id: editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT,
                     baseName: '',
                     icon: '',
                     isVertex: true,
@@ -1087,8 +1138,8 @@ class BpmnEditor extends editor.Editor {
                     style: `defaultVertex;${editor.mx.mxConstants.STYLE_RESIZABLE}=1;${editor.mx.mxConstants.STYLE_MOVABLE}=0;${editor.mx.mxConstants.STYLE_STROKECOLOR}=transparent;${editor.mx.mxConstants.STYLE_STARTSIZE}=0`
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.EMBEDDED_SUB_PROCESS,
-                    baseName: CellTypes.SUB_PROCESS,
+                    id: editor.CellTypes.EMBEDDED_SUB_PROCESS,
+                    baseName: editor.CellTypes.SUB_PROCESS,
                     icon: 'bpmn-icon-subprocess-collapsed',
                     isSlot: true,
                     slotId: _SLOT_ACTIVITY_EVENTS,
@@ -1111,6 +1162,7 @@ class BpmnEditor extends editor.Editor {
                                 CustomTools.ACTIVITY_LOOP_MULTI_PARALLEL,
                                 CustomTools.ACTIVITY_LOOP_MULTI_SEQUENTIAL,
                                 CustomTools.ACTIVITY_LOOP_STANDARD,
+                                CustomTools.ACTIVITY_LOOP_NONE
                             ]
                         }
                     },
@@ -1122,7 +1174,7 @@ class BpmnEditor extends editor.Editor {
                         slotGeo.width = 0;
                         slotGeo.height = 0;
                         let slotCell = options.graph.newCellInstance({
-                            type: CellTypes.SUB_PROCESS_CHILDREN_SLOT,
+                            type: editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT,
                             geometry: slotGeo,
                         });
                         slotCell.style = `${editor.mx.mxConstants.STYLE_RESIZABLE}=0;${editor.mx.mxConstants.STYLE_FILLCOLOR}=transparent;${editor.mx.mxConstants.STYLE_STROKECOLOR}=transparent`;
@@ -1133,8 +1185,8 @@ class BpmnEditor extends editor.Editor {
                     }
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
-                    baseName: CellTypes.SUB_PROCESS,
+                    id: editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
+                    baseName: editor.CellTypes.SUB_PROCESS,
                     icon: 'bpmn-icon-subprocess-expanded',
                     isSlot: true,
                     slotId: _SLOT_ACTIVITY_EVENTS,
@@ -1151,6 +1203,7 @@ class BpmnEditor extends editor.Editor {
                                 CustomTools.ACTIVITY_LOOP_MULTI_PARALLEL,
                                 CustomTools.ACTIVITY_LOOP_MULTI_SEQUENTIAL,
                                 CustomTools.ACTIVITY_LOOP_STANDARD,
+                                CustomTools.ACTIVITY_LOOP_NONE,
                             ]
                         }
                     },
@@ -1164,7 +1217,7 @@ class BpmnEditor extends editor.Editor {
                         slotGeo.width -= BpmnGraph.EXPANDED_SUB_PROCESS_MARGIN * 2;
                         slotGeo.height -= BpmnGraph.EXPANDED_SUB_PROCESS_MARGIN * 2;
                         let slotCell = options.graph.newCellInstance({
-                            type: CellTypes.SUB_PROCESS_CHILDREN_SLOT,
+                            type: editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT,
                             geometry: slotGeo
                         });
                         slotCell.setConnectable(false);
@@ -1173,7 +1226,7 @@ class BpmnEditor extends editor.Editor {
                     }
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.START_EVENT,
+                    id: editor.CellTypes.START_EVENT,
                     baseName: 'StartEvent',
                     labelAttribute: EventProperties.Name,
                     icon: 'bpmn-icon-start-event-none',
@@ -1184,7 +1237,14 @@ class BpmnEditor extends editor.Editor {
                     resizable: false,
                     style: `defaultVertex;${editor.mx.mxConstants.STYLE_PERIMETER}=${editor.mx.mxConstants.PERIMETER_ELLIPSE};${editor.mx.mxConstants.STYLE_NOLABEL}=1`,
                     radialMenu: {
-                        newVertexTypes: NEW_VERTEX_TYPES,
+                        newVertexTypes: [
+                            editor.CellTypes.TASK,
+                            editor.CellTypes.EMBEDDED_SUB_PROCESS,
+                            editor.CellTypes.EXPANDED_EMBEDDED_SUB_PROCESS,
+                            editor.CellTypes.INTERMEDIATE_EVENT,
+                            editor.CellTypes.GATEWAY,
+                            editor.CellTypes.TEXT_ANNOTATION,
+                        ],
                         customTools: {
                             subMenuMain: [
                                 CustomTools.StartEvents.NONE,
@@ -1196,8 +1256,8 @@ class BpmnEditor extends editor.Editor {
                     },
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.INTERMEDIATE_EVENT,
-                    baseName: CellTypes.INTERMEDIATE_EVENT,
+                    id: editor.CellTypes.INTERMEDIATE_EVENT,
+                    baseName: editor.CellTypes.INTERMEDIATE_EVENT,
                     labelAttribute: EventProperties.Name,
                     icon: 'bpmn-icon-intermediate-event-none',
                     isVertex: true,
@@ -1228,8 +1288,8 @@ class BpmnEditor extends editor.Editor {
                     }
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.END_EVENT,
-                    baseName: CellTypes.END_EVENT,
+                    id: editor.CellTypes.END_EVENT,
+                    baseName: editor.CellTypes.END_EVENT,
                     labelAttribute: EventProperties.Name,
                     icon: 'bpmn-icon-end-event-none',
                     isVertex: true,
@@ -1239,7 +1299,7 @@ class BpmnEditor extends editor.Editor {
                     resizable: false,
                     style: `defaultVertex;${editor.mx.mxConstants.STYLE_PERIMETER}=${editor.mx.mxConstants.PERIMETER_ELLIPSE};${editor.mx.mxConstants.STYLE_NOLABEL}=1`,
                     radialMenu: {
-                        newVertexTypes: NEW_VERTEX_TYPES,
+                        newVertexTypes: [editor.CellTypes.TEXT_ANNOTATION],
                         customTools: {
                             subMenuMain: [
                                 CustomTools.EndEvents.NONE,
@@ -1250,10 +1310,16 @@ class BpmnEditor extends editor.Editor {
                                 CustomTools.EndEvents.TERMINATE
                             ]
                         }
-                    }
+                    },
+                    cellConectionRestrictions: new Map([
+                        [editor.CellTypes.TEXT_ANNOTATION, {
+                                to: editor.CellTypes.TEXT_ANNOTATION,
+                                isValidConnection: () => true
+                            }],
+                    ])
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.GATEWAY,
+                    id: editor.CellTypes.GATEWAY,
                     baseName: 'Gateway',
                     icon: 'bpmn-icon-gateway-none',
                     labelAttribute: GatewayProperties.Name,
@@ -1276,7 +1342,7 @@ class BpmnEditor extends editor.Editor {
                     }
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.POOL,
+                    id: editor.CellTypes.POOL,
                     baseName: 'Pool',
                     isSlot: true,
                     icon: 'bpmn-icon-pool',
@@ -1288,7 +1354,7 @@ class BpmnEditor extends editor.Editor {
                     radialMenu: _SWIMLANE_RADIAL_MANEU
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.LANE,
+                    id: editor.CellTypes.LANE,
                     isSlot: true,
                     baseName: 'Lane',
                     icon: 'bpmn-icon-pool',
@@ -1300,15 +1366,32 @@ class BpmnEditor extends editor.Editor {
                     radialMenu: _SWIMLANE_RADIAL_MANEU
                 }),
                 new editor.CellDescriptor({
-                    id: CellTypes.CONNECTOR,
+                    id: editor.CellTypes.CONNECTOR,
                     icon: '',
                     labelAttribute: ConnectorProperties.Text,
                     isEdge: true,
-                    style: `defaultEdge`,
+                    style: StyleTypes.SEQUENCE_FLOW,
                     shape: ConnectorShape
-                })
+                }),
+                new editor.CellDescriptor({
+                    id: editor.CellTypes.TEXT_ANNOTATION,
+                    baseName: editor.CellTypes.TEXT_ANNOTATION,
+                    icon: 'bpmn-icon-text-annotation',
+                    isSlot: true,
+                    slotId: _SLOT_ACTIVITY_EVENTS,
+                    labelAttribute: ActivityProperties.Name,
+                    isVertex: true,
+                    size: StyleTokens.TEXT_ANNOTATION_SIZE,
+                    shape: TextAnnotationShape,
+                    radialMenu: {
+                        delete: true,
+                        newEdge: false,
+                        newVertexTypes: [],
+                    },
+                    style: `defaultVertex;`,
+                }),
             ],
-            defaultEdgeDescriptorId: CellTypes.CONNECTOR,
+            defaultEdgeDescriptorId: editor.CellTypes.CONNECTOR,
             globalStyles: [
                 {
                     name: 'defaultVertex',
@@ -1322,14 +1405,51 @@ class BpmnEditor extends editor.Editor {
                         [editor.mx.mxConstants.STYLE_FONTCOLOR]: StyleTokens.DEFAULT_FONT_COLOR,
                         [editor.mx.mxConstants.STYLE_FONTSIZE]: StyleTokens.DEFAULT_FONT_SIZE,
                         [editor.mx.mxConstants.STYLE_STROKEWIDTH]: StyleTokens.DEFAULT_STROKE_WIDTH,
-                        [editor.mx.mxConstants.STYLE_LABEL_BACKGROUNDCOLOR]: StyleTokens.LABEL_BACKGROUND_COLOR
+                        [editor.mx.mxConstants.STYLE_LABEL_BACKGROUNDCOLOR]: StyleTokens.LABEL_BACKGROUND_COLOR,
+                        [editor.mx.mxConstants.STYLE_WHITE_SPACE]: editor.mx.mxConstants.WORD_WRAP,
+                    }
+                },
+                {
+                    name: StyleTypes.SEQUENCE_FLOW,
+                    value: {
+                        [editor.mx.mxConstants.STYLE_SHAPE]: editor.mx.mxConstants.SHAPE_CONNECTOR,
+                        [editor.mx.mxConstants.STYLE_ENDARROW]: editor.mx.mxConstants.ARROW_BLOCK,
+                        [editor.mx.mxConstants.STYLE_EDGE]: editor.mx.mxConstants.EDGESTYLE_ORTHOGONAL,
+                        [editor.mx.mxConstants.STYLE_ROUNDED]: '1',
+                        [editor.mx.mxConstants.STYLE_ARCSIZE]: 10,
+                        [editor.mx.mxConstants.STYLE_VERTICAL_ALIGN]: editor.mx.mxConstants.ALIGN_MIDDLE,
+                        [editor.mx.mxConstants.STYLE_ALIGN]: editor.mx.mxConstants.ALIGN_CENTER,
+                        [editor.mx.mxConstants.STYLE_STROKECOLOR]: StyleTokens.CONNECTOR_STROKE_COLOR,
+                        [editor.mx.mxConstants.STYLE_FONTCOLOR]: StyleTokens.DEFAULT_FONT_COLOR,
+                        [editor.mx.mxConstants.STYLE_STROKEWIDTH]: StyleTokens.DEFAULT_STROKE_WIDTH,
+                    }
+                },
+                {
+                    name: StyleTypes.ASSOSIATION,
+                    value: {
+                        [editor.mx.mxConstants.STYLE_SHAPE]: editor.mx.mxConstants.SHAPE_CONNECTOR,
+                        [editor.mx.mxConstants.STYLE_ENDARROW]: undefined,
+                        [editor.mx.mxConstants.STYLE_DASHED]: 1,
+                        [editor.mx.mxConstants.STYLE_DASH_PATTERN]: "1 2",
+                        [editor.mx.mxConstants.STYLE_EDGE]: editor.mx.mxConstants.EDGESTYLE_ORTHOGONAL,
+                        [editor.mx.mxConstants.STYLE_ROUNDED]: '1',
+                        [editor.mx.mxConstants.STYLE_ARCSIZE]: 10,
+                        [editor.mx.mxConstants.STYLE_VERTICAL_ALIGN]: editor.mx.mxConstants.ALIGN_MIDDLE,
+                        [editor.mx.mxConstants.STYLE_ALIGN]: editor.mx.mxConstants.ALIGN_CENTER,
+                        [editor.mx.mxConstants.STYLE_STROKECOLOR]: StyleTokens.CONNECTOR_STROKE_COLOR,
+                        [editor.mx.mxConstants.STYLE_FONTCOLOR]: StyleTokens.DEFAULT_FONT_COLOR,
+                        [editor.mx.mxConstants.STYLE_STROKEWIDTH]: StyleTokens.DEFAULT_STROKE_WIDTH,
                     }
                 },
                 {
-                    name: 'defaultEdge',
+                    name: StyleTypes.MESSAGE_FLOW,
                     value: {
                         [editor.mx.mxConstants.STYLE_SHAPE]: editor.mx.mxConstants.SHAPE_CONNECTOR,
+                        [editor.mx.mxConstants.STYLE_STARTARROW]: editor.mx.mxConstants.ARROW_OVAL,
+                        [editor.mx.mxConstants.STYLE_STARTFILL]: false,
                         [editor.mx.mxConstants.STYLE_ENDARROW]: editor.mx.mxConstants.ARROW_BLOCK,
+                        [editor.mx.mxConstants.STYLE_ENDFILL]: false,
+                        [editor.mx.mxConstants.STYLE_DASHED]: 1,
                         [editor.mx.mxConstants.STYLE_EDGE]: editor.mx.mxConstants.EDGESTYLE_ORTHOGONAL,
                         [editor.mx.mxConstants.STYLE_ROUNDED]: '1',
                         [editor.mx.mxConstants.STYLE_ARCSIZE]: 10,
@@ -1342,6 +1462,7 @@ class BpmnEditor extends editor.Editor {
                 }
             ]
         });
+        console.log("asdadsad");
     }
     createGraph(options) {
         return new BpmnGraph(options);
@@ -1350,9 +1471,9 @@ class BpmnEditor extends editor.Editor {
         if (this.undoManager)
             this.undoManager.enabled = false;
         try {
-            if (editor.Utils.cellOfType(cell, CellTypes.EMBEDDED_SUB_PROCESS)) {
+            if (editor.Utils.cellOfType(cell, editor.CellTypes.EMBEDDED_SUB_PROCESS)) {
                 for (let child of cell.children) {
-                    if (editor.Utils.cellOfType(child, CellTypes.SUB_PROCESS_CHILDREN_SLOT)) {
+                    if (editor.Utils.cellOfType(child, editor.CellTypes.SUB_PROCESS_CHILDREN_SLOT)) {
                         this.graph.enterGroup(child);
                         this.graph.zoomActual();
                         this.fireEvent(new editor.mx.mxEventObject(BpmnEditor.EVENT_ROOT_CHANGED));
@@ -1381,9 +1502,9 @@ class BpmnEditor extends editor.Editor {
 BpmnEditor.EVENT_ROOT_CHANGED = 'rootChanged';
 class ActionsHelper {
     static addLane(graph, cell, before) {
-        if (editor.Utils.cellOfType(cell, CellTypes.POOL)) {
+        if (editor.Utils.cellOfType(cell, editor.CellTypes.POOL)) {
             graph.transaction(() => {
-                let lane = graph.newCellInstance({ type: CellTypes.LANE, assignName: true });
+                let lane = graph.newCellInstance({ type: editor.CellTypes.LANE, assignName: true });
                 if (!ActionsHelper.hasLanes(cell) && cell.getChildCount() > 0) {
                     let children = cell.children;
                     graph.addCell(lane, cell);
@@ -1395,9 +1516,9 @@ class ActionsHelper {
                     graph.addCell(lane, cell);
             });
         }
-        else if (editor.Utils.cellOfType(cell, CellTypes.LANE)) {
+        else if (editor.Utils.cellOfType(cell, editor.CellTypes.LANE)) {
             graph.transaction(() => {
-                let lane = graph.newCellInstance({ type: CellTypes.LANE, assignName: true });
+                let lane = graph.newCellInstance({ type: editor.CellTypes.LANE, assignName: true });
                 let index = cell.parent.getIndex(cell);
                 graph.addCell(lane, cell.parent, before ? index : index + 1);
             });
@@ -1406,7 +1527,7 @@ class ActionsHelper {
     static hasLanes(cell) {
         if (cell.getChildCount() > 0) {
             for (let child of cell.children) {
-                if (editor.Utils.cellOfType(child, CellTypes.LANE))
+                if (editor.Utils.cellOfType(child, editor.CellTypes.LANE))
                     return true;
             }
         }

package/dist/cjs/gx-report-layout-editor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8fa91cf.js');
-const editor = require('./editor-386996a2.js');
+const editor = require('./editor-39f75f41.js');
 
 const CellTypes = {
     PRINT_BLOCK: 'PrintBlock',