@openchoreo/cell-diagram 1.2.0-rc.1

package/dist/components/Project/AdvancedLink/AdvancedLinkModel.esm.js

@@ -0,0 +1,162 @@
+import { LinkModel, PortModelAlignment, LabelModel } from '@projectstorm/react-diagrams-core';
+import { BezierCurve } from '@projectstorm/geometry';
+import { Colors } from '../../../resources/constants.esm.js';
+import 'react/jsx-runtime';
+import { DefaultLabelModel } from '@projectstorm/react-diagrams-defaults';
+
+class AdvancedLinkModel extends LinkModel {
+  linkYOffset = 30;
+  linkXOffset = 30;
+  constructor(options = {}) {
+    super({
+      type: "default-2",
+      width: options.width || 2,
+      color: options.color || Colors.PRIMARY,
+      selectedColor: options.selectedColor || Colors.SECONDARY,
+      curvyness: 50,
+      ...options
+    });
+  }
+  calculateControlOffset(port) {
+    if (port.getOptions().alignment === PortModelAlignment.RIGHT) {
+      return [this.options.curvyness, 0];
+    } else if (port.getOptions().alignment === PortModelAlignment.LEFT) {
+      return [-this.options.curvyness, 0];
+    } else if (port.getOptions().alignment === PortModelAlignment.TOP) {
+      return [0, -this.options.curvyness];
+    }
+    return [0, this.options.curvyness];
+  }
+  getSVGPath() {
+    const curve = new BezierCurve();
+    curve.setSource(this.getFirstPoint().getPosition());
+    curve.setTarget(this.getLastPoint().getPosition());
+    curve.setSourceControl(this.getFirstPoint().getPosition().clone());
+    curve.setTargetControl(this.getLastPoint().getPosition().clone());
+    if (this.sourcePort) {
+      curve.getSourceControl().translate(...this.calculateControlOffset(this.getSourcePort()));
+    }
+    if (this.targetPort) {
+      curve.getTargetControl().translate(...this.calculateControlOffset(this.getTargetPort()));
+    }
+    return curve.getSVGCurve();
+  }
+  getSVGPathSegment(firstPoint, lastPoint) {
+    const isStart = firstPoint.getPosition().x === this.getSourcePort().getPosition().x && firstPoint.getPosition().y === this.getSourcePort().getPosition().y;
+    const isEnd = lastPoint.getPosition().x === this.getTargetPort().getPosition().x && lastPoint.getPosition().y === this.getTargetPort().getPosition().y;
+    const source = firstPoint.getPosition();
+    const target = lastPoint.getPosition();
+    const tolerance = 4;
+    const isStraight = Math.abs(source.y - target.y) <= tolerance || Math.abs(source.x - target.x) <= tolerance;
+    if (isStraight) {
+      let path2 = `M ${source.x} ${source.y} `;
+      path2 += `L ${target.x} ${target.y}`;
+      return path2;
+    }
+    const curveOffset = Math.abs(source.y - target.y) / 2 < 10 ? Math.abs(source.y - target.y) / 2 : 10;
+    let midX = Math.abs((source.x + target.x) / 2) > Math.abs(source.x + this.linkXOffset) ? (source.x + target.x) / 2 : source.x + this.linkXOffset;
+    const isRight = source.x < target.x;
+    const isBottom = source.y < target.y;
+    let path = `M ${source.x} ${source.y} `;
+    if (isRight) {
+      path += `L ${midX - curveOffset} ${source.y} `;
+      if (isBottom) {
+        path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${source.y + curveOffset} `;
+        path += `L ${midX} ${target.y - curveOffset} `;
+        path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX + curveOffset},${target.y} `;
+      } else {
+        path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${source.y - curveOffset} `;
+        path += `L ${midX} ${target.y + curveOffset} `;
+        path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX + curveOffset},${target.y} `;
+      }
+    } else {
+      midX = Math.abs((source.x + target.x) / 2) > Math.abs(source.x - this.linkXOffset) ? (source.x + target.x) / 2 : source.x - this.linkXOffset;
+      if (isStart && this.getSourcePort().getOptions().alignment === PortModelAlignment.RIGHT) {
+        midX = source.x + this.linkXOffset;
+        path += `L ${midX - curveOffset} ${source.y} `;
+        if (isBottom) {
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${source.y + curveOffset} `;
+          path += `L ${midX} ${target.y - curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX - curveOffset},${target.y} `;
+        } else {
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${source.y - curveOffset} `;
+          path += `L ${midX} ${target.y + curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX - curveOffset},${target.y} `;
+        }
+      } else if (isEnd && this.getTargetPort().getOptions().alignment === PortModelAlignment.LEFT) {
+        midX = target.x - this.linkXOffset;
+        path += `L ${midX} ${source.y} `;
+        if (isBottom) {
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX - curveOffset},${source.y + curveOffset} `;
+          path += `L ${midX - curveOffset} ${target.y - curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${target.y} `;
+        } else {
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX - curveOffset},${source.y - curveOffset} `;
+          path += `L ${midX - curveOffset} ${target.y + curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${target.y} `;
+        }
+      } else {
+        path += `L ${midX + curveOffset} ${source.y} `;
+        if (isBottom) {
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${source.y + curveOffset} `;
+          path += `L ${midX} ${target.y - curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX - curveOffset},${target.y} `;
+        } else {
+          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${source.y - curveOffset} `;
+          path += `L ${midX} ${target.y + curveOffset} `;
+          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX - curveOffset},${target.y} `;
+        }
+      }
+    }
+    path += `L ${target.x} ${target.y}`;
+    return path;
+  }
+  calculateControlOffsetWithPosition(rightTraget, bottomTarget) {
+    if (rightTraget) {
+      return [this.options.curvyness, 0];
+    } else if (!rightTraget) {
+      return [-this.options.curvyness, 0];
+    } else if (!bottomTarget) {
+      return [0, -this.options.curvyness];
+    }
+    return [0, this.options.curvyness];
+  }
+  serialize() {
+    return {
+      ...super.serialize(),
+      width: this.options.width,
+      color: this.options.color,
+      curvyness: this.options.curvyness,
+      selectedColor: this.options.selectedColor
+    };
+  }
+  deserialize(event) {
+    super.deserialize(event);
+    this.options.color = event.data.color;
+    this.options.width = event.data.width;
+    this.options.curvyness = event.data.curvyness;
+    this.options.selectedColor = event.data.selectedColor;
+  }
+  addLabel(label) {
+    if (label instanceof LabelModel) {
+      return super.addLabel(label);
+    }
+    const labelOb = new DefaultLabelModel();
+    labelOb.setLabel(label);
+    return super.addLabel(labelOb);
+  }
+  setWidth(width) {
+    this.options.width = width;
+    this.fireEvent({ width }, "widthChanged");
+  }
+  setColor(color) {
+    this.options.color = color;
+    this.fireEvent({ color }, "colorChanged");
+  }
+  addPoint() {
+    return void 0;
+  }
+}
+
+export { AdvancedLinkModel };
+//# sourceMappingURL=AdvancedLinkModel.esm.js.map

package/dist/components/Project/AdvancedLink/AdvancedLinkModel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedLinkModel.esm.js","sources":["../../../../src/components/Project/AdvancedLink/AdvancedLinkModel.ts"],"sourcesContent":["import {\n  LabelModel,\n  LinkModel,\n  PointModel,\n  PointModelGenerics,\n  PortModel,\n  PortModelAlignment,\n} from '@projectstorm/react-diagrams-core';\nimport { BezierCurve } from '@projectstorm/geometry';\nimport {\n  BaseModelOptions,\n  DeserializeEvent,\n} from '@projectstorm/react-canvas-core';\nimport { Colors } from '../../../resources';\nimport {\n  DefaultLabelModel,\n  DefaultLinkModelGenerics,\n} from '@projectstorm/react-diagrams-defaults';\n\nexport interface AdvancedLinkModelOptions extends BaseModelOptions {\n  width?: number;\n  color?: string;\n  selectedColor?: string;\n  curvyness?: number;\n  type?: string;\n  testName?: string;\n  receiver?: string;\n}\n\nexport class AdvancedLinkModel extends LinkModel<DefaultLinkModelGenerics> {\n  linkYOffset = 30;\n  linkXOffset = 30;\n\n  constructor(options: AdvancedLinkModelOptions = {}) {\n    super({\n      type: 'default-2',\n      width: options.width || 2,\n      color: options.color || Colors.PRIMARY,\n      selectedColor: options.selectedColor || Colors.SECONDARY,\n      curvyness: 50,\n      ...options,\n    });\n  }\n\n  calculateControlOffset(port: PortModel): [number, number] {\n    if (port.getOptions().alignment === PortModelAlignment.RIGHT) {\n      return [this.options.curvyness!, 0];\n    } else if (port.getOptions().alignment === PortModelAlignment.LEFT) {\n      return [-this.options.curvyness!, 0];\n    } else if (port.getOptions().alignment === PortModelAlignment.TOP) {\n      return [0, -this.options.curvyness!];\n    }\n    return [0, this.options.curvyness!];\n  }\n\n  getSVGPath(): string {\n    const curve = new BezierCurve();\n    curve.setSource(this.getFirstPoint().getPosition());\n    curve.setTarget(this.getLastPoint().getPosition());\n    curve.setSourceControl(this.getFirstPoint().getPosition().clone());\n    curve.setTargetControl(this.getLastPoint().getPosition().clone());\n\n    if (this.sourcePort) {\n      curve\n        .getSourceControl()\n        .translate(...this.calculateControlOffset(this.getSourcePort()));\n    }\n\n    if (this.targetPort) {\n      curve\n        .getTargetControl()\n        .translate(...this.calculateControlOffset(this.getTargetPort()));\n    }\n    return curve.getSVGCurve();\n  }\n\n  getSVGPathSegment(firstPoint: PointModel, lastPoint: PointModel): string {\n    // is first point connected to source node port\n    const isStart =\n      firstPoint.getPosition().x === this.getSourcePort().getPosition().x &&\n      firstPoint.getPosition().y === this.getSourcePort().getPosition().y;\n    // is last point connected to target node port\n    const isEnd =\n      lastPoint.getPosition().x === this.getTargetPort().getPosition().x &&\n      lastPoint.getPosition().y === this.getTargetPort().getPosition().y;\n\n    const source = firstPoint.getPosition();\n    const target = lastPoint.getPosition();\n\n    // is lines are straight?\n    const tolerance = 4;\n    const isStraight =\n      Math.abs(source.y - target.y) <= tolerance ||\n      Math.abs(source.x - target.x) <= tolerance;\n    if (isStraight) {\n      let path = `M ${source.x} ${source.y} `;\n      path += `L ${target.x} ${target.y}`;\n      return path;\n    }\n\n    // generate 2 angle lines\n    const curveOffset =\n      Math.abs(source.y - target.y) / 2 < 10\n        ? Math.abs(source.y - target.y) / 2\n        : 10;\n    // mid point in x axis\n    let midX =\n      Math.abs((source.x + target.x) / 2) >\n      Math.abs(source.x + this.linkXOffset)\n        ? (source.x + target.x) / 2\n        : source.x + this.linkXOffset;\n    // is the target on the right?\n    const isRight = source.x < target.x;\n    // is the target on the bottom?\n    const isBottom = source.y < target.y;\n\n    let path = `M ${source.x} ${source.y} `;\n    if (isRight) {\n      path += `L ${midX - curveOffset} ${source.y} `;\n      if (isBottom) {\n        path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${\n          source.y + curveOffset\n        } `;\n        path += `L ${midX} ${target.y - curveOffset} `;\n        path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX + curveOffset},${\n          target.y\n        } `;\n      } else {\n        path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${\n          source.y - curveOffset\n        } `;\n        path += `L ${midX} ${target.y + curveOffset} `;\n        path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX + curveOffset},${\n          target.y\n        } `;\n      }\n    } else {\n      midX =\n        Math.abs((source.x + target.x) / 2) >\n        Math.abs(source.x - this.linkXOffset)\n          ? (source.x + target.x) / 2\n          : source.x - this.linkXOffset;\n\n      if (\n        isStart &&\n        this.getSourcePort().getOptions().alignment === PortModelAlignment.RIGHT\n      ) {\n        // start segment with curve\n        midX = source.x + this.linkXOffset;\n        path += `L ${midX - curveOffset} ${source.y} `;\n        if (isBottom) {\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${\n            source.y + curveOffset\n          } `;\n          path += `L ${midX} ${target.y - curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${\n            midX - curveOffset\n          },${target.y} `;\n        } else {\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${\n            source.y - curveOffset\n          } `;\n          path += `L ${midX} ${target.y + curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${\n            midX - curveOffset\n          },${target.y} `;\n        }\n      } else if (\n        isEnd &&\n        this.getTargetPort().getOptions().alignment === PortModelAlignment.LEFT\n      ) {\n        // start segment with curve\n        midX = target.x - this.linkXOffset;\n        path += `L ${midX} ${source.y} `;\n        if (isBottom) {\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${\n            midX - curveOffset\n          },${source.y + curveOffset} `;\n          path += `L ${midX - curveOffset} ${target.y - curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${target.y} `;\n        } else {\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${\n            midX - curveOffset\n          },${source.y - curveOffset} `;\n          path += `L ${midX - curveOffset} ${target.y + curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${target.y} `;\n        }\n      } else {\n        // middle and last segments\n        path += `L ${midX + curveOffset} ${source.y} `;\n        if (isBottom) {\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${midX},${\n            source.y + curveOffset\n          } `;\n          path += `L ${midX} ${target.y - curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${\n            midX - curveOffset\n          },${target.y} `;\n        } else {\n          path += `A ${curveOffset},${curveOffset} 0 0 1 ${midX},${\n            source.y - curveOffset\n          } `;\n          path += `L ${midX} ${target.y + curveOffset} `;\n          path += `A ${curveOffset},${curveOffset} 0 0 0 ${\n            midX - curveOffset\n          },${target.y} `;\n        }\n      }\n    }\n\n    path += `L ${target.x} ${target.y}`;\n    return path;\n  }\n\n  calculateControlOffsetWithPosition(\n    rightTraget: boolean,\n    bottomTarget: boolean,\n  ): [number, number] {\n    if (rightTraget) {\n      return [this.options.curvyness!, 0];\n    } else if (!rightTraget) {\n      return [-this.options.curvyness!, 0];\n    } else if (!bottomTarget) {\n      return [0, -this.options.curvyness!];\n    }\n    return [0, this.options.curvyness!];\n  }\n\n  serialize() {\n    return {\n      ...super.serialize(),\n      width: this.options.width,\n      color: this.options.color,\n      curvyness: this.options.curvyness,\n      selectedColor: this.options.selectedColor,\n    };\n  }\n\n  deserialize(event: DeserializeEvent<this>) {\n    super.deserialize(event);\n    this.options.color = event.data.color;\n    this.options.width = event.data.width;\n    this.options.curvyness = event.data.curvyness;\n    this.options.selectedColor = event.data.selectedColor;\n  }\n\n  addLabel(label: LabelModel | string) {\n    if (label instanceof LabelModel) {\n      return super.addLabel(label);\n    }\n    const labelOb = new DefaultLabelModel();\n    labelOb.setLabel(label);\n    return super.addLabel(labelOb);\n  }\n\n  setWidth(width: number) {\n    this.options.width = width;\n    this.fireEvent({ width }, 'widthChanged');\n  }\n\n  setColor(color: string) {\n    this.options.color = color;\n    this.fireEvent({ color }, 'colorChanged');\n  }\n\n  addPoint<P extends PointModel<PointModelGenerics>>(): P {\n    return undefined as unknown as P;\n  }\n}\n"],"names":["path"],"mappings":";;;;;;AA6BO,MAAM,0BAA0B,SAAA,CAAoC;AAAA,EACzE,WAAA,GAAc,EAAA;AAAA,EACd,WAAA,GAAc,EAAA;AAAA,EAEd,WAAA,CAAY,OAAA,GAAoC,EAAC,EAAG;AAClD,IAAA,KAAA,CAAM;AAAA,MACJ,IAAA,EAAM,WAAA;AAAA,MACN,KAAA,EAAO,QAAQ,KAAA,IAAS,CAAA;AAAA,MACxB,KAAA,EAAO,OAAA,CAAQ,KAAA,IAAS,MAAA,CAAO,OAAA;AAAA,MAC/B,aAAA,EAAe,OAAA,CAAQ,aAAA,IAAiB,MAAA,CAAO,SAAA;AAAA,MAC/C,SAAA,EAAW,EAAA;AAAA,MACX,GAAG;AAAA,KACJ,CAAA;AAAA,EACH;AAAA,EAEA,uBAAuB,IAAA,EAAmC;AACxD,IAAA,IAAI,IAAA,CAAK,UAAA,EAAW,CAAE,SAAA,KAAc,mBAAmB,KAAA,EAAO;AAC5D,MAAA,OAAO,CAAC,IAAA,CAAK,OAAA,CAAQ,SAAA,EAAY,CAAC,CAAA;AAAA,IACpC,WAAW,IAAA,CAAK,UAAA,EAAW,CAAE,SAAA,KAAc,mBAAmB,IAAA,EAAM;AAClE,MAAA,OAAO,CAAC,CAAC,IAAA,CAAK,OAAA,CAAQ,WAAY,CAAC,CAAA;AAAA,IACrC,WAAW,IAAA,CAAK,UAAA,EAAW,CAAE,SAAA,KAAc,mBAAmB,GAAA,EAAK;AACjE,MAAA,OAAO,CAAC,CAAA,EAAG,CAAC,IAAA,CAAK,QAAQ,SAAU,CAAA;AAAA,IACrC;AACA,IAAA,OAAO,CAAC,CAAA,EAAG,IAAA,CAAK,OAAA,CAAQ,SAAU,CAAA;AAAA,EACpC;AAAA,EAEA,UAAA,GAAqB;AACnB,IAAA,MAAM,KAAA,GAAQ,IAAI,WAAA,EAAY;AAC9B,IAAA,KAAA,CAAM,SAAA,CAAU,IAAA,CAAK,aAAA,EAAc,CAAE,aAAa,CAAA;AAClD,IAAA,KAAA,CAAM,SAAA,CAAU,IAAA,CAAK,YAAA,EAAa,CAAE,aAAa,CAAA;AACjD,IAAA,KAAA,CAAM,iBAAiB,IAAA,CAAK,aAAA,GAAgB,WAAA,EAAY,CAAE,OAAO,CAAA;AACjE,IAAA,KAAA,CAAM,iBAAiB,IAAA,CAAK,YAAA,GAAe,WAAA,EAAY,CAAE,OAAO,CAAA;AAEhE,IAAA,IAAI,KAAK,UAAA,EAAY;AACnB,MAAA,KAAA,CACG,gBAAA,GACA,SAAA,CAAU,GAAG,KAAK,sBAAA,CAAuB,IAAA,CAAK,aAAA,EAAe,CAAC,CAAA;AAAA,IACnE;AAEA,IAAA,IAAI,KAAK,UAAA,EAAY;AACnB,MAAA,KAAA,CACG,gBAAA,GACA,SAAA,CAAU,GAAG,KAAK,sBAAA,CAAuB,IAAA,CAAK,aAAA,EAAe,CAAC,CAAA;AAAA,IACnE;AACA,IAAA,OAAO,MAAM,WAAA,EAAY;AAAA,EAC3B;AAAA,EAEA,iBAAA,CAAkB,YAAwB,SAAA,EAA+B;AAEvE,IAAA,MAAM,UACJ,UAAA,CAAW,WAAA,GAAc,CAAA,KAAM,IAAA,CAAK,eAAc,CAAE,WAAA,GAAc,CAAA,IAClE,UAAA,CAAW,aAAY,CAAE,CAAA,KAAM,KAAK,aAAA,EAAc,CAAE,aAAY,CAAE,CAAA;AAEpE,IAAA,MAAM,QACJ,SAAA,CAAU,WAAA,GAAc,CAAA,KAAM,IAAA,CAAK,eAAc,CAAE,WAAA,GAAc,CAAA,IACjE,SAAA,CAAU,aAAY,CAAE,CAAA,KAAM,KAAK,aAAA,EAAc,CAAE,aAAY,CAAE,CAAA;AAEnE,IAAA,MAAM,MAAA,GAAS,WAAW,WAAA,EAAY;AACtC,IAAA,MAAM,MAAA,GAAS,UAAU,WAAA,EAAY;AAGrC,IAAA,MAAM,SAAA,GAAY,CAAA;AAClB,IAAA,MAAM,UAAA,GACJ,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,IAAI,MAAA,CAAO,CAAC,CAAA,IAAK,SAAA,IACjC,KAAK,GAAA,CAAI,MAAA,CAAO,CAAA,GAAI,MAAA,CAAO,CAAC,CAAA,IAAK,SAAA;AACnC,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,IAAIA,QAAO,CAAA,EAAA,EAAK,MAAA,CAAO,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AACpC,MAAAA,SAAQ,CAAA,EAAA,EAAK,MAAA,CAAO,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA;AACjC,MAAA,OAAOA,KAAAA;AAAA,IACT;AAGA,IAAA,MAAM,cACJ,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,CAAA,GAAI,OAAO,CAAC,CAAA,GAAI,CAAA,GAAI,EAAA,GAChC,KAAK,GAAA,CAAI,MAAA,CAAO,IAAI,MAAA,CAAO,CAAC,IAAI,CAAA,GAChC,EAAA;AAEN,IAAA,IAAI,IAAA,GACF,KAAK,GAAA,CAAA,CAAK,MAAA,CAAO,IAAI,MAAA,CAAO,CAAA,IAAK,CAAC,CAAA,GAClC,IAAA,CAAK,GAAA,CAAI,OAAO,CAAA,GAAI,IAAA,CAAK,WAAW,CAAA,GAAA,CAC/B,MAAA,CAAO,CAAA,GAAI,OAAO,CAAA,IAAK,CAAA,GACxB,MAAA,CAAO,CAAA,GAAI,IAAA,CAAK,WAAA;AAEtB,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,CAAA,GAAI,MAAA,CAAO,CAAA;AAElC,IAAA,MAAM,QAAA,GAAW,MAAA,CAAO,CAAA,GAAI,MAAA,CAAO,CAAA;AAEnC,IAAA,IAAI,OAAO,CAAA,EAAA,EAAK,MAAA,CAAO,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AACpC,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAA,GAAO,WAAW,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAC3C,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAA,GAAO,WAAW,CAAA,CAAA,EACjE,MAAA,CAAO,CACT,CAAA,CAAA,CAAA;AAAA,MACF,CAAA,MAAO;AACL,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAA,GAAO,WAAW,CAAA,CAAA,EACjE,MAAA,CAAO,CACT,CAAA,CAAA,CAAA;AAAA,MACF;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,GACE,IAAA,CAAK,KAAK,MAAA,CAAO,CAAA,GAAI,OAAO,CAAA,IAAK,CAAC,CAAA,GAClC,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,IAAI,IAAA,CAAK,WAAW,KAC/B,MAAA,CAAO,CAAA,GAAI,OAAO,CAAA,IAAK,CAAA,GACxB,MAAA,CAAO,CAAA,GAAI,IAAA,CAAK,WAAA;AAEtB,MAAA,IACE,OAAA,IACA,KAAK,aAAA,EAAc,CAAE,YAAW,CAAE,SAAA,KAAc,mBAAmB,KAAA,EACnE;AAEA,QAAA,IAAA,GAAO,MAAA,CAAO,IAAI,IAAA,CAAK,WAAA;AACvB,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAA,GAAO,WAAW,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAC3C,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UACrC,IAAA,GAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACd,CAAA,MAAO;AACL,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UACrC,IAAA,GAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACd;AAAA,MACF,CAAA,MAAA,IACE,SACA,IAAA,CAAK,aAAA,GAAgB,UAAA,EAAW,CAAE,SAAA,KAAc,kBAAA,CAAmB,IAAA,EACnE;AAEA,QAAA,IAAA,GAAO,MAAA,CAAO,IAAI,IAAA,CAAK,WAAA;AACvB,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,CAAC,CAAA,CAAA,CAAA;AAC7B,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,CAAA,OAAA,EACrC,OAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAA,GAAI,WAAW,CAAA,CAAA,CAAA;AAC1B,UAAA,IAAA,IAAQ,KAAK,IAAA,GAAO,WAAW,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AACzD,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACnE,CAAA,MAAO;AACL,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,CAAA,OAAA,EACrC,OAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAA,GAAI,WAAW,CAAA,CAAA,CAAA;AAC1B,UAAA,IAAA,IAAQ,KAAK,IAAA,GAAO,WAAW,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AACzD,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACnE;AAAA,MACF,CAAA,MAAO;AAEL,QAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAA,GAAO,WAAW,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAC3C,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UACrC,IAAA,GAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACd,CAAA,MAAO;AACL,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UAAU,IAAI,CAAA,CAAA,EACnD,MAAA,CAAO,CAAA,GAAI,WACb,CAAA,CAAA,CAAA;AACA,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,WAAW,CAAA,CAAA,CAAA;AAC3C,UAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,EAAI,WAAW,UACrC,IAAA,GAAO,WACT,CAAA,CAAA,EAAI,MAAA,CAAO,CAAC,CAAA,CAAA,CAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAA,IAAQ,CAAA,EAAA,EAAK,MAAA,CAAO,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA;AACjC,IAAA,OAAO,IAAA;AAAA,EACT;AAAA,EAEA,kCAAA,CACE,aACA,YAAA,EACkB;AAClB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,OAAO,CAAC,IAAA,CAAK,OAAA,CAAQ,SAAA,EAAY,CAAC,CAAA;AAAA,IACpC,CAAA,MAAA,IAAW,CAAC,WAAA,EAAa;AACvB,MAAA,OAAO,CAAC,CAAC,IAAA,CAAK,OAAA,CAAQ,WAAY,CAAC,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAC,YAAA,EAAc;AACxB,MAAA,OAAO,CAAC,CAAA,EAAG,CAAC,IAAA,CAAK,QAAQ,SAAU,CAAA;AAAA,IACrC;AACA,IAAA,OAAO,CAAC,CAAA,EAAG,IAAA,CAAK,OAAA,CAAQ,SAAU,CAAA;AAAA,EACpC;AAAA,EAEA,SAAA,GAAY;AACV,IAAA,OAAO;AAAA,MACL,GAAG,MAAM,SAAA,EAAU;AAAA,MACnB,KAAA,EAAO,KAAK,OAAA,CAAQ,KAAA;AAAA,MACpB,KAAA,EAAO,KAAK,OAAA,CAAQ,KAAA;AAAA,MACpB,SAAA,EAAW,KAAK,OAAA,CAAQ,SAAA;AAAA,MACxB,aAAA,EAAe,KAAK,OAAA,CAAQ;AAAA,KAC9B;AAAA,EACF;AAAA,EAEA,YAAY,KAAA,EAA+B;AACzC,IAAA,KAAA,CAAM,YAAY,KAAK,CAAA;AACvB,IAAA,IAAA,CAAK,OAAA,CAAQ,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,KAAA;AAChC,IAAA,IAAA,CAAK,OAAA,CAAQ,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,KAAA;AAChC,IAAA,IAAA,CAAK,OAAA,CAAQ,SAAA,GAAY,KAAA,CAAM,IAAA,CAAK,SAAA;AACpC,IAAA,IAAA,CAAK,OAAA,CAAQ,aAAA,GAAgB,KAAA,CAAM,IAAA,CAAK,aAAA;AAAA,EAC1C;AAAA,EAEA,SAAS,KAAA,EAA4B;AACnC,IAAA,IAAI,iBAAiB,UAAA,EAAY;AAC/B,MAAA,OAAO,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,IAC7B;AACA,IAAA,MAAM,OAAA,GAAU,IAAI,iBAAA,EAAkB;AACtC,IAAA,OAAA,CAAQ,SAAS,KAAK,CAAA;AACtB,IAAA,OAAO,KAAA,CAAM,SAAS,OAAO,CAAA;AAAA,EAC/B;AAAA,EAEA,SAAS,KAAA,EAAe;AACtB,IAAA,IAAA,CAAK,QAAQ,KAAA,GAAQ,KAAA;AACrB,IAAA,IAAA,CAAK,SAAA,CAAU,EAAE,KAAA,EAAM,EAAG,cAAc,CAAA;AAAA,EAC1C;AAAA,EAEA,SAAS,KAAA,EAAe;AACtB,IAAA,IAAA,CAAK,QAAQ,KAAA,GAAQ,KAAA;AACrB,IAAA,IAAA,CAAK,SAAA,CAAU,EAAE,KAAA,EAAM,EAAG,cAAc,CAAA;AAAA,EAC1C;AAAA,EAEA,QAAA,GAAwD;AACtD,IAAA,OAAO,MAAA;AAAA,EACT;AACF;;;;"}

