@flowgram.ai/renderer 0.3.6 → 0.4.1

package/dist/esm/index.js

@@ -843,7 +843,8 @@ var FlowRendererKey = /* @__PURE__ */ ((FlowRendererKey2) => {
   FlowRendererKey2["CONTEXT_MENU_POPOVER"] = "context-menu-popover";
   FlowRendererKey2["SUB_CANVAS"] = "sub-canvas";
   FlowRendererKey2["SLOT_ADDER"] = "slot-adder";
-  FlowRendererKey2["SLOT_COLLPASE"] = "slot-collapse";
+  FlowRendererKey2["SLOT_LABEL"] = "slot-label";
+  FlowRendererKey2["SLOT_COLLAPSE"] = "slot-collapse";
   FlowRendererKey2["ARROW_RENDERER"] = "arrow-renderer";
   FlowRendererKey2["MARKER_ARROW"] = "marker-arrow";
   FlowRendererKey2["MARKER_ACTIVATE_ARROW"] = "marker-active-arrow";
@@ -1194,6 +1195,10 @@ function RoundedTurningLine(props) {
         const moveY = isNil2(point.moveY) ? ry : point.moveY;
         outPoint.y += to.y < point.y ? -moveY : +moveY;
       }
+      if (point.radiusOverflow === "truncate") {
+        rx = radiusX;
+        ry = radiusY;
+      }
       const crossProduct = (point.x - inPoint.x) * (outPoint.y - inPoint.y) - (point.y - inPoint.y) * (outPoint.x - inPoint.x);
       const isClockWise = crossProduct > 0;
       return `L ${inPoint.x} ${inPoint.y} A ${rx} ${ry} 0 0 ${isClockWise ? 1 : 0} ${outPoint.x} ${outPoint.y}`;
@@ -1662,7 +1667,7 @@ function createLabels(labelProps) {
   const { labels, renderData } = data || {};
   const { activated } = renderData || {};
   const renderLabel = (label, index) => {
-    const { offset, renderKey, props, rotate, type } = label || {};
+    const { offset, renderKey, props, rotate, origin, type } = label || {};
     const offsetX = offset.x;
     const offsetY = offset.y;
     let child = null;
@@ -1752,6 +1757,8 @@ function createLabels(labelProps) {
       default:
         break;
     }
+    const originX = typeof origin?.[0] === "number" ? origin?.[0] : 0.5;
+    const originY = typeof origin?.[1] === "number" ? origin?.[1] : 0.5;
     return /* @__PURE__ */ React13.createElement(
       "div",
       {
@@ -1761,7 +1768,7 @@ function createLabels(labelProps) {
           position: "absolute",
           left: offsetX,
           top: offsetY,
-          transform: "translate(-50%, -50%)"
+          transform: `translate(-${originX * 100}%, -${originY * 100}%)`
         }
       },
       child