@cardenelabs/cdl 0.12.0 → 0.13.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as CdlState, f as CdlEventTarget, g as Computed, h as CdlDerivedValue, i as CdlScrollTrigger, L as LaidDiagram, j as CdlDiagramViewProps, k as LaidEdge, l as LaidNode, m as CdlEdge, B as BBox, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey } from './render-C7FKvMqq.cjs';
-export { n as CdlDiagramView, o as CdlEventBinding, p as CdlEventKind, q as CdlFormula, r as CdlPhase, I as InteractiveHandlerMap, s as InteractiveSignalsAccessor, t as LaidLane, u as NODE_KINDS, v as ScrollProgressHandle, w as TONES, x as computeEventBindingKey, y as computeFormulaKey, z as computeInputSignalKey, A as computeScrollTriggerKey, D as computed, F as createInteractiveSignalsAccessor, G as createScrollProgressHandle, H as createScrollProgressSignals, K as hasInteractivePrimitives, M as signal } from './render-C7FKvMqq.cjs';
+import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as CdlState, f as CdlEventTarget, g as Computed, h as CdlDerivedValue, i as CdlScrollTrigger, L as LaidDiagram, j as CdlDiagramViewProps, k as LaidEdge, l as LaidNode, m as CdlEdge, B as BBox, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey } from './render-B5JHcUrb.cjs';
+export { n as CdlDiagramView, o as CdlEventBinding, p as CdlEventKind, q as CdlFormula, r as CdlPhase, I as InteractiveHandlerMap, s as InteractiveSignalsAccessor, t as LaidLane, u as NODE_KINDS, v as ScrollProgressHandle, w as TONES, x as computeEventBindingKey, y as computeFormulaKey, z as computeInputSignalKey, A as computeScrollTriggerKey, D as computed, F as createInteractiveSignalsAccessor, G as createScrollProgressHandle, H as createScrollProgressSignals, K as hasInteractivePrimitives, M as signal } from './render-B5JHcUrb.cjs';
 import { JSX } from 'react';
 
 declare function effect(fn: () => void | (() => void)): () => void;
@@ -3137,6 +3137,8 @@ type MindMapPreset = {
     /** 中心 topic ID + label */
     rootId: string;
     rootTitle: string;
+    /** 中心の箱の 2 行目に出す補足 (#530)。 枝の `subtitle` と同じ扱い */
+    rootSubtitle?: string;
     branchWidth?: number;
     defaultTone?: Tone;
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as CdlState, f as CdlEventTarget, g as Computed, h as CdlDerivedValue, i as CdlScrollTrigger, L as LaidDiagram, j as CdlDiagramViewProps, k as LaidEdge, l as LaidNode, m as CdlEdge, B as BBox, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey } from './render-C7FKvMqq.js';
-export { n as CdlDiagramView, o as CdlEventBinding, p as CdlEventKind, q as CdlFormula, r as CdlPhase, I as InteractiveHandlerMap, s as InteractiveSignalsAccessor, t as LaidLane, u as NODE_KINDS, v as ScrollProgressHandle, w as TONES, x as computeEventBindingKey, y as computeFormulaKey, z as computeInputSignalKey, A as computeScrollTriggerKey, D as computed, F as createInteractiveSignalsAccessor, G as createScrollProgressHandle, H as createScrollProgressSignals, K as hasInteractivePrimitives, M as signal } from './render-C7FKvMqq.js';
+import { C as CdlDiagram, S as Signal, a as CdlInput, b as CdlLane, c as CdlNode, T as Tone, d as Side, E as EdgeStyle, e as CdlState, f as CdlEventTarget, g as Computed, h as CdlDerivedValue, i as CdlScrollTrigger, L as LaidDiagram, j as CdlDiagramViewProps, k as LaidEdge, l as LaidNode, m as CdlEdge, B as BBox, N as NodeKind, J as JourneyEmotion, Q as QuadrantKey } from './render-B5JHcUrb.js';
+export { n as CdlDiagramView, o as CdlEventBinding, p as CdlEventKind, q as CdlFormula, r as CdlPhase, I as InteractiveHandlerMap, s as InteractiveSignalsAccessor, t as LaidLane, u as NODE_KINDS, v as ScrollProgressHandle, w as TONES, x as computeEventBindingKey, y as computeFormulaKey, z as computeInputSignalKey, A as computeScrollTriggerKey, D as computed, F as createInteractiveSignalsAccessor, G as createScrollProgressHandle, H as createScrollProgressSignals, K as hasInteractivePrimitives, M as signal } from './render-B5JHcUrb.js';
 import { JSX } from 'react';
 
 declare function effect(fn: () => void | (() => void)): () => void;