package/dist/components/Project/AdvancedLink/AdvancedLinkPointWidget.esm.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import styled from '@emotion/styled';
+
+var S;
+((S2) => {
+  S2.PointTop = styled.circle`
+    pointer-events: all;
+  `;
+})(S || (S = {}));
+class AdvancedLinkPointWidget extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      selected: false
+    };
+  }
+  render() {
+    const { point } = this.props;
+    return /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("circle", { cx: point.getPosition().x, cy: point.getPosition().y, r: 0 }),
+      /* @__PURE__ */ jsx(
+        S.PointTop,
+        {
+          className: "point",
+          onMouseLeave: () => {
+            this.setState({ selected: false });
+          },
+          onMouseEnter: () => {
+            this.setState({ selected: true });
+          },
+          "data-id": point.getID(),
+          "data-linkid": point.getLink().getID(),
+          cx: point.getPosition().x,
+          cy: point.getPosition().y,
+          r: 15,
+          opacity: 0
+        }
+      )
+    ] });
+  }
+}
+
+export { AdvancedLinkPointWidget };
+//# sourceMappingURL=AdvancedLinkPointWidget.esm.js.map

package/dist/components/Project/AdvancedLink/AdvancedLinkPointWidget.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedLinkPointWidget.esm.js","sources":["../../../../src/components/Project/AdvancedLink/AdvancedLinkPointWidget.tsx"],"sourcesContent":["import { Component } from 'react';\nimport { PointModel } from '@projectstorm/react-diagrams-core';\nimport styled from '@emotion/styled';\n\nexport interface AdvancedLinkPointWidgetProps {\n  point: PointModel;\n  color?: string;\n  colorSelected?: string;\n}\n\nexport interface AdvancedLinkPointWidgetState {\n  selected: boolean;\n}\n\nnamespace S {\n  export const PointTop = styled.circle`\n    pointer-events: all;\n  `;\n}\n\nexport class AdvancedLinkPointWidget extends Component<\n  AdvancedLinkPointWidgetProps,\n  AdvancedLinkPointWidgetState\n> {\n  constructor(\n    props:\n      | AdvancedLinkPointWidgetProps\n      | Readonly<AdvancedLinkPointWidgetProps>,\n  ) {\n    super(props);\n    this.state = {\n      selected: false,\n    };\n  }\n\n  render() {\n    const { point } = this.props;\n    return (\n      <g>\n        <circle cx={point.getPosition().x} cy={point.getPosition().y} r={0} />\n        <S.PointTop\n          className=\"point\"\n          onMouseLeave={() => {\n            this.setState({ selected: false });\n          }}\n          onMouseEnter={() => {\n            this.setState({ selected: true });\n          }}\n          data-id={point.getID()}\n          data-linkid={point.getLink().getID()}\n          cx={point.getPosition().x}\n          cy={point.getPosition().y}\n          r={15}\n          opacity={0.0}\n        />\n      </g>\n    );\n  }\n}\n"],"names":["S"],"mappings":";;;;AAcA,IAAU,CAAA;AAAA,CAAV,CAAUA,EAAAA,KAAV;AACS,EAAMA,EAAAA,CAAA,WAAW,MAAA,CAAO,MAAA;AAAA;AAAA,EAAA,CAAA;AAAA,CAAA,EADvB,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AAMH,MAAM,gCAAgC,SAAA,CAG3C;AAAA,EACA,YACE,KAAA,EAGA;AACA,IAAA,KAAA,CAAM,KAAK,CAAA;AACX,IAAA,IAAA,CAAK,KAAA,GAAQ;AAAA,MACX,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAEA,MAAA,GAAS;AACP,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,IAAA,CAAK,KAAA;AACvB,IAAA,4BACG,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAI,KAAA,CAAM,WAAA,EAAY,CAAE,CAAA,EAAG,EAAA,EAAI,KAAA,CAAM,WAAA,EAAY,CAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA,sBACpE,GAAA;AAAA,QAAC,CAAA,CAAE,QAAA;AAAA,QAAF;AAAA,UACC,SAAA,EAAU,OAAA;AAAA,UACV,cAAc,MAAM;AAClB,YAAA,IAAA,CAAK,QAAA,CAAS,EAAE,QAAA,EAAU,KAAA,EAAO,CAAA;AAAA,UACnC,CAAA;AAAA,UACA,cAAc,MAAM;AAClB,YAAA,IAAA,CAAK,QAAA,CAAS,EAAE,QAAA,EAAU,IAAA,EAAM,CAAA;AAAA,UAClC,CAAA;AAAA,UACA,SAAA,EAAS,MAAM,KAAA,EAAM;AAAA,UACrB,aAAA,EAAa,KAAA,CAAM,OAAA,EAAQ,CAAE,KAAA,EAAM;AAAA,UACnC,EAAA,EAAI,KAAA,CAAM,WAAA,EAAY,CAAE,CAAA;AAAA,UACxB,EAAA,EAAI,KAAA,CAAM,WAAA,EAAY,CAAE,CAAA;AAAA,UACxB,CAAA,EAAG,EAAA;AAAA,UACH,OAAA,EAAS;AAAA;AAAA;AACX,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/components/Project/AdvancedLink/AdvancedLinkSegmentWidget.esm.js

@@ -0,0 +1,46 @@
+import { jsxs } from 'react/jsx-runtime';
+import { Component, cloneElement } from 'react';
+
+class AdvancedLinkSegmentWidget extends Component {
+  render() {
+    const Bottom = cloneElement(
+      this.props.factory.generateLinkSegment(
+        this.props.link,
+        this.props.selected,
+        this.props.path,
+        this.props.showArrow
+      ),
+      {
+        ref: this.props.forwardRef
+      }
+    );
+    const Top = cloneElement(Bottom, {
+      strokeLinecap: "round",
+      onMouseLeave: () => {
+        this.props.onSelection(false);
+      },
+      onMouseEnter: () => {
+        this.props.onSelection(true);
+      },
+      ...this.props.extras,
+      ref: null,
+      "data-linkid": this.props.link.getID(),
+      strokeOpacity: this.props.selected ? 0.1 : 0,
+      strokeWidth: 20,
+      fill: "none",
+      onContextMenu: () => {
+        if (!this.props.link.isLocked()) {
+          event?.preventDefault();
+          this.props.link.remove();
+        }
+      }
+    });
+    return /* @__PURE__ */ jsxs("g", { children: [
+      Bottom,
+      Top
+    ] });
+  }
+}
+
+export { AdvancedLinkSegmentWidget };
+//# sourceMappingURL=AdvancedLinkSegmentWidget.esm.js.map

package/dist/components/Project/AdvancedLink/AdvancedLinkSegmentWidget.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedLinkSegmentWidget.esm.js","sources":["../../../../src/components/Project/AdvancedLink/AdvancedLinkSegmentWidget.tsx"],"sourcesContent":["import { cloneElement, Component, RefObject } from 'react';\nimport { AdvancedLinkFactory } from './AdvancedLinkFactory';\nimport { DiagramEngine } from '@projectstorm/react-diagrams-core';\nimport { AdvancedLinkModel } from './AdvancedLinkModel';\n\nexport interface AdvancedLinkSegmentWidgetProps {\n  path: string;\n  link: AdvancedLinkModel;\n  selected: boolean;\n  forwardRef: RefObject<SVGPathElement>;\n  factory: AdvancedLinkFactory;\n  diagramEngine: DiagramEngine;\n  onSelection: (selected: boolean) => any;\n  extras: object;\n  showArrow?: boolean;\n}\n\nexport class AdvancedLinkSegmentWidget extends Component<AdvancedLinkSegmentWidgetProps> {\n  render() {\n    const Bottom = cloneElement(\n      this.props.factory.generateLinkSegment(\n        this.props.link,\n        this.props.selected,\n        this.props.path,\n        this.props.showArrow,\n      ),\n      {\n        ref: this.props.forwardRef,\n      },\n    );\n\n    const Top = cloneElement(Bottom, {\n      strokeLinecap: 'round',\n      onMouseLeave: () => {\n        this.props.onSelection(false);\n      },\n      onMouseEnter: () => {\n        this.props.onSelection(true);\n      },\n      ...this.props.extras,\n      ref: null,\n      'data-linkid': this.props.link.getID(),\n      strokeOpacity: this.props.selected ? 0.1 : 0,\n      strokeWidth: 20,\n      fill: 'none',\n      onContextMenu: () => {\n        if (!this.props.link.isLocked()) {\n          event?.preventDefault();\n          this.props.link.remove();\n        }\n      },\n    });\n\n    return (\n      <g>\n        {Bottom}\n        {Top}\n      </g>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAiBO,MAAM,kCAAkC,SAAA,CAA0C;AAAA,EACvF,MAAA,GAAS;AACP,IAAA,MAAM,MAAA,GAAS,YAAA;AAAA,MACb,IAAA,CAAK,MAAM,OAAA,CAAQ,mBAAA;AAAA,QACjB,KAAK,KAAA,CAAM,IAAA;AAAA,QACX,KAAK,KAAA,CAAM,QAAA;AAAA,QACX,KAAK,KAAA,CAAM,IAAA;AAAA,QACX,KAAK,KAAA,CAAM;AAAA,OACb;AAAA,MACA;AAAA,QACE,GAAA,EAAK,KAAK,KAAA,CAAM;AAAA;AAClB,KACF;AAEA,IAAA,MAAM,GAAA,GAAM,aAAa,MAAA,EAAQ;AAAA,MAC/B,aAAA,EAAe,OAAA;AAAA,MACf,cAAc,MAAM;AAClB,QAAA,IAAA,CAAK,KAAA,CAAM,YAAY,KAAK,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,cAAc,MAAM;AAClB,QAAA,IAAA,CAAK,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,MAC7B,CAAA;AAAA,MACA,GAAG,KAAK,KAAA,CAAM,MAAA;AAAA,MACd,GAAA,EAAK,IAAA;AAAA,MACL,aAAA,EAAe,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,KAAA,EAAM;AAAA,MACrC,aAAA,EAAe,IAAA,CAAK,KAAA,CAAM,QAAA,GAAW,GAAA,GAAM,CAAA;AAAA,MAC3C,WAAA,EAAa,EAAA;AAAA,MACb,IAAA,EAAM,MAAA;AAAA,MACN,eAAe,MAAM;AACnB,QAAA,IAAI,CAAC,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,UAAS,EAAG;AAC/B,UAAA,KAAA,EAAO,cAAA,EAAe;AACtB,UAAA,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO;AAAA,QACzB;AAAA,MACF;AAAA,KACD,CAAA;AAED,IAAA,4BACG,GAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,MAAA;AAAA,MACA;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/components/Project/AdvancedLink/AdvancedLinkWidget.esm.js

@@ -0,0 +1,149 @@
+import { jsx } from 'react/jsx-runtime';
+import { Component, createRef } from 'react';
+import { AdvancedLinkPointWidget } from './AdvancedLinkPointWidget.esm.js';
+import { AdvancedLinkSegmentWidget } from './AdvancedLinkSegmentWidget.esm.js';
+
+class AdvancedLinkWidget extends Component {
+  refPaths;
+  constructor(props) {
+    super(props);
+    this.refPaths = [];
+    this.state = {
+      selected: false
+    };
+  }
+  // eslint-disable-next-line react/sort-comp
+  renderPoints() {
+    return this.props.renderPoints ?? true;
+  }
+  // eslint-disable-next-line react/sort-comp
+  componentDidUpdate() {
+    this.props.link.setRenderedPaths(
+      this.refPaths.map((ref) => {
+        return ref.current;
+      })
+    );
+  }
+  componentDidMount() {
+    this.props.link.setRenderedPaths(
+      this.refPaths.map((ref) => {
+        return ref.current;
+      })
+    );
+    const listener = this.props.link.registerListener({
+      SELECT: this.selectPath,
+      UNSELECT: this.unselectPath
+    });
+    this.setState({ listener });
+  }
+  componentWillUnmount() {
+    this.props.link.setRenderedPaths([]);
+    if (this.state.listener) {
+      this.props.link.deregisterListener(this.state.listener);
+    }
+  }
+  selectPath = () => {
+    this.setState({ selected: true });
+  };
+  unselectPath = () => {
+    this.setState({ selected: false });
+  };
+  addPointToLink(event, index) {
+    if (!event.shiftKey && !this.props.link.isLocked() && this.props.link.getPoints().length - 1 <= this.props.diagramEngine.getMaxNumberPointsPerLink()) {
+      const position = this.props.diagramEngine.getRelativeMousePoint(event);
+      const point = this.props.link.point(position.x, position.y, index);
+      event.persist();
+      event.stopPropagation();
+      this.forceUpdate(() => {
+        this.props.diagramEngine.getActionEventBus().fireAction({
+          event,
+          model: point
+        });
+      });
+    }
+  }
+  generatePoint(point) {
+    return /* @__PURE__ */ jsx(
+      AdvancedLinkPointWidget,
+      {
+        point,
+        colorSelected: this.props.link.getOptions().selectedColor,
+        color: this.props.link.getOptions().color
+      },
+      point.getID()
+    );
+  }
+  generateLink(path, extraProps, id, showArrow) {
+    const ref = createRef();
+    this.refPaths.push(ref);
+    return /* @__PURE__ */ jsx(
+      AdvancedLinkSegmentWidget,
+      {
+        path,
+        selected: this.state.selected,
+        diagramEngine: this.props.diagramEngine,
+        factory: this.props.diagramEngine.getFactoryForLink(this.props.link),
+        link: this.props.link,
+        forwardRef: ref,
+        onSelection: (selected) => {
+          this.setState({ selected });
+        },
+        extras: extraProps,
+        showArrow
+      },
+      `link-${id}`
+    );
+  }
+  render() {
+    const points = this.props.link.getPoints();
+    const paths = [];
+    this.refPaths = [];
+    if (points.length === 2 || this.props.link.getFirstPoint().getX() < this.props.link.getLastPoint().getX()) {
+      paths.push(
+        this.generateLink(
+          this.props.link.getSVGPath(),
+          {
+            onMouseDown: (event) => {
+              this.props.selected?.(event);
+            }
+          },
+          "0",
+          true
+        )
+      );
+      if (this.props.link.getTargetPort() === null) {
+        paths.push(this.generatePoint(points[1]));
+      }
+    } else {
+      for (let j = 0; j < points.length - 1; j++) {
+        paths.push(
+          this.generateLink(
+            this.props.link.getSVGPathSegment(points[j], points[j + 1]),
+            {
+              "data-linkid": this.props.link.getID(),
+              "data-point": j,
+              onMouseDown: (event) => {
+                this.props.selected?.(event);
+                this.addPointToLink(event, j + 1);
+              }
+            },
+            j,
+            j === points.length - 2
+          )
+        );
+      }
+      if (this.renderPoints()) {
+        for (let i = 1; i < points.length - 1; i++) {
+          paths.push(this.generatePoint(points[i]));
+        }
+        if (this.props.link.getTargetPort() === null) {
+          paths.push(this.generatePoint(points[points.length - 1]));
+        }
+      }
+    }
+    return /* @__PURE__ */ jsx("g", { "data-default-link-test": this.props.link.getOptions().testName, children: paths });
+  }
+}
+
+export { AdvancedLinkWidget };
+//# sourceMappingURL=AdvancedLinkWidget.esm.js.map

package/dist/components/Project/AdvancedLink/AdvancedLinkWidget.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedLinkWidget.esm.js","sources":["../../../../src/components/Project/AdvancedLink/AdvancedLinkWidget.tsx"],"sourcesContent":["import { Component, createRef, MouseEvent, RefObject } from 'react';\nimport { DiagramEngine, PointModel } from '@projectstorm/react-diagrams-core';\nimport { ListenerHandle } from '@projectstorm/react-canvas-core';\nimport { AdvancedLinkModel } from './AdvancedLinkModel';\nimport { AdvancedLinkPointWidget } from './AdvancedLinkPointWidget';\nimport { AdvancedLinkSegmentWidget } from './AdvancedLinkSegmentWidget';\n\nexport interface AdvancedLinkProps {\n  link: AdvancedLinkModel;\n  diagramEngine: DiagramEngine;\n  pointAdded?: (point: PointModel, event: MouseEvent) => any;\n  renderPoints?: boolean;\n  selected?: (event: MouseEvent) => any;\n}\n\nexport interface AdvancedLinkState {\n  selected: boolean;\n  listener?: ListenerHandle;\n}\n\nexport class AdvancedLinkWidget extends Component<\n  AdvancedLinkProps,\n  AdvancedLinkState\n> {\n  refPaths: RefObject<SVGPathElement>[];\n\n  constructor(props: AdvancedLinkProps) {\n    super(props);\n    this.refPaths = [];\n    this.state = {\n      selected: false,\n    };\n  }\n\n  // eslint-disable-next-line react/sort-comp\n  renderPoints() {\n    return this.props.renderPoints ?? true;\n  }\n\n  // eslint-disable-next-line react/sort-comp\n  componentDidUpdate(): void {\n    this.props.link.setRenderedPaths(\n      this.refPaths.map(ref => {\n        return ref.current;\n      }) as SVGPathElement[],\n    );\n  }\n\n  componentDidMount(): void {\n    this.props.link.setRenderedPaths(\n      this.refPaths.map(ref => {\n        return ref.current;\n      }) as SVGPathElement[],\n    );\n    const listener = this.props.link.registerListener({\n      SELECT: this.selectPath,\n      UNSELECT: this.unselectPath,\n    });\n    this.setState({ listener });\n  }\n\n  componentWillUnmount(): void {\n    this.props.link.setRenderedPaths([]);\n    if (this.state.listener) {\n      this.props.link.deregisterListener(this.state.listener);\n    }\n  }\n\n  selectPath = () => {\n    this.setState({ selected: true });\n  };\n\n  unselectPath = () => {\n    this.setState({ selected: false });\n  };\n\n  addPointToLink(event: MouseEvent, index: number) {\n    if (\n      !event.shiftKey &&\n      !this.props.link.isLocked() &&\n      this.props.link.getPoints().length - 1 <=\n        this.props.diagramEngine.getMaxNumberPointsPerLink()\n    ) {\n      const position = this.props.diagramEngine.getRelativeMousePoint(event);\n      const point = this.props.link.point(position.x, position.y, index);\n      event.persist();\n      event.stopPropagation();\n      this.forceUpdate(() => {\n        this.props.diagramEngine.getActionEventBus().fireAction({\n          event,\n          model: point,\n        });\n      });\n    }\n  }\n\n  generatePoint(point: PointModel): JSX.Element {\n    return (\n      <AdvancedLinkPointWidget\n        key={point.getID()}\n        point={point as any}\n        colorSelected={this.props.link.getOptions().selectedColor}\n        color={this.props.link.getOptions().color}\n      />\n    );\n  }\n\n  generateLink(\n    path: string,\n    extraProps: any,\n    id: string | number,\n    showArrow?: boolean,\n  ): JSX.Element {\n    const ref = createRef<SVGPathElement>();\n    this.refPaths.push(ref);\n    return (\n      <AdvancedLinkSegmentWidget\n        key={`link-${id}`}\n        path={path}\n        selected={this.state.selected}\n        diagramEngine={this.props.diagramEngine}\n        factory={this.props.diagramEngine.getFactoryForLink(this.props.link)}\n        link={this.props.link}\n        forwardRef={ref}\n        onSelection={selected => {\n          this.setState({ selected: selected });\n        }}\n        extras={extraProps}\n        showArrow={showArrow}\n      />\n    );\n  }\n\n  render() {\n    // ensure id is present for all points on the path\n    const points = this.props.link.getPoints();\n    const paths = [];\n    this.refPaths = [];\n\n    // draw curve line if the link is not a reverse link\n    if (\n      points.length === 2 ||\n      this.props.link.getFirstPoint().getX() <\n        this.props.link.getLastPoint().getX()\n    ) {\n      paths.push(\n        this.generateLink(\n          this.props.link.getSVGPath(),\n          {\n            onMouseDown: (\n              event: MouseEvent<Element, globalThis.MouseEvent>,\n            ) => {\n              this.props.selected?.(event);\n            },\n          },\n          '0',\n          true,\n        ),\n      );\n\n      // draw the link as dangeling\n      if (this.props.link.getTargetPort() === null) {\n        paths.push(this.generatePoint(points[1]));\n      }\n    } else {\n      // draw the multiple anchors and complex line instead\n      for (let j = 0; j < points.length - 1; j++) {\n        paths.push(\n          this.generateLink(\n            this.props.link.getSVGPathSegment(points[j], points[j + 1]),\n            {\n              'data-linkid': this.props.link.getID(),\n              'data-point': j,\n              onMouseDown: (event: MouseEvent) => {\n                this.props.selected?.(event);\n                this.addPointToLink(event, j + 1);\n              },\n            },\n            j,\n            j === points.length - 2,\n          ),\n        );\n      }\n\n      if (this.renderPoints()) {\n        // render the circles\n        for (let i = 1; i < points.length - 1; i++) {\n          paths.push(this.generatePoint(points[i]));\n        }\n\n        if (this.props.link.getTargetPort() === null) {\n          paths.push(this.generatePoint(points[points.length - 1]));\n        }\n      }\n    }\n\n    return (\n      <g data-default-link-test={this.props.link.getOptions().testName}>\n        {paths}\n      </g>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Project/ProjectLink/ProjectLinkFactory.esm.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { DefaultLinkFactory } from '@projectstorm/react-diagrams';
+import { ProjectLinkModel } from './ProjectLinkModel.esm.js';
+import { ProjectLinkWidget } from './ProjectLinkWidget.esm.js';
+import { PROJECT_LINK } from '../../../resources/constants.esm.js';
+
+class ProjectLinkFactory extends DefaultLinkFactory {
+  constructor() {
+    super(PROJECT_LINK);
+  }
+  generateModel(event) {
+    return new ProjectLinkModel(event.initialConfig.id);
+  }
+  generateReactWidget(props) {
+    return /* @__PURE__ */ jsx(ProjectLinkWidget, { link: props.model, engine: this.engine });
+  }
+}
+
+export { ProjectLinkFactory };
+//# sourceMappingURL=ProjectLinkFactory.esm.js.map

package/dist/components/Project/ProjectLink/ProjectLinkFactory.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectLinkFactory.esm.js","sources":["../../../../src/components/Project/ProjectLink/ProjectLinkFactory.tsx"],"sourcesContent":["import { DefaultLinkFactory } from '@projectstorm/react-diagrams';\nimport { ProjectLinkModel } from './ProjectLinkModel';\nimport { ProjectLinkWidget } from './ProjectLinkWidget';\nimport { PROJECT_LINK } from '../../../resources';\n\nexport class ProjectLinkFactory extends DefaultLinkFactory {\n  constructor() {\n    super(PROJECT_LINK);\n  }\n\n  generateModel(event: { initialConfig: any }): ProjectLinkModel {\n    return new ProjectLinkModel(event.initialConfig.id);\n  }\n\n  generateReactWidget(props: { model: ProjectLinkModel }): JSX.Element {\n    return <ProjectLinkWidget link={props.model} engine={this.engine} />;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,2BAA2B,kBAAA,CAAmB;AAAA,EACzD,WAAA,GAAc;AACZ,IAAA,KAAA,CAAM,YAAY,CAAA;AAAA,EACpB;AAAA,EAEA,cAAc,KAAA,EAAiD;AAC7D,IAAA,OAAO,IAAI,gBAAA,CAAiB,KAAA,CAAM,aAAA,CAAc,EAAE,CAAA;AAAA,EACpD;AAAA,EAEA,oBAAoB,KAAA,EAAiD;AACnE,IAAA,2BAAQ,iBAAA,EAAA,EAAkB,IAAA,EAAM,MAAM,KAAA,EAAO,MAAA,EAAQ,KAAK,MAAA,EAAQ,CAAA;AAAA,EACpE;AACF;;;;"}

package/dist/components/Project/ProjectLink/ProjectLinkModel.esm.js

@@ -0,0 +1,20 @@
+import { PROJECT_LINK } from '../../../resources/constants.esm.js';
+import 'react/jsx-runtime';
+import { SharedLinkModel } from '../../SharedLink/SharedLink.esm.js';
+
+class ProjectLinkModel extends SharedLinkModel {
+  sourceNode;
+  targetNode;
+  constructor(id) {
+    super(id, PROJECT_LINK);
+  }
+  setSourceNode(nodeId) {
+    this.sourceNode = { nodeId };
+  }
+  setTargetNode(nodeId) {
+    this.targetNode = { nodeId };
+  }
+}
+
+export { ProjectLinkModel };
+//# sourceMappingURL=ProjectLinkModel.esm.js.map

package/dist/components/Project/ProjectLink/ProjectLinkModel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectLinkModel.esm.js","sources":["../../../../src/components/Project/ProjectLink/ProjectLinkModel.ts"],"sourcesContent":["import { PROJECT_LINK } from '../../../resources';\nimport { SharedLinkModel } from '../../SharedLink/SharedLink';\n\ninterface LinkOrigins {\n  nodeId: string;\n}\n\nexport class ProjectLinkModel extends SharedLinkModel {\n  sourceNode!: LinkOrigins;\n  targetNode!: LinkOrigins;\n\n  constructor(id: string) {\n    super(id, PROJECT_LINK);\n  }\n\n  setSourceNode(nodeId: string) {\n    this.sourceNode = { nodeId };\n  }\n\n  setTargetNode(nodeId: string) {\n    this.targetNode = { nodeId };\n  }\n}\n"],"names":[],"mappings":";;;;AAOO,MAAM,yBAAyB,eAAA,CAAgB;AAAA,EACpD,UAAA;AAAA,EACA,UAAA;AAAA,EAEA,YAAY,EAAA,EAAY;AACtB,IAAA,KAAA,CAAM,IAAI,YAAY,CAAA;AAAA,EACxB;AAAA,EAEA,cAAc,MAAA,EAAgB;AAC5B,IAAA,IAAA,CAAK,UAAA,GAAa,EAAE,MAAA,EAAO;AAAA,EAC7B;AAAA,EAEA,cAAc,MAAA,EAAgB;AAC5B,IAAA,IAAA,CAAK,UAAA,GAAa,EAAE,MAAA,EAAO;AAAA,EAC7B;AACF;;;;"}

package/dist/components/Project/ProjectLink/ProjectLinkWidget.esm.js

@@ -0,0 +1,94 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { PROJECT_LINK } from '../../../resources/constants.esm.js';
+import { SharedLink } from '../../SharedLink/SharedLink.esm.js';
+import { useColors } from '../../../theme/ThemeContext.esm.js';
+import '../../../theme/CellDiagramThemeProvider.esm.js';
+
+function ProjectLinkWidget(props) {
+  const { link } = props;
+  const colors = useColors();
+  const [isSelected, setIsSelected] = useState(false);
+  useEffect(() => {
+    const listener = link.registerListener({
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      SELECT: selectPath,
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      UNSELECT: unselectPath
+    });
+    return () => {
+      link.deregisterListener(listener);
+    };
+  }, [link]);
+  const selectPath = () => {
+    setIsSelected(true);
+    link.selectLinkedNodes();
+  };
+  const unselectPath = () => {
+    setIsSelected(false);
+    link.resetLinkedNodes();
+  };
+  const handleMouseOver = (event) => {
+    event.stopPropagation();
+    selectPath();
+  };
+  const handleMouseLeave = (event) => {
+    event.stopPropagation();
+    unselectPath();
+  };
+  const strokeColor = () => {
+    if (isSelected) {
+      return colors.SECONDARY;
+    }
+    return colors.ON_SURFACE_VARIANT;
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "g",
+    {
+      onMouseOver: handleMouseOver,
+      onMouseLeave: handleMouseLeave,
+      pointerEvents: "all",
+      className: PROJECT_LINK,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+          "marker",
+          {
+            id: link.getLinkArrowId(),
+            markerWidth: "5",
+            markerHeight: "5",
+            markerUnits: "strokeWidth",
+            refX: "5",
+            refY: "2.5",
+            viewBox: "0 0 5 5",
+            orient: "auto",
+            children: /* @__PURE__ */ jsx("polygon", { points: "0,5 0,0 5,2.5", fill: strokeColor() })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: link.getCurvePath(),
+            fill: "none",
+            stroke: "transparent",
+            strokeWidth: 40
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SharedLink.Path,
+          {
+            selected: isSelected,
+            id: link.getID(),
+            d: link.getCurvePath(),
+            fill: "none",
+            stroke: strokeColor(),
+            strokeWidth: 2,
+            markerEnd: `url(#${link.getLinkArrowId()})`
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export { ProjectLinkWidget };
+//# sourceMappingURL=ProjectLinkWidget.esm.js.map

package/dist/components/Project/ProjectLink/ProjectLinkWidget.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectLinkWidget.esm.js","sources":["../../../../src/components/Project/ProjectLink/ProjectLinkWidget.tsx"],"sourcesContent":["import { MouseEvent, useEffect, useState } from 'react';\nimport { DiagramEngine } from '@projectstorm/react-diagrams';\nimport { ProjectLinkModel } from './ProjectLinkModel';\nimport { PROJECT_LINK } from '../../../resources';\nimport { SharedLink } from '../../SharedLink/SharedLink';\nimport { useColors } from '../../../theme';\n\ninterface WidgetProps {\n  engine: DiagramEngine;\n  link: ProjectLinkModel;\n}\n\nexport function ProjectLinkWidget(props: WidgetProps) {\n  const { link } = props;\n  const colors = useColors();\n\n  const [isSelected, setIsSelected] = useState<boolean>(false);\n\n  useEffect(() => {\n    const listener = link.registerListener({\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      SELECT: selectPath,\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      UNSELECT: unselectPath,\n    });\n    return () => {\n      link.deregisterListener(listener);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [link]);\n\n  const selectPath = () => {\n    setIsSelected(true);\n    link.selectLinkedNodes();\n  };\n\n  const unselectPath = () => {\n    setIsSelected(false);\n    link.resetLinkedNodes();\n  };\n\n  const handleMouseOver = (\n    event: MouseEvent<SVGGElement, globalThis.MouseEvent>,\n  ) => {\n    event.stopPropagation();\n    selectPath();\n    // setAnchorEl(event.currentTarget);\n  };\n\n  const handleMouseLeave = (\n    event: MouseEvent<SVGGElement, globalThis.MouseEvent>,\n  ) => {\n    event.stopPropagation();\n    unselectPath();\n    // setAnchorEl(null);\n  };\n\n  const strokeColor = () => {\n    if (isSelected) {\n      return colors.SECONDARY;\n    }\n\n    return colors.ON_SURFACE_VARIANT;\n  };\n\n  // const midPoint = link.getMidPoint();\n\n  return (\n    <>\n      <g\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        pointerEvents=\"all\"\n        className={PROJECT_LINK}\n      >\n        <defs>\n          <marker\n            id={link.getLinkArrowId()}\n            markerWidth=\"5\"\n            markerHeight=\"5\"\n            markerUnits=\"strokeWidth\"\n            refX=\"5\"\n            refY=\"2.5\"\n            viewBox=\"0 0 5 5\"\n            orient=\"auto\"\n          >\n            <polygon points=\"0,5 0,0 5,2.5\" fill={strokeColor()} />\n          </marker>\n        </defs>\n        <path\n          d={link.getCurvePath()}\n          fill=\"none\"\n          stroke=\"transparent\"\n          strokeWidth={40}\n        />\n        <SharedLink.Path\n          selected={isSelected}\n          id={link.getID()}\n          d={link.getCurvePath()}\n          fill=\"none\"\n          stroke={strokeColor()}\n          strokeWidth={2}\n          markerEnd={`url(#${link.getLinkArrowId()})`}\n        />\n      </g>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}