@flowgram.ai/renderer 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/esm/index.js

@@ -433,7 +433,7 @@ import { ConfigEntity as ConfigEntity2 } from "@flowgram.ai/core";
 import { Compare, Rectangle as Rectangle2 } from "@flowgram.ai/utils";
 
 // src/utils/find-selected-nodes.ts
-import { uniq } from "lodash";
+import { uniq } from "lodash-es";
 function getNodePath(node) {
   const path = [node];
   node = node.parent;
@@ -626,7 +626,7 @@ import { injectable } from "inversify";
 import { Disposable } from "@flowgram.ai/utils";
 
 // src/utils/element.ts
-import { isNil } from "lodash";
+import { isNil } from "lodash-es";
 var isHidden = (dom) => {
   if (!dom || isNil(dom?.offsetParent)) {
     return true;
@@ -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";
@@ -1041,7 +1042,7 @@ FlowNodesContentLayer = __decorateClass([
 
 // src/layers/flow-lines-layer.tsx
 import React8 from "react";
-import { groupBy, throttle } from "lodash";
+import { groupBy, throttle } from "lodash-es";
 import { inject as inject4, injectable as injectable5 } from "inversify";
 import { domUtils as domUtils3 } from "@flowgram.ai/utils";
 import {
@@ -1083,7 +1084,7 @@ var StraightLine_default = StraightLine;
 
 // src/components/RoundedTurningLine.tsx
 import React5, { useMemo } from "react";
-import { isNil as isNil2 } from "lodash";
+import { isNil as isNil2 } from "lodash-es";
 import { Point } from "@flowgram.ai/utils";
 import { useService as useService2 } from "@flowgram.ai/core";
 
@@ -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}`;
@@ -1384,7 +1389,7 @@ FlowLinesLayer = __decorateClass([
 
 // src/layers/flow-labels-layer.tsx
 import React14 from "react";
-import { throttle as throttle2 } from "lodash";
+import { throttle as throttle2 } from "lodash-es";
 import { inject as inject5, injectable as injectable6 } from "inversify";
 import { domUtils as domUtils4 } from "@flowgram.ai/utils";
 import {
@@ -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