@@ -3137,6 +3137,8 @@ type MindMapPreset = {
     /** 中心 topic ID + label */
     rootId: string;
     rootTitle: string;
+    /** 中心の箱の 2 行目に出す補足 (#530)。 枝の `subtitle` と同じ扱い */
+    rootSubtitle?: string;
     branchWidth?: number;
     defaultTone?: Tone;
 };

package/dist/index.js

@@ -15835,6 +15835,7 @@ function payloadTexts(node) {
   }
   if (node.mindData) {
     \u8DB3\u3059(node.mindData.rootTitle);
+    \u8DB3\u3059(node.mindData.rootSubtitle);
     for (const b of node.mindData.branches) {
       \u8DB3\u3059(b.title);
       \u8DB3\u3059(b.subtitle);
@@ -21273,9 +21274,10 @@ function resolveTreeData(nodes, values) {
   });
 }
 function resolveMindData(data, values) {
-  const \u8AAD\u3080 = data.rootTitle.includes("{") || data.branches.some((b) => b.title.includes("{") || (b.subtitle?.includes("{") ?? false));
+  const \u8AAD\u3080 = data.rootTitle.includes("{") || (data.rootSubtitle?.includes("{") ?? false) || data.branches.some((b) => b.title.includes("{") || (b.subtitle?.includes("{") ?? false));
   if (!\u8AAD\u3080) return data;
   const root = resolveBoundText(data.rootTitle, values);
+  const rootSubtitle = data.rootSubtitle === void 0 ? void 0 : resolveBoundText(data.rootSubtitle, values);
   const branches = data.branches.map((b) => {
     const title = resolveBoundText(b.title, values);
     const subtitle = b.subtitle === void 0 ? void 0 : resolveBoundText(b.subtitle, values);
@@ -21286,8 +21288,13 @@ function resolveMindData(data, values) {
     };
     return title.ok && (subtitle?.ok ?? true) ? \u89E3\u6C7A\u5F8C2 : { ...\u89E3\u6C7A\u5F8C2, unresolved: true };
   });
-  const \u89E3\u6C7A\u5F8C = { ...data, rootTitle: root.value, branches };
-  return root.ok ? \u89E3\u6C7A\u5F8C : { ...\u89E3\u6C7A\u5F8C, unresolved: true };
+  const \u89E3\u6C7A\u5F8C = {
+    ...data,
+    rootTitle: root.value,
+    ...rootSubtitle ? { rootSubtitle: rootSubtitle.value } : {},
+    branches
+  };
+  return root.ok && (rootSubtitle?.ok ?? true) ? \u89E3\u6C7A\u5F8C : { ...\u89E3\u6C7A\u5F8C, unresolved: true };
 }
 
 // src/kinds/draw-progress.ts
@@ -21998,17 +22005,20 @@ var \u884C\u9001\u308A\u306E\u6BD4 = 1.15;
 var \u5B57\u306E\u9AD8\u3055\u306E\u6BD4 = 0.72;
 var \u4E0A\u4E0B\u306E\u4F59\u767D = 2;
 var \u5DE6\u53F3\u306E\u4F59\u767D = 8;
