@genexus/diagram-editors 18.2.27 → 18.3.27

package/dist/cjs/{editor-386996a2.js → editor-39f75f41.js}

@@ -92554,11 +92554,16 @@ mx.mxConstants.VALID_COLOR = CommonStyleTokens.HIGHLIGHT_CONNECTION_COLOR;
 mx.mxConstants.GUIDE_COLOR = CommonStyleTokens.GUIDE_COLOR;
 mx.mxConstants.GUIDE_STROKEWIDTH = CommonStyleTokens.GUIDE_STROKE_WIDTH;
 mx.mxConstants.DROP_TARGET_COLOR = CommonStyleTokens.DROP_TARGET_COLOR;
+mx.mxEdgeHandler.prototype.livePreview = true;
+mx.mxConnectionHandler.prototype.livePreview = true;
+mx.mxVertexHandler.prototype.livePreview = true;
+mx.mxGraphHandler.prototype.maxLivePreview = 10;
 mx.mxUrlConverter.prototype.isRelativeUrl = function (url) {
     return url.substring(0, 2) != '//' && url.substring(0, 7) != 'http://' &&
         url.substring(0, 8) != 'https://' && url.substring(0, 10) != 'data:image' &&
         url.substring(0, 7) != 'file://' &&
-        url.substring(0, 7) != 'gxjs://';
+        url.substring(0, 7) != 'gxjs://' &&
+        url.substring(0, 10) != 'gx-file://';
 };
 mx.mxMarker.addMarker('oval', function (canvas, shape, type, pe, unitX, unitY, size, source, sw, filled) {
     var a = size / 2;
@@ -92687,6 +92692,7 @@ class CellDescriptor {
         this._labelAttribute = options.labelAttribute;
         this._nameAttribute = options.nameAttribute;
         this._resizable = options.resizable;
+        this._cellConectionRestrictions = options.cellConectionRestrictions;
         if (this._isVertex && !options.size)
             this._size = { width: 100, height: 50 };
         else
@@ -92744,6 +92750,9 @@ class CellDescriptor {
     get value() {
         return this._value;
     }
+    get cellConectionRestrictions() {
+        return this._cellConectionRestrictions;
+    }
     getRadialMenu(graph, cell) {
         if (typeof this._radialMenu === 'function')
             return this._radialMenu.call(this, graph, cell);
@@ -92896,6 +92905,32 @@ class CellEditor extends mx.mxCellEditor {
     }
 }
 
+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',
+    TEXT_ANNOTATION: 'TextAnnotation',
+};
+
+mx.mxConnectionHandler.prototype.start = function (state, x, y, edgeState) {
+    this.previous = state;
+    this.first = new mx.mxPoint(x, y);
+    this.edgeState = (edgeState != null) ? edgeState : this.createEdgeState(null);
+    this.marker.currentColor = this.marker.validColor;
+    this.marker.markedState = state;
+    this.marker.mark();
+    console.log("previous", this.previous, "actual", this.edgeState);
+    this.fireEvent(new mx.mxEventObject(mx.mxEvent.START, 'state', this.previous));
+};
 class ConnectionHandler extends mx.mxConnectionHandler {
     constructor(graph, factory) {
         super(graph, factory);
@@ -92911,8 +92946,12 @@ class ConnectionHandler extends mx.mxConnectionHandler {
         });
         return marker;
     }
+    isCreateTarget(evt) {
+        return this.createTarget;
+    }
     createEdgeState() {
-        let edge = this.graph.createEdge(null, null, null, null, null, 'defaultEdge');
+        console.log("createedgestate called");
+        let edge = this.graph.newCellInstance({ type: CellTypes.CONNECTOR });
         let geo = new mx.mxGeometry();
         geo.relative = false;
         edge.setGeometry(geo);
@@ -93011,7 +93050,9 @@ class ConnectionHandler extends mx.mxConnectionHandler {
                     value = this.edgeState.cell.value;
                     style = this.edgeState.cell.style;
                 }
+                console.log("edgeState before insert: ", this.edgeState);
                 edge = this.insertEdge(parent, null, value, source, target, style);
+                console.log("edge inserted: ", edge);
                 if (edge != null) {
                     this.graph.setConnectionConstraint(edge, source, true, this.sourceConstraint);
                     this.graph.setConnectionConstraint(edge, target, false, this.constraintHandler.currentConstraint);
@@ -93371,10 +93412,11 @@ class PanningHandler extends mx.mxPanningHandler {
 const _HANDLER_PADDING = 10;
 class VertexToolHandler extends mx.mxVertexHandler {
     constructor(state) {
+        console.log("mxVertexHandler creation");
         super(state);
     }
     init() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         super.init();
         let graph = this.graph;
         let state = this.state;
@@ -93401,13 +93443,13 @@ class VertexToolHandler extends mx.mxVertexHandler {
                         this._setCustomToolCallback(item, tool);
                     }
                 }
-                if (((_e = menu.customTools) === null || _e === void 0 ? void 0 : _e.subMenuMain) || menu.customTools.subMenuTop || menu.newEdge || menu.delete) {
+                if (((_e = menu.customTools) === null || _e === void 0 ? void 0 : _e.subMenuMain) || ((_f = menu.customTools) === null || _f === void 0 ? void 0 : _f.subMenuTop) || menu.newEdge || menu.delete) {
                     let toolsGroup = this._createGroup();
                     if (menu.newEdge === undefined || menu.newEdge)
                         this._createNewEdgeTool(toolsGroup);
                     if (menu.delete === undefined || menu.delete)
                         this._createDeleteTool(toolsGroup);
-                    if ((_f = menu.customTools) === null || _f === void 0 ? void 0 : _f.subMenuMain)
+                    if ((_g = menu.customTools) === null || _g === void 0 ? void 0 : _g.subMenuMain)
                         this._createCustomToolsPad(toolsGroup, menu);
                 }
             }
@@ -93547,6 +93589,7 @@ class VertexToolHandler extends mx.mxVertexHandler {
             let cell = this.state.cell;
             if (tool.value) {
                 graph.getModel().setValue(cell, Object.assign({}, cell.getValue(), tool.value));
+                graph.refresh(cell);
             }
             this._toglePanel();
             if (tool.execute)
@@ -93640,8 +93683,10 @@ class Graph extends mx.mxGraph {
             if (this._defaultEdgeDescriptor) {
                 edge = new Cell(this._defaultEdgeDescriptor, {}, geo);
             }
-            else
+            else {
+                console.log("No style found");
                 edge = new mx.mxCell('', geo, 'defaultEdge');
+            }
             edge.setEdge(true);
             return edge;
         });
@@ -94121,6 +94166,33 @@ class Graph extends mx.mxGraph {
         }
         return null;
     }
+    isValidConnection(source, target) {
+        console.log('valid connection called');
+        if (!super.isValidConnection(source, target)) {
+            return false;
+        }
+        else {
+            if (source instanceof Cell && target instanceof Cell) {
+                if (source.descriptor.cellConectionRestrictions) {
+                    let restrictions = source.descriptor.cellConectionRestrictions;
+                    if (restrictions.has(target.descriptor.id)) {
+                        let restriction = restrictions.get(target.descriptor.id);
+                        if (restriction.isValidConnection)
+                            restriction.isValidConnection(source, target);
+                        else
+                            this.validationAlert("A cell restriction definition must have an isValidConnection memeber implementation");
+                    }
+                    else {
+                        return false;
+                    }
+                }
+            }
+        }
+        return true;
+    }
+    validationAlert(message) {
+        console.log(message);
+    }
     getState() {
         return {
             elements: this.getElementsState(this.getDefaultParent().children)
@@ -94618,6 +94690,7 @@ Editor.EVENT_SELECTION_CHANGED = 'selectionChanged';
 
 exports.Cell = Cell;
 exports.CellDescriptor = CellDescriptor;
+exports.CellTypes = CellTypes;
 exports.Editor = Editor;
 exports.Graph = Graph;
 exports.Utils = Utils;