@cardenelabs/cdl 0.26.0 → 0.28.0

package/dist/index.d.cts

@@ -2308,12 +2308,16 @@ declare const DETOUR_GAP = 94;
  */
 declare function rendersRows(kind: string | undefined): boolean;
 /**
- * `rows` を持つ node に必要な高さ (SSOT)。
+ * 行頭の印を **持たない** node に必要な高さ (SSOT)。
  *
  * 最終行の baseline から 1 行送りぶんとレイアウト余白を確保する。 行を描かない種別は `null`。
  *
- * `layout/nodes.ts` の `autoStorageHeight` と、 下流 (dragon の sequence header 等) が
- * 同じ値を使う。 各所で式を写すと、 描画を変えた時に一部だけ古くなる。
+ * **印を持つ箱はこの式で決まらない**。 そちらは縞の帯の下端を起点にする
+ * (`requiredMarkedRowsHeight`) = 帯を敷く箱では「行が終わる位置」 が帯の下端になるため、
+ * baseline から数えると帯の下に 1 行ぶんに近い余白が残る。
+ *
+ * 使うのは `layout/nodes.ts` の `autoStorageHeight` の印なし経路。 各所で式を写すと、
+ * 描画を変えた時に一部だけ古くなるので、下流も同じ形が要る時はここを引く。
  *
  * これは「そう置くとよい高さ」 で、 「これを下回ると破綻する高さ」 ではない。 後者は
  * `rowBaselineY` + `rowGlyphDepth` で、 軸 16 はそちらを見る。

package/dist/index.d.ts

@@ -2308,12 +2308,16 @@ declare const DETOUR_GAP = 94;
  */
 declare function rendersRows(kind: string | undefined): boolean;
 /**
- * `rows` を持つ node に必要な高さ (SSOT)。
+ * 行頭の印を **持たない** node に必要な高さ (SSOT)。
  *
  * 最終行の baseline から 1 行送りぶんとレイアウト余白を確保する。 行を描かない種別は `null`。
  *
- * `layout/nodes.ts` の `autoStorageHeight` と、 下流 (dragon の sequence header 等) が
- * 同じ値を使う。 各所で式を写すと、 描画を変えた時に一部だけ古くなる。
+ * **印を持つ箱はこの式で決まらない**。 そちらは縞の帯の下端を起点にする
+ * (`requiredMarkedRowsHeight`) = 帯を敷く箱では「行が終わる位置」 が帯の下端になるため、
+ * baseline から数えると帯の下に 1 行ぶんに近い余白が残る。
+ *
+ * 使うのは `layout/nodes.ts` の `autoStorageHeight` の印なし経路。 各所で式を写すと、
+ * 描画を変えた時に一部だけ古くなるので、下流も同じ形が要る時はここを引く。
  *
  * これは「そう置くとよい高さ」 で、 「これを下回ると破綻する高さ」 ではない。 後者は
  * `rowBaselineY` + `rowGlyphDepth` で、 軸 16 はそちらを見る。

package/dist/index.js

@@ -11836,6 +11836,7 @@ function rowGlyphDepth(kind) {
   return Math.ceil(font * ROW_GLYPH_DEPTH_RATIO);
 }
 var ROW_LAYOUT_BOTTOM_PAD = 20;
+var ROW_STRIPE_BOTTOM_PAD = 24;
 function requiredRowsHeight(kind, rowCount) {
   if (rowCount <= 0) return null;
   const lastBaseline = rowBaselineY(kind, rowCount - 1);
@@ -11843,6 +11844,12 @@ function requiredRowsHeight(kind, rowCount) {
   const pitch = kind === "storage" ? ROW_PITCH_STORAGE : ROW_PITCH_GENERIC;
   return lastBaseline + pitch + ROW_LAYOUT_BOTTOM_PAD;
 }
+function requiredMarkedRowsHeight(kind, rowCount) {
+  if (rowCount <= 0) return null;
+  const lastBand = rowStripeBand(kind, rowCount - 1, 0);
+  if (lastBand === null) return null;
+  return lastBand.y + lastBand.h + ROW_STRIPE_BOTTOM_PAD;
+}
 function isRenderedNode(n) {
   if (n.visibleIf === void 0 || n.visibleIf === "") return true;
   if (n.visibleIf.includes("{")) return true;
@@ -19965,7 +19972,10 @@ function autoStorageHeight(n, defaultH) {
   const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
   if (!n.rows || n.rows.length === 0) return 115 + \u547C\u3073\u540D\u306E\u5206 - \u7E70\u308A\u4E0A\u3052;
   const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
-  if (\u5370\u3042\u308A) return \u5FC5\u8981 + \u547C\u3073\u540D\u306E\u5206;
+  if (\u5370\u3042\u308A) {
+    const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
+    return \u5E2F\u304B\u3089\u5FC5\u8981 + \u547C\u3073\u540D\u306E\u5206;
+  }
   return Math.max(defaultH, \u5FC5\u8981);
 }
 function autoRowsWidth(n, defaultW) {
@@ -30820,6 +30830,14 @@ var CLASS_RELATION_LOOK = {
   associates: { head: "open", fill: "solid", tailHead: "none", tailFill: "solid", style: "solid" },
   uses: { head: "open", fill: "solid", tailHead: "none", tailFill: "solid", style: "dashed" }
 };
+var CLASS_RELATION_TONE = {
+  extends: "accent",
+  implements: "accent",
+  aggregates: "teal",
+  composes: "teal",
+  associates: "success",
+  uses: "success"
+};
 Object.fromEntries(
   Object.entries(CLASS_RELATION_LOOK).map(([k, v]) => [k, v.head])
 );
@@ -30832,7 +30850,7 @@ function stripAccess(row) {
 }
 function classDiagram(preset) {
   const classW = resolveStorageBoxW(preset.classWidth, "classDiagram", "classWidth");
-  const tone = preset.defaultTone ?? "info";
+  const \u56F3\u306E\u65E2\u5B9A = preset.defaultTone;
   const \u7E1E\u3092\u6577\u304F = preset.rowStripe ?? true;
   const b = diagram(preset.id, { topic: preset.topic, palette: preset.palette });
   const classes = [];
@@ -30896,7 +30914,7 @@ function classDiagram(preset) {
           id: edgeId,
           label: r.label ?? r.type,
           ...r.cardinality ? { sub: r.cardinality } : {},
-          tone: r.tone ?? tone,
+          tone: r.tone ?? \u56F3\u306E\u65E2\u5B9A ?? CLASS_RELATION_TONE[r.type],
           // 関係の種類から線と端の形を決める (cdl#574 / #578)。 書いた値が勝つ
           style: r.style ?? \u898B\u305F\u76EE.style,
           head: r.head ?? \u898B\u305F\u76EE.head,