@cardenelabs/cdl 0.44.0 → 0.46.0

package/dist/react.cjs

@@ -4488,6 +4488,18 @@ var SKIPPED_AXES = {
   production: /* @__PURE__ */ new Set(),
   catalog: /* @__PURE__ */ new Set(["seo-metadata-quality", "structured-data-extraction"])
 };
+var \u65E2\u5B9A\u306E\u5668 = {
+  /**
+   * 拡大表示の枠は `min(1200px, 94vw)` で、中身は 1px の縁と 24px の余白の内側に描かれる。
+   * 画面が 1280px 以上なら 1200 が効くので、そこから縁 2 枚と余白 2 枚を引く。
+   */
+  width: 1200 - 1 * 2 - 24 * 2,
+  /** 同じ拡大表示の高さの頭打ち (`90vh − 180px`) を、基準の画面の高さ 900px で評価した値。 */
+  height: 900 * 0.9 - 180
+};
+function \u5668\u3092\u78BA\u304B\u3081\u308B(c) {
+  return { \u5E45: \u65E2\u5B9A\u306E\u5668.width, \u9AD8\u3055: \u65E2\u5B9A\u306E\u5668.height };
+}
 var MIN_NODE_W = 80;
 var MIN_NODE_H = 40;
 var ROW_FORMAT = /^[^:]+:\s*.+$/;
@@ -4959,7 +4971,16 @@ function visualValidateLaid(laid, diag, opts) {
     violations.push({ axis, diagramId: safeDiagramId(diag), detail, severity });
     counts[axis]++;
   };
-  return visualValidateInner(laid, diag, violations, counts, push, profile, [...skipped]);
+  return visualValidateInner(
+    laid,
+    diag,
+    violations,
+    counts,
+    push,
+    profile,
+    [...skipped],
+    \u5668\u3092\u78BA\u304B\u3081\u308B()
+  );
 }
 var VALIDATED_ARRAY_FIELDS = [
   ["laid", "lanes"],
@@ -5159,7 +5180,7 @@ function normalizeForValidation(value, problems, owner) {
   }
   return next;
 }