-function \u5E45\u3067\u5207\u308B(text, fontSize, \u4F7F\u3048\u308B\u5E45, \u6E2C\u308B = textWidth) {
-  if (\u4F7F\u3048\u308B\u5E45 <= 0) return "";
-  if (\u6E2C\u308B(text, fontSize) <= \u4F7F\u3048\u308B\u5E45) return text;
+function \u4F7F\u3048\u308B\u5E45(\u7BB1\u306E\u5E45) {
+  return \u7BB1\u306E\u5E45 - \u5DE6\u53F3\u306E\u4F59\u767D * 2;
+}
+function \u5E45\u3067\u5207\u308B(text, fontSize, \u4F7F\u3048\u308B\u5E452, \u6E2C\u308B = textWidth) {
+  if (\u4F7F\u3048\u308B\u5E452 <= 0) return "";
+  if (\u6E2C\u308B(text, fontSize) <= \u4F7F\u3048\u308B\u5E452) return text;
   const \u7701\u7565 = "\u2026";
   const \u7701\u7565\u306E\u5E45 = \u6E2C\u308B(\u7701\u7565, fontSize);
-  if (\u7701\u7565\u306E\u5E45 > \u4F7F\u3048\u308B\u5E45) return "";
+  if (\u7701\u7565\u306E\u5E45 > \u4F7F\u3048\u308B\u5E452) return "";
   let \u51FA = "";
   let \u5E45 = 0;
   for (const c of \u66F8\u8A18\u7D20\u306B\u5206\u3051\u308B(text)) {
     const \u5B57\u306E\u5E452 = \u6E2C\u308B(c, fontSize);
-    if (\u5E45 + \u5B57\u306E\u5E452 + \u7701\u7565\u306E\u5E45 > \u4F7F\u3048\u308B\u5E45) break;
+    if (\u5E45 + \u5B57\u306E\u5E452 + \u7701\u7565\u306E\u5E45 > \u4F7F\u3048\u308B\u5E452) break;
     \u5E45 += \u5B57\u306E\u5E452;
     \u51FA += c;
   }
@@ -22026,13 +22036,13 @@ function \u7BB1\u306B\u7A4D\u3080(\u884C, \u7BB1\u306E\u5E45, \u7BB1\u306E\u9AD8
   const \u9AD8\u3055 = (rs) => rs.reduce((a, r) => a + r.fontSize * \u884C\u9001\u308A\u306E\u6BD4, 0);
   const \u6B8B\u3059 = [...\u5019\u88DC];
   while (\u6B8B\u3059.length > 1 && \u9AD8\u3055(\u6B8B\u3059) > \u4F7F\u3048\u308B\u9AD8\u3055) \u6B8B\u3059.pop();
-  const \u4F7F\u3048\u308B\u5E45 = \u7BB1\u306E\u5E45 - \u5DE6\u53F3\u306E\u4F59\u767D * 2;
+  const \u5E45 = \u4F7F\u3048\u308B\u5E45(\u7BB1\u306E\u5E45);
   const \u7DCF\u9AD8 = \u9AD8\u3055(\u6B8B\u3059);
   let \u7A4D\u307F = -\u7DCF\u9AD8 / 2;
   return \u6B8B\u3059.map((r) => {
     const dy = \u7A4D\u307F + (\u884C\u9001\u308A\u306E\u6BD4 + \u5B57\u306E\u9AD8\u3055\u306E\u6BD4) / 2 * r.fontSize;
     \u7A4D\u307F += r.fontSize * \u884C\u9001\u308A\u306E\u6BD4;
-    return { ...r, text: \u5E45\u3067\u5207\u308B(r.text, r.fontSize, \u4F7F\u3048\u308B\u5E45), dy };
+    return { ...r, text: \u5E45\u3067\u5207\u308B(r.text, r.fontSize, \u5E45), dy };
   });
 }
 var MIND_TONES = ["accent", "teal", "success", "warning", "info", "error"];
@@ -22129,17 +22139,22 @@ function MindMapNode({
             children: r.text
           },
           r.\u5F79\u5272
-        )) : /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: n.x,
-            y: n.y + 5,
-            fontSize: n.isRoot ? 15 : 13,
-            fontWeight: n.isRoot ? 700 : 600,
-            textAnchor: "middle",
-            fill: \u6587\u5B57\u306E\u8272,
-            children: n.title
-          }
+        )) : (
+          // 補足が無くても **幅に収める** (#526)。 `箱に積む` を通らないこの経路だけが
+          // 幅を見ておらず、長い名前がそのまま箱の外へ出て枝の線と重なっていた
+          // (実測 = 中心の箱で文字 163px に対し箱 120px)
+          /* @__PURE__ */ jsx(
+            "text",
+            {
+              x: n.x,
+              y: n.y + 5,
+              fontSize: n.isRoot ? 15 : 13,
+              fontWeight: n.isRoot ? 700 : 600,
+              textAnchor: "middle",
+              fill: \u6587\u5B57\u306E\u8272,
+              children: \u5E45\u3067\u5207\u308B(n.title, n.isRoot ? 15 : 13, \u4F7F\u3048\u308B\u5E45(n.w))
+            }
+          )
         )
       ] }, `n-${n.id}`);
     })
