@cardenelabs/cdl 0.119.0 → 0.121.0

package/dist/react.cjs

@@ -4420,6 +4420,32 @@ function shrinkPathEnd(d, shrinkPx) {
   tokens[tokens.length - 1] = newEndY.toFixed(1);
   return tokens.join(" ");
 }
+function shrinkPathStart(d, shrinkPx) {
+  const \u533A\u9593 = [...d.matchAll(/([MLCQZmlcqz])([^MLCQZmlcqz]*)/g)].map((m) => ({
+    cmd: m[1],
+    args: (m[2] ?? "").trim().split(/[\s,]+/).filter(Boolean).map(parseFloat)
+  }));
+  if (\u533A\u9593.length < 2) return d;
+  const \u5148\u982D = \u533A\u9593[0];
+  if (\u5148\u982D.cmd !== "M" || \u5148\u982D.args.length < 2) return d;
+  const \u6B21 = \u533A\u9593[1];
+  const \u5411\u304D\u5148 = \u6B21.cmd === "Q" || \u6B21.cmd === "C" ? { x: \u6B21.args[0], y: \u6B21.args[1] } : \u6B21.cmd === "L" || \u6B21.cmd === "M" ? { x: \u6B21.args[0], y: \u6B21.args[1] } : null;
+  if (!\u5411\u304D\u5148 || !Number.isFinite(\u5411\u304D\u5148.x) || !Number.isFinite(\u5411\u304D\u5148.y)) return d;
+  const x0 = \u5148\u982D.args[0];
+  const y0 = \u5148\u982D.args[1];
+  const dx = \u5411\u304D\u5148.x - x0;
+  const dy = \u5411\u304D\u5148.y - y0;
+  const len = Math.hypot(dx, dy);
+  if (len < shrinkPx + 1) return d;
+  const \u6BD4 = shrinkPx / len;
+  const \u65B0x = x0 + dx * \u6BD4;
+  const \u65B0y = y0 + dy * \u6BD4;
+  const tokens = d.trim().split(/\s+/);
+  if (tokens.length < 3) return d;
+  tokens[1] = \u65B0x.toFixed(1);
+  tokens[2] = \u65B0y.toFixed(1);
+  return tokens.join(" ");
+}
 function pathSubpath(d, progress) {
   if (progress >= 1) return d;
   if (progress <= 0) {
@@ -10187,12 +10213,12 @@ function recomputeContainedLanes(lanes, nodes) {
 }
 
 // src/layout/head-label.ts
-var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 8;
+var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = 26;
+var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
+var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 12;
 var \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A / 2;
 var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
 var \u7AEF\u306E\u5B57\u3068\u7DDA\u306E\u9699\u9593 = \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
-var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = EDGE_LABEL_TEXT.sub.fontSize;
-var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
 var BASELINE_RATIO = 0.8;
 var \u4E21\u7AEF\u306E\u5B57\u306E\u9593 = \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 * 2;
 function \u7AEF\u306E\u5B57\u306B\u8981\u308B\u7DDA\u306E\u9577\u3055(edge) {
@@ -11504,7 +11530,8 @@ function CdlEdgeView({
   const isPassThrough = isDotted && Boolean(edge.dThrough);
   const lineDotsD = isDotted ? shrinkPathEnd(edge.d, 12) : edge.d;
   const glowPathId = `cdl-edge-${edge.id}`;
-  const glowPathD = edge.d;
+  const \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u8D70\u308B\u4E38\u306E\u5916\u5074;
+  const glowPathD = shrinkPathStart(shrinkPathEnd(edge.d, \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B), \u901A\u308A\u9053\u3092\u7E2E\u3081\u308B);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "g",
     {
@@ -11567,7 +11594,7 @@ function CdlEdgeView({
           }
         ),
         flowing && !isDotted && /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-role": "edge-flow", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { id: glowPathId, d: edge.d, fill: "none", stroke: "none" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { id: glowPathId, d: glowPathD, fill: "none", stroke: "none" }),
           /* @__PURE__ */ jsxRuntime.jsx(EdgeGlowCircles, { color, edgeId: edge.id })
         ] })
       ]
@@ -11611,10 +11638,13 @@ function SolidEdgePath({
     }
   );
 }
+var \u8D70\u308B\u4E38\u306E\u534A\u5F84 = { \u5916: 28, \u4E2D: 18, \u82AF: 12 };
+var \u8D70\u308B\u4E38\u306E\u7E01\u306E\u898B\u8FBC\u307F = 2;
+var \u8D70\u308B\u4E38\u306E\u5916\u5074 = \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u82AF + \u8D70\u308B\u4E38\u306E\u7E01\u306E\u898B\u8FBC\u307F;
 function EdgeGlowCircles({ color, edgeId }) {
   const ref = `#cdl-edge-${edgeId}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-particle": edgeId, "data-cdl-particle-path-ref": ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: 28, fill: color, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u5916, fill: color, children: [
       /* @__PURE__ */ jsxRuntime.jsx("animateMotion", { dur: "2s", begin: "-1s", repeatCount: "indefinite", rotate: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("mpath", { href: ref }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "animate",
@@ -11628,7 +11658,7 @@ function EdgeGlowCircles({ color, edgeId }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: 18, fill: color, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u4E2D, fill: color, children: [
       /* @__PURE__ */ jsxRuntime.jsx("animateMotion", { dur: "2s", begin: "-1s", repeatCount: "indefinite", rotate: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("mpath", { href: ref }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "animate",
@@ -11642,7 +11672,7 @@ function EdgeGlowCircles({ color, edgeId }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: 11, fill: color, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("circle", { r: \u8D70\u308B\u4E38\u306E\u534A\u5F84.\u82AF, fill: color, children: [
       /* @__PURE__ */ jsxRuntime.jsx("animateMotion", { dur: "2s", begin: "-1s", repeatCount: "indefinite", rotate: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("mpath", { href: ref }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "animate",