-function visualValidateInner(laid, diag, violations, counts, push, profile, skippedAxes) {
+function visualValidateInner(laid, diag, violations, counts, push, profile, skippedAxes, \u5668) {
   const problems = findMalformedInput(laid, diag);
   for (const p of problems) push("malformed-input", p.detail, "error");
   if (problems.length > 0) {
@@ -5167,7 +5188,7 @@ function visualValidateInner(laid, diag, violations, counts, push, profile, skip
     diag = normalizeForValidation(diag, problems, "diag");
   }
   try {
-    return runAxes(laid, diag, violations, counts, push, profile, skippedAxes);
+    return runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5668);
   } catch (err) {
     const known = counts["malformed-input"] > 0;
     const axis = known ? "malformed-input" : "validation-interrupted";
@@ -5180,7 +5201,7 @@ function visualValidateInner(laid, diag, violations, counts, push, profile, skip
     return { diagramId: safeDiagramId(diag), ok: false, violations, counts, profile, skippedAxes };
   }
 }
-function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
+function runAxes(laid, diag, violations, counts, push, profile, skippedAxes, \u5668) {
   const LIFELINE_W_THRESHOLD = 8;
   for (const n of laid.nodes) {
     if (n.w < LIFELINE_W_THRESHOLD) continue;
@@ -5880,14 +5901,8 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
     } catch {
     }
   }
-  const RESPONSIVE_REF_FRAME_W_PX = 1200;
-  const RESPONSIVE_REF_FRAME_BORDER_PX = 1;
-  const RESPONSIVE_REF_FRAME_PAD_PX = 24;
-  const RESPONSIVE_REF_CONTAINER_W_PX = RESPONSIVE_REF_FRAME_W_PX - RESPONSIVE_REF_FRAME_BORDER_PX * 2 - RESPONSIVE_REF_FRAME_PAD_PX * 2;
-  const RESPONSIVE_REF_VIEWPORT_H_PX = 900;
-  const RESPONSIVE_REF_FRAME_H_RATIO = 0.9;
-  const RESPONSIVE_REF_CHROME_H_PX = 180;
-  const RESPONSIVE_REF_CONTAINER_H_PX = RESPONSIVE_REF_VIEWPORT_H_PX * RESPONSIVE_REF_FRAME_H_RATIO - RESPONSIVE_REF_CHROME_H_PX;
+  const RESPONSIVE_REF_CONTAINER_W_PX = \u5668.\u5E45;
+  const RESPONSIVE_REF_CONTAINER_H_PX = \u5668.\u9AD8\u3055;
   const RESPONSIVE_MIN_ON_SCREEN_FONT_PX = 12;
   const RESPONSIVE_BASE_FONT_WORLD = 22;
   const vbResp = laid.viewBox;
@@ -5899,15 +5914,16 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
     );
   } else {
     const \u6A2A\u306E\u500D\u7387 = RESPONSIVE_REF_CONTAINER_W_PX / vbResp.w;
-    const \u7E26\u306E\u500D\u7387 = RESPONSIVE_REF_CONTAINER_H_PX / vbResp.h;
+    const \u7E26\u306E\u500D\u7387 = RESPONSIVE_REF_CONTAINER_H_PX === void 0 ? Number.POSITIVE_INFINITY : RESPONSIVE_REF_CONTAINER_H_PX / vbResp.h;
     const \u500D\u7387 = Math.min(\u6A2A\u306E\u500D\u7387, \u7E26\u306E\u500D\u7387);
     const \u753B\u9762\u4E0A\u306E\u5B57 = RESPONSIVE_BASE_FONT_WORLD * \u500D\u7387;
     if (\u753B\u9762\u4E0A\u306E\u5B57 < RESPONSIVE_MIN_ON_SCREEN_FONT_PX) {
       const \u52B9\u304F\u8FBA = \u6A2A\u306E\u500D\u7387 <= \u7E26\u306E\u500D\u7387 ? "\u6A2A" : "\u7E26";
-      const \u53CE\u307E\u308B\u5BF8\u6CD5 = \u52B9\u304F\u8FBA === "\u6A2A" ? `\u5E45 ${(RESPONSIVE_REF_CONTAINER_W_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B` : `\u9AD8\u3055 ${(RESPONSIVE_REF_CONTAINER_H_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B`;
+      const \u53CE\u307E\u308B\u5BF8\u6CD5 = \u52B9\u304F\u8FBA === "\u6A2A" || RESPONSIVE_REF_CONTAINER_H_PX === void 0 ? `\u5E45 ${(RESPONSIVE_REF_CONTAINER_W_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B` : `\u9AD8\u3055 ${(RESPONSIVE_REF_CONTAINER_H_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B`;
+      const \u5668\u306E\u66F8\u304D\u65B9 = RESPONSIVE_REF_CONTAINER_H_PX === void 0 ? `\u5668 \u5E45 ${RESPONSIVE_REF_CONTAINER_W_PX}px (\u9AD8\u3055\u306E\u4E0A\u9650\u306A\u3057)` : `\u5668 ${RESPONSIVE_REF_CONTAINER_W_PX}\xD7${RESPONSIVE_REF_CONTAINER_H_PX}px`;
       push(
         "responsive-viewport",
-        `viewBox ${vbResp.w}\xD7${vbResp.h} \u306F\u5668 ${RESPONSIVE_REF_CONTAINER_W_PX}\xD7${RESPONSIVE_REF_CONTAINER_H_PX}px \u3067 ${\u500D\u7387.toFixed(3)} \u500D\u306B\u7E2E\u307F\u3001 \u7BB1\u306E\u984C\u304C ${\u753B\u9762\u4E0A\u306E\u5B57.toFixed(1)}px \u306B\u306A\u308B (\u4E0B\u9650 ${RESPONSIVE_MIN_ON_SCREEN_FONT_PX}px\u3001 \u500D\u7387\u3092\u6C7A\u3081\u305F\u306E\u306F ${\u52B9\u304F\u8FBA}\u3001 ${\u53CE\u307E\u308B\u5BF8\u6CD5}\u306B\u3059\u308B\u3068\u5C4A\u304F)`,
+        `viewBox ${vbResp.w}\xD7${vbResp.h} \u306F${\u5668\u306E\u66F8\u304D\u65B9} \u3067 ${\u500D\u7387.toFixed(3)} \u500D\u306B\u7E2E\u307F\u3001 \u7BB1\u306E\u984C\u304C ${\u753B\u9762\u4E0A\u306E\u5B57.toFixed(1)}px \u306B\u306A\u308B (\u4E0B\u9650 ${RESPONSIVE_MIN_ON_SCREEN_FONT_PX}px\u3001 \u500D\u7387\u3092\u6C7A\u3081\u305F\u306E\u306F ${\u52B9\u304F\u8FBA}\u3001 ${\u53CE\u307E\u308B\u5BF8\u6CD5}\u306B\u3059\u308B\u3068\u5C4A\u304F)`,
         "warn"
       );
     }
@@ -6871,6 +6887,9 @@ var LANE_PAD_MIN = 25;
 // src/layout/edges.ts
 var VERTICAL_DETOUR_GAP = 50;
 var VERTICAL_DETOUR_CORNER = 14;
+function verticalCornerDir(from, to) {
+  return to < from ? -1 : 1;
+}
 var VERTICAL_DETOUR_EXIT = 45;
 function nearestBoxDistance(anchorX, dir, verticalTop, verticalBottom, boxes) {
   let nearest = Infinity;
@@ -8052,12 +8071,14 @@ function routePath(from, to, fromSide, toSide, obstacles = [], detourSide, _from
     midY2 = retreatBelowMidBlockers(midY2);
     const corner = 14;
     const labelY = midY2 - labelInit;
+    const \u7E26\u306E\u5411\u304DA = verticalCornerDir(A.y, midY2);
+    const \u7E26\u306E\u5411\u304DB = verticalCornerDir(midY2, B.y);
     return {
       d: `M ${A.x} ${A.y}
-        L ${A.x} ${midY2 - corner}
+        L ${A.x} ${midY2 - \u7E26\u306E\u5411\u304DA * corner}
         Q ${A.x} ${midY2}, ${A.x + xDir * corner} ${midY2}
         L ${B.x - xDir * corner} ${midY2}
-        Q ${B.x} ${midY2}, ${B.x} ${midY2 + corner}
+        Q ${B.x} ${midY2}, ${B.x} ${midY2 + \u7E26\u306E\u5411\u304DB * corner}
         L ${B.x} ${B.y}`,
       labelX: (A.x + B.x) / 2,
       labelY,