@graphty/graph-io 0.3.49 → 0.3.50

package/dist/chunks/{emit-BwHQkZle.js → emit-7Jkpg0yd.js}

@@ -1,4 +1,4 @@
-import { i as num6, a as canonEnum, b as STYLE_ISSUE, d as canonColor, _ as CSS_COLORS, h as StyleNotes, C as canonicalFor, p as plainCell, W as evalContinuous, X as numberOf, D as degreeValues, Q as refSource, w as STYLE_PROPERTIES, U as resolveRules, V as matches } from "./block-iptrlMBb.js";
+import { i as num6, a as canonEnum, b as STYLE_ISSUE, d as canonColor, _ as CSS_COLORS, h as StyleNotes, C as canonicalFor, p as plainCell, W as evalContinuous, X as numberOf, D as degreeValues, Q as refSource, w as STYLE_PROPERTIES, U as resolveRules, V as matches } from "./block-yl0f_qLO.js";
 import { d as canonBends, c as canonNodeOffsets, a as flattenQuadSpline } from "./bends-BGXjv_U4.js";
 const STYLE_WORK_BUDGET = 2e8;
 class StyleBudget {
@@ -78,6 +78,7 @@ const CYJS_DEFAULT_STYLESHEET = [
     selector: ":parent",
     style: {
       shape: "rectangle",
+      padding: "10px",
       "background-color": "rgb(238,238,238)",
       "border-color": "rgb(204,204,204)",
       "border-width": "1px"
@@ -644,6 +645,18 @@ const CYJS_NODE_PROPERTIES = new Map([
   ["height", { property: "height", type: "nodeSize" }],
   // a node is drawn this much larger on every side (`nodeSizes`)
   ["padding", { property: "_padding", type: "text" }],
+  // how a compound parent is sized round its children (`groupBoxes`)
+  [
+    "padding-relative-to",
+    { property: "_paddingOf", type: "enum", enums: ["width", "height", "average", "min", "max"] }
+  ],
+  ["min-width", { property: "_minWidth", type: "text" }],
+  ["min-height", { property: "_minHeight", type: "text" }],
+  ["min-width-bias-left", { property: "_biasLeft", type: "text" }],
+  ["min-width-bias-right", { property: "_biasRight", type: "text" }],
+  ["min-height-bias-top", { property: "_biasTop", type: "text" }],
+  ["min-height-bias-bottom", { property: "_biasBottom", type: "text" }],
+  ["compound-sizing-wrt-labels", { property: "_compoundLabels", type: "enum", enums: ["include", "exclude"] }],
   [
     "text-valign",
     { property: "_valign", type: "enum", enums: ["top", "top-inside", "center", "bottom", "bottom-inside"] }
@@ -715,6 +728,8 @@ const CYJS_EDGE_PROPERTIES = new Map([
   // where the ends meet the nodes, read with the routes (`edgePorts`)
   ["source-endpoint", { property: "_sourceEndpoint", type: "text" }],
   ["target-endpoint", { property: "_targetEndpoint", type: "text" }],
+  ["source-distance-from-node", { property: "sourceNodeGap", type: "size" }],
+  ["target-distance-from-node", { property: "targetNodeGap", type: "size" }],
   // a bundle's control points are this far apart, so the curves' middles half of it (see cyjsNeutral)
   ["control-point-step-size", { property: "fanSpacing", type: "size" }],
   ["arrow-scale", { property: "arrowSize", type: "positive" }],
@@ -2873,6 +2888,7 @@ function evaluateTarget(kind, graph, sheet, matcher, input, env) {
   if (kind === "node") {
     const read = { kind, els, cells, order, rendered: input.rendered, notes };
     nodeSizes(graph, read, drawn);
+    groupBoxes(graph, read, drawn);
     mixedLabelPlaces(graph, read, drawn);
   }
   if (kind === "edge") {
@@ -3132,7 +3148,9 @@ const CYJS_EDGE_ONLY = /* @__PURE__ */ new Set([
   "target-text-margin-x",
   "target-text-margin-y",
   "source-text-rotation",
-  "target-text-rotation"
+  "target-text-rotation",
+  "source-distance-from-node",
+  "target-distance-from-node"
 ]);
 function matchList(sel, kind, n, matcher, ix) {
   if (sel.queries.length === 0) {
@@ -3746,6 +3764,87 @@ function nodeSizes(graph, read, values) {
     }
   }
 }
+const PADDING_OF_PART = {
+  property: "_paddingOf",
+  type: "enum",
+  enums: ["width", "height", "average", "min", "max"]
+};
+const LABELS_PART = { property: "_compoundLabels", type: "enum", enums: ["include", "exclude"] };
+function measureOf(text2) {
+  if (typeof text2 !== "string" && typeof text2 !== "number") {
+    return null;
+  }
+  const value = Number.parseFloat(String(text2));
+  return Number.isFinite(value) ? { value, percent: String(text2).trim().endsWith("%") } : null;
+}
+function biasShare(near2, far, min) {
+  const percent = (text2) => {
+    const m = measureOf(text2);
+    if (m === null || m.value <= 0) {
+      return 0;
+    }
+    return m.percent ? m.value : m.value * 100 / min;
+  };
+  const a = percent(near2);
+  const total = a + percent(far);
+  return total > 0 ? a / total : null;
+}
+function groupBoxes(graph, read, values) {
+  const word = (name, spec = TEXT_PART) => drawnColumn(read, name, spec);
+  const padding = word("padding");
+  const paddingOf2 = word("padding-relative-to", PADDING_OF_PART);
+  const labels = word("compound-sizing-wrt-labels", LABELS_PART);
+  const axes = [
+    { min: word("min-width"), near: word("min-width-bias-left"), far: word("min-width-bias-right") },
+    { min: word("min-height"), near: word("min-height-bias-top"), far: word("min-height-bias-bottom") }
+  ];
+  const names = [
+    ["groupMinWidth", "groupMinWidthBiasLeft"],
+    ["groupMinHeight", "groupMinHeightBiasTop"]
+  ];
+  const n = read.order.length;
+  const put = (p, k, v) => {
+    const column = values[p] ?? new Array(n).fill(null);
+    values[p] = column;
+    column[k] = v;
+  };
+  for (let k = 0; k < n; k++) {
+    const core = read.order[k];
+    if (core < 0 || graph.children[core].length === 0) {
+      continue;
+    }
+    for (const [p, v] of groupPaddingValues(padding[k], paddingOf2[k])) {
+      put(p, k, v);
+    }
+    put("groupIncludeLabels", k, labels[k] !== "exclude");
+    axes.forEach((axis, a) => {
+      for (const [p, v] of groupMinValues(axis.min[k], axis.near[k], axis.far[k], names[a])) {
+        put(p, k, v);
+      }
+    });
+  }
+}
+function groupPaddingValues(padding, of) {
+  const pad = measureOf(padding);
+  if (pad?.percent !== true) {
+    return [["groupPadding", Math.max(0, pad?.value ?? 0)]];
+  }
+  return [
+    ["groupPaddingRatio", Math.max(0, pad.value / 100)],
+    ["groupPaddingOf", typeof of === "string" ? of : "width"]
+  ];
+}
+function groupMinValues(min, near2, far, names) {
+  const m = measureOf(min);
+  if (m === null || m.percent || m.value <= 0) {
+    return [];
+  }
+  const share = biasShare(near2, far, m.value);
+  return share === null ? [[names[0], m.value]] : [
+    [names[0], m.value],
+    [names[1], share]
+  ];
+}
 const VALIGN_PART = {
   property: "_valign",
   type: "enum",
@@ -4471,7 +4570,36 @@ function toCyjs(target, property, value) {
     case "labelBorderWidth":
       return ifNumber(value, (v) => exact({ "text-border-width": v, "text-border-opacity": 1 }));
     default:
-      return propertyToCyjs(property, value, specs);
+      return groupToCyjs(property, value) ?? propertyToCyjs(property, value, specs);
+  }
+}
+function groupToCyjs(property, value) {
+  const percent = (v) => `${num6(v * 100)}%`;
+  switch (property) {
+    case "groupPadding":
+      return ifNumber(value, (v) => exact({ padding: `${num6(v)}px` }));
+    case "groupPaddingRatio":
+      return ifNumber(value, (v) => exact({ padding: percent(v) }));
+    case "groupPaddingOf":
+      return exact({ "padding-relative-to": String(value) });
+    case "groupMinWidth":
+      return ifNumber(value, (v) => exact({ "min-width": `${num6(v)}px` }));
+    case "groupMinHeight":
+      return ifNumber(value, (v) => exact({ "min-height": `${num6(v)}px` }));
+    case "groupMinWidthBiasLeft":
+      return ifNumber(
+        value,
+        (v) => exact({ "min-width-bias-left": percent(v), "min-width-bias-right": percent(1 - v) })
+      );
+    case "groupMinHeightBiasTop":
+      return ifNumber(
+        value,
+        (v) => exact({ "min-height-bias-top": percent(v), "min-height-bias-bottom": percent(1 - v) })
+      );
+    case "groupIncludeLabels":
+      return exact({ "compound-sizing-wrt-labels": value === false ? "exclude" : "include" });
+    default:
+      return null;
   }
 }
 function ifNumber(value, write) {
@@ -5040,4 +5168,4 @@ export {
   evaluateCytoscapeJs as e,
   toCytoscapeStylesheet as t
 };
-//# sourceMappingURL=emit-BwHQkZle.js.map
+//# sourceMappingURL=emit-7Jkpg0yd.js.map