@@ -22153,6 +22168,8 @@ function computeMindMapLayout(mindData, cx, cy, canvasW, canvasH) {
   nodes.push({
     id: mindData.rootId,
     title: mindData.rootTitle,
+    // 中心も枝と同じく 2 行に積める (#530)。 高さ 52 に 15px + 9px の 2 行が入る
+    ...mindData.rootSubtitle === void 0 ? {} : { subtitle: mindData.rootSubtitle },
     x: cx,
     y: cy,
     w: rootW,
@@ -22755,17 +22772,21 @@ function TreeNode({
               \u7BB1\u306E\u9AD8\u3055: n.h,
               fill: "var(--cdl-text-on-tone, #ffffff)",
               \u540D\u524D\u306E\u592A\u3055: 700
-            }) : /* @__PURE__ */ jsx(
-              "text",
-              {
-                x: n.w / 2,
-                y: n.h / 2 + 5,
-                fontSize: 13,
-                fontWeight: 700,
-                textAnchor: "middle",
-                fill: "var(--cdl-text-on-tone, #ffffff)",
-                children: n.title
-              }
+            }) : (
+              // 補足が無くても幅に収める (#526)。 `箱の文字` を通らないこの経路だけが
+              // 幅を見ておらず、長い名前が箱の外へ出ていた
+              /* @__PURE__ */ jsx(
+                "text",
+                {
+                  x: n.w / 2,
+                  y: n.h / 2 + 5,
+                  fontSize: 13,
+                  fontWeight: 700,
+                  textAnchor: "middle",
+                  fill: "var(--cdl-text-on-tone, #ffffff)",
+                  children: \u5E45\u3067\u5207\u308B(n.title, 13, \u4F7F\u3048\u308B\u5E45(n.w))
+                }
+              )
             )
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
@@ -22798,7 +22819,7 @@ function TreeNode({
                 fontWeight: 600,
                 textAnchor: "middle",
                 fill: "var(--cdl-chip-text, #1a1f2a)",
-                children: n.title
+                children: \u5E45\u3067\u5207\u308B(n.title, 12, \u4F7F\u3048\u308B\u5E45(n.w))
               }
             )
           ] })
@@ -28389,6 +28410,7 @@ function mindMap(preset) {
         mindData: {
           rootId: preset.rootId,
           rootTitle: preset.rootTitle,
+          ...preset.rootSubtitle === void 0 ? {} : { rootSubtitle: preset.rootSubtitle },
           branches: branches.map((br) => ({
             id: br.id,
             title: br.title,