@8btc/xcanvas 0.0.1

package/dist/index-3862675e-B3j3w-v_.js

@@ -0,0 +1,663 @@
+import { i as isUndefined, G as Graph } from "./graph-Ct2tKpKj.js";
+import { m as map, l as layout } from "./layout-AJxYKqQV.js";
+import { c as clone } from "./clone-D2FUK8WY.js";
+import { i as insertMarkers$1, u as updateNodeBounds, s as setNodeElem, c as insertNode, b as insertEdgeLabel, g as getSubGraphTitleMargins, d as positionNode, a as insertEdge, p as positionEdgeLabel, e as intersectRect$1, f as createLabel$1, h as clear$1$1, j as clear$2 } from "./edges-e0da2a9e-9VbVapWU.js";
+import { l as log$1, g as getConfig, v as evaluate, d as select } from "./index-CLOU2Ikr.js";
+import { c as createText } from "./createText-2e5e7dd3-Ca1JfQaJ.js";
+function write(g) {
+  var json = {
+    options: {
+      directed: g.isDirected(),
+      multigraph: g.isMultigraph(),
+      compound: g.isCompound()
+    },
+    nodes: writeNodes(g),
+    edges: writeEdges(g)
+  };
+  if (!isUndefined(g.graph())) {
+    json.value = clone(g.graph());
+  }
+  return json;
+}
+function writeNodes(g) {
+  return map(g.nodes(), function(v) {
+    var nodeValue = g.node(v);
+    var parent = g.parent(v);
+    var node = { v };
+    if (!isUndefined(nodeValue)) {
+      node.value = nodeValue;
+    }
+    if (!isUndefined(parent)) {
+      node.parent = parent;
+    }
+    return node;
+  });
+}
+function writeEdges(g) {
+  return map(g.edges(), function(e) {
+    var edgeValue = g.edge(e);
+    var edge = { v: e.v, w: e.w };
+    if (!isUndefined(e.name)) {
+      edge.name = e.name;
+    }
+    if (!isUndefined(edgeValue)) {
+      edge.value = edgeValue;
+    }
+    return edge;
+  });
+}
+let clusterDb = {};
+let descendants = {};
+let parents = {};
+const clear$1 = () => {
+  descendants = {};
+  parents = {};
+  clusterDb = {};
+};
+const isDescendant = (id, ancestorId) => {
+  log$1.trace("In isDescendant", ancestorId, " ", id, " = ", descendants[ancestorId].includes(id));
+  if (descendants[ancestorId].includes(id)) {
+    return true;
+  }
+  return false;
+};
+const edgeInCluster = (edge, clusterId) => {
+  log$1.info("Descendants of ", clusterId, " is ", descendants[clusterId]);
+  log$1.info("Edge is ", edge);
+  if (edge.v === clusterId) {
+    return false;
+  }
+  if (edge.w === clusterId) {
+    return false;
+  }
+  if (!descendants[clusterId]) {
+    log$1.debug("Tilt, ", clusterId, ",not in descendants");
+    return false;
+  }
+  return descendants[clusterId].includes(edge.v) || isDescendant(edge.v, clusterId) || isDescendant(edge.w, clusterId) || descendants[clusterId].includes(edge.w);
+};
+const copy = (clusterId, graph, newGraph, rootId) => {
+  log$1.warn(
+    "Copying children of ",
+    clusterId,
+    "root",
+    rootId,
+    "data",
+    graph.node(clusterId),
+    rootId
+  );
+  const nodes = graph.children(clusterId) || [];
+  if (clusterId !== rootId) {
+    nodes.push(clusterId);
+  }
+  log$1.warn("Copying (nodes) clusterId", clusterId, "nodes", nodes);
+  nodes.forEach((node) => {
+    if (graph.children(node).length > 0) {
+      copy(node, graph, newGraph, rootId);
+    } else {
+      const data = graph.node(node);
+      log$1.info("cp ", node, " to ", rootId, " with parent ", clusterId);
+      newGraph.setNode(node, data);
+      if (rootId !== graph.parent(node)) {
+        log$1.warn("Setting parent", node, graph.parent(node));
+        newGraph.setParent(node, graph.parent(node));
+      }
+      if (clusterId !== rootId && node !== clusterId) {
+        log$1.debug("Setting parent", node, clusterId);
+        newGraph.setParent(node, clusterId);
+      } else {
+        log$1.info("In copy ", clusterId, "root", rootId, "data", graph.node(clusterId), rootId);
+        log$1.debug(
+          "Not Setting parent for node=",
+          node,
+          "cluster!==rootId",
+          clusterId !== rootId,
+          "node!==clusterId",
+          node !== clusterId
+        );
+      }
+      const edges = graph.edges(node);
+      log$1.debug("Copying Edges", edges);
+      edges.forEach((edge) => {
+        log$1.info("Edge", edge);
+        const data2 = graph.edge(edge.v, edge.w, edge.name);
+        log$1.info("Edge data", data2, rootId);
+        try {
+          if (edgeInCluster(edge, rootId)) {
+            log$1.info("Copying as ", edge.v, edge.w, data2, edge.name);
+            newGraph.setEdge(edge.v, edge.w, data2, edge.name);
+            log$1.info("newGraph edges ", newGraph.edges(), newGraph.edge(newGraph.edges()[0]));
+          } else {
+            log$1.info(
+              "Skipping copy of edge ",
+              edge.v,
+              "-->",
+              edge.w,
+              " rootId: ",
+              rootId,
+              " clusterId:",
+              clusterId
+            );
+          }
+        } catch (e) {
+          log$1.error(e);
+        }
+      });
+    }
+    log$1.debug("Removing node", node);
+    graph.removeNode(node);
+  });
+};
+const extractDescendants = (id, graph) => {
+  const children = graph.children(id);
+  let res = [...children];
+  for (const child of children) {
+    parents[child] = id;
+    res = [...res, ...extractDescendants(child, graph)];
+  }
+  return res;
+};
+const findNonClusterChild = (id, graph) => {
+  log$1.trace("Searching", id);
+  const children = graph.children(id);
+  log$1.trace("Searching children of id ", id, children);
+  if (children.length < 1) {
+    log$1.trace("This is a valid node", id);
+    return id;
+  }
+  for (const child of children) {
+    const _id = findNonClusterChild(child, graph);
+    if (_id) {
+      log$1.trace("Found replacement for", id, " => ", _id);
+      return _id;
+    }
+  }
+};
+const getAnchorId = (id) => {
+  if (!clusterDb[id]) {
+    return id;
+  }
+  if (!clusterDb[id].externalConnections) {
+    return id;
+  }
+  if (clusterDb[id]) {
+    return clusterDb[id].id;
+  }
+  return id;
+};
+const adjustClustersAndEdges = (graph, depth) => {
+  if (!graph || depth > 10) {
+    log$1.debug("Opting out, no graph ");
+    return;
+  } else {
+    log$1.debug("Opting in, graph ");
+  }
+  graph.nodes().forEach(function(id) {
+    const children = graph.children(id);
+    if (children.length > 0) {
+      log$1.warn(
+        "Cluster identified",
+        id,
+        " Replacement id in edges: ",
+        findNonClusterChild(id, graph)
+      );
+      descendants[id] = extractDescendants(id, graph);
+      clusterDb[id] = { id: findNonClusterChild(id, graph), clusterData: graph.node(id) };
+    }
+  });
+  graph.nodes().forEach(function(id) {
+    const children = graph.children(id);
+    const edges = graph.edges();
+    if (children.length > 0) {
+      log$1.debug("Cluster identified", id, descendants);
+      edges.forEach((edge) => {
+        if (edge.v !== id && edge.w !== id) {
+          const d1 = isDescendant(edge.v, id);
+          const d2 = isDescendant(edge.w, id);
+          if (d1 ^ d2) {
+            log$1.warn("Edge: ", edge, " leaves cluster ", id);
+            log$1.warn("Descendants of XXX ", id, ": ", descendants[id]);
+            clusterDb[id].externalConnections = true;
+          }
+        }
+      });
+    } else {
+      log$1.debug("Not a cluster ", id, descendants);
+    }
+  });
+  for (let id of Object.keys(clusterDb)) {
+    const nonClusterChild = clusterDb[id].id;
+    const parent = graph.parent(nonClusterChild);
+    if (parent !== id && clusterDb[parent] && !clusterDb[parent].externalConnections) {
+      clusterDb[id].id = parent;
+    }
+  }
+  graph.edges().forEach(function(e) {
+    const edge = graph.edge(e);
+    log$1.warn("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(e));
+    log$1.warn("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(graph.edge(e)));
+    let v = e.v;
+    let w = e.w;
+    log$1.warn(
+      "Fix XXX",
+      clusterDb,
+      "ids:",
+      e.v,
+      e.w,
+      "Translating: ",
+      clusterDb[e.v],
+      " --- ",
+      clusterDb[e.w]
+    );
+    if (clusterDb[e.v] && clusterDb[e.w] && clusterDb[e.v] === clusterDb[e.w]) {
+      log$1.warn("Fixing and trixing link to self - removing XXX", e.v, e.w, e.name);
+      log$1.warn("Fixing and trixing - removing XXX", e.v, e.w, e.name);
+      v = getAnchorId(e.v);
+      w = getAnchorId(e.w);
+      graph.removeEdge(e.v, e.w, e.name);
+      const specialId = e.w + "---" + e.v;
+      graph.setNode(specialId, {
+        domId: specialId,
+        id: specialId,
+        labelStyle: "",
+        labelText: edge.label,
+        padding: 0,
+        shape: "labelRect",
+        style: ""
+      });
+      const edge1 = structuredClone(edge);
+      const edge2 = structuredClone(edge);
+      edge1.label = "";
+      edge1.arrowTypeEnd = "none";
+      edge2.label = "";
+      edge1.fromCluster = e.v;
+      edge2.toCluster = e.v;
+      graph.setEdge(v, specialId, edge1, e.name + "-cyclic-special");
+      graph.setEdge(specialId, w, edge2, e.name + "-cyclic-special");
+    } else if (clusterDb[e.v] || clusterDb[e.w]) {
+      log$1.warn("Fixing and trixing - removing XXX", e.v, e.w, e.name);
+      v = getAnchorId(e.v);
+      w = getAnchorId(e.w);
+      graph.removeEdge(e.v, e.w, e.name);
+      if (v !== e.v) {
+        const parent = graph.parent(v);
+        clusterDb[parent].externalConnections = true;
+        edge.fromCluster = e.v;
+      }
+      if (w !== e.w) {
+        const parent = graph.parent(w);
+        clusterDb[parent].externalConnections = true;
+        edge.toCluster = e.w;
+      }
+      log$1.warn("Fix Replacing with XXX", v, w, e.name);
+      graph.setEdge(v, w, edge, e.name);
+    }
+  });
+  log$1.warn("Adjusted Graph", write(graph));
+  extractor(graph, 0);
+  log$1.trace(clusterDb);
+};
+const extractor = (graph, depth) => {
+  log$1.warn("extractor - ", depth, write(graph), graph.children("D"));
+  if (depth > 10) {
+    log$1.error("Bailing out");
+    return;
+  }
+  let nodes = graph.nodes();
+  let hasChildren = false;
+  for (const node of nodes) {
+    const children = graph.children(node);
+    hasChildren = hasChildren || children.length > 0;
+  }
+  if (!hasChildren) {
+    log$1.debug("Done, no node has children", graph.nodes());
+    return;
+  }
+  log$1.debug("Nodes = ", nodes, depth);
+  for (const node of nodes) {
+    log$1.debug(
+      "Extracting node",
+      node,
+      clusterDb,
+      clusterDb[node] && !clusterDb[node].externalConnections,
+      !graph.parent(node),
+      graph.node(node),
+      graph.children("D"),
+      " Depth ",
+      depth
+    );
+    if (!clusterDb[node]) {
+      log$1.debug("Not a cluster", node, depth);
+    } else if (!clusterDb[node].externalConnections && // !graph.parent(node) &&
+    graph.children(node) && graph.children(node).length > 0) {
+      log$1.warn(
+        "Cluster without external connections, without a parent and with children",
+        node,
+        depth
+      );
+      const graphSettings = graph.graph();
+      let dir = graphSettings.rankdir === "TB" ? "LR" : "TB";
+      if (clusterDb[node] && clusterDb[node].clusterData && clusterDb[node].clusterData.dir) {
+        dir = clusterDb[node].clusterData.dir;
+        log$1.warn("Fixing dir", clusterDb[node].clusterData.dir, dir);
+      }
+      const clusterGraph = new Graph({
+        multigraph: true,
+        compound: true
+      }).setGraph({
+        rankdir: dir,
+        // Todo: set proper spacing
+        nodesep: 50,
+        ranksep: 50,
+        marginx: 8,
+        marginy: 8
+      }).setDefaultEdgeLabel(function() {
+        return {};
+      });
+      log$1.warn("Old graph before copy", write(graph));
+      copy(node, graph, clusterGraph, node);
+      graph.setNode(node, {
+        clusterNode: true,
+        id: node,
+        clusterData: clusterDb[node].clusterData,
+        labelText: clusterDb[node].labelText,
+        graph: clusterGraph
+      });
+      log$1.warn("New graph after copy node: (", node, ")", write(clusterGraph));
+      log$1.debug("Old graph after copy", write(graph));
+    } else {
+      log$1.warn(
+        "Cluster ** ",
+        node,
+        " **not meeting the criteria !externalConnections:",
+        !clusterDb[node].externalConnections,
+        " no parent: ",
+        !graph.parent(node),
+        " children ",
+        graph.children(node) && graph.children(node).length > 0,
+        graph.children("D"),
+        depth
+      );
+      log$1.debug(clusterDb);
+    }
+  }
+  nodes = graph.nodes();
+  log$1.warn("New list of nodes", nodes);
+  for (const node of nodes) {
+    const data = graph.node(node);
+    log$1.warn(" Now next level", node, data);
+    if (data.clusterNode) {
+      extractor(data.graph, depth + 1);
+    }
+  }
+};
+const sorter = (graph, nodes) => {
+  if (nodes.length === 0) {
+    return [];
+  }
+  let result = Object.assign(nodes);
+  nodes.forEach((node) => {
+    const children = graph.children(node);
+    const sorted = sorter(graph, children);
+    result = [...result, ...sorted];
+  });
+  return result;
+};
+const sortNodesByHierarchy = (graph) => sorter(graph, graph.children());
+const rect = (parent, node) => {
+  log$1.info("Creating subgraph rect for ", node.id, node);
+  const siteConfig = getConfig();
+  const shapeSvg = parent.insert("g").attr("class", "cluster" + (node.class ? " " + node.class : "")).attr("id", node.id);
+  const rect2 = shapeSvg.insert("rect", ":first-child");
+  const useHtmlLabels = evaluate(siteConfig.flowchart.htmlLabels);
+  const label = shapeSvg.insert("g").attr("class", "cluster-label");
+  const text = node.labelType === "markdown" ? createText(label, node.labelText, { style: node.labelStyle, useHtmlLabels }) : label.node().appendChild(createLabel$1(node.labelText, node.labelStyle, void 0, true));
+  let bbox = text.getBBox();
+  if (evaluate(siteConfig.flowchart.htmlLabels)) {
+    const div = text.children[0];
+    const dv = select(text);
+    bbox = div.getBoundingClientRect();
+    dv.attr("width", bbox.width);
+    dv.attr("height", bbox.height);
+  }
+  const padding = 0 * node.padding;
+  const halfPadding = padding / 2;
+  const width = node.width <= bbox.width + padding ? bbox.width + padding : node.width;
+  if (node.width <= bbox.width + padding) {
+    node.diff = (bbox.width - node.width) / 2 - node.padding / 2;
+  } else {
+    node.diff = -node.padding / 2;
+  }
+  log$1.trace("Data ", node, JSON.stringify(node));
+  rect2.attr("style", node.style).attr("rx", node.rx).attr("ry", node.ry).attr("x", node.x - width / 2).attr("y", node.y - node.height / 2 - halfPadding).attr("width", width).attr("height", node.height + padding);
+  const { subGraphTitleTopMargin } = getSubGraphTitleMargins(siteConfig);
+  if (useHtmlLabels) {
+    label.attr(
+      "transform",
+      // This puts the label on top of the box instead of inside it
+      `translate(${node.x - bbox.width / 2}, ${node.y - node.height / 2 + subGraphTitleTopMargin})`
+    );
+  } else {
+    label.attr(
+      "transform",
+      // This puts the label on top of the box instead of inside it
+      `translate(${node.x}, ${node.y - node.height / 2 + subGraphTitleTopMargin})`
+    );
+  }
+  const rectBox = rect2.node().getBBox();
+  node.width = rectBox.width;
+  node.height = rectBox.height;
+  node.intersect = function(point) {
+    return intersectRect$1(node, point);
+  };
+  return shapeSvg;
+};
+const noteGroup = (parent, node) => {
+  const shapeSvg = parent.insert("g").attr("class", "note-cluster").attr("id", node.id);
+  const rect2 = shapeSvg.insert("rect", ":first-child");
+  const padding = 0 * node.padding;
+  const halfPadding = padding / 2;
+  rect2.attr("rx", node.rx).attr("ry", node.ry).attr("x", node.x - node.width / 2 - halfPadding).attr("y", node.y - node.height / 2 - halfPadding).attr("width", node.width + padding).attr("height", node.height + padding).attr("fill", "none");
+  const rectBox = rect2.node().getBBox();
+  node.width = rectBox.width;
+  node.height = rectBox.height;
+  node.intersect = function(point) {
+    return intersectRect$1(node, point);
+  };
+  return shapeSvg;
+};
+const roundedWithTitle = (parent, node) => {
+  const siteConfig = getConfig();
+  const shapeSvg = parent.insert("g").attr("class", node.classes).attr("id", node.id);
+  const rect2 = shapeSvg.insert("rect", ":first-child");
+  const label = shapeSvg.insert("g").attr("class", "cluster-label");
+  const innerRect = shapeSvg.append("rect");
+  const text = label.node().appendChild(createLabel$1(node.labelText, node.labelStyle, void 0, true));
+  let bbox = text.getBBox();
+  if (evaluate(siteConfig.flowchart.htmlLabels)) {
+    const div = text.children[0];
+    const dv = select(text);
+    bbox = div.getBoundingClientRect();
+    dv.attr("width", bbox.width);
+    dv.attr("height", bbox.height);
+  }
+  bbox = text.getBBox();
+  const padding = 0 * node.padding;
+  const halfPadding = padding / 2;
+  const width = node.width <= bbox.width + node.padding ? bbox.width + node.padding : node.width;
+  if (node.width <= bbox.width + node.padding) {
+    node.diff = (bbox.width + node.padding * 0 - node.width) / 2;
+  } else {
+    node.diff = -node.padding / 2;
+  }
+  rect2.attr("class", "outer").attr("x", node.x - width / 2 - halfPadding).attr("y", node.y - node.height / 2 - halfPadding).attr("width", width + padding).attr("height", node.height + padding);
+  innerRect.attr("class", "inner").attr("x", node.x - width / 2 - halfPadding).attr("y", node.y - node.height / 2 - halfPadding + bbox.height - 1).attr("width", width + padding).attr("height", node.height + padding - bbox.height - 3);
+  const { subGraphTitleTopMargin } = getSubGraphTitleMargins(siteConfig);
+  label.attr(
+    "transform",
+    `translate(${node.x - bbox.width / 2}, ${node.y - node.height / 2 - node.padding / 3 + (evaluate(siteConfig.flowchart.htmlLabels) ? 5 : 3) + subGraphTitleTopMargin})`
+  );
+  const rectBox = rect2.node().getBBox();
+  node.height = rectBox.height;
+  node.intersect = function(point) {
+    return intersectRect$1(node, point);
+  };
+  return shapeSvg;
+};
+const divider = (parent, node) => {
+  const shapeSvg = parent.insert("g").attr("class", node.classes).attr("id", node.id);
+  const rect2 = shapeSvg.insert("rect", ":first-child");
+  const padding = 0 * node.padding;
+  const halfPadding = padding / 2;
+  rect2.attr("class", "divider").attr("x", node.x - node.width / 2 - halfPadding).attr("y", node.y - node.height / 2).attr("width", node.width + padding).attr("height", node.height + padding);
+  const rectBox = rect2.node().getBBox();
+  node.width = rectBox.width;
+  node.height = rectBox.height;
+  node.diff = -node.padding / 2;
+  node.intersect = function(point) {
+    return intersectRect$1(node, point);
+  };
+  return shapeSvg;
+};
+const shapes = { rect, roundedWithTitle, noteGroup, divider };
+let clusterElems = {};
+const insertCluster = (elem, node) => {
+  log$1.trace("Inserting cluster");
+  const shape = node.shape || "rect";
+  clusterElems[node.id] = shapes[shape](elem, node);
+};
+const clear = () => {
+  clusterElems = {};
+};
+const recursiveRender = async (_elem, graph, diagramType, id, parentCluster, siteConfig) => {
+  log$1.info("Graph in recursive render: XXX", write(graph), parentCluster);
+  const dir = graph.graph().rankdir;
+  log$1.trace("Dir in recursive render - dir:", dir);
+  const elem = _elem.insert("g").attr("class", "root");
+  if (!graph.nodes()) {
+    log$1.info("No nodes found for", graph);
+  } else {
+    log$1.info("Recursive render XXX", graph.nodes());
+  }
+  if (graph.edges().length > 0) {
+    log$1.trace("Recursive edges", graph.edge(graph.edges()[0]));
+  }
+  const clusters = elem.insert("g").attr("class", "clusters");
+  const edgePaths = elem.insert("g").attr("class", "edgePaths");
+  const edgeLabels = elem.insert("g").attr("class", "edgeLabels");
+  const nodes = elem.insert("g").attr("class", "nodes");
+  await Promise.all(
+    graph.nodes().map(async function(v) {
+      const node = graph.node(v);
+      if (parentCluster !== void 0) {
+        const data = JSON.parse(JSON.stringify(parentCluster.clusterData));
+        log$1.info("Setting data for cluster XXX (", v, ") ", data, parentCluster);
+        graph.setNode(parentCluster.id, data);
+        if (!graph.parent(v)) {
+          log$1.trace("Setting parent", v, parentCluster.id);
+          graph.setParent(v, parentCluster.id, data);
+        }
+      }
+      log$1.info("(Insert) Node XXX" + v + ": " + JSON.stringify(graph.node(v)));
+      if (node && node.clusterNode) {
+        log$1.info("Cluster identified", v, node.width, graph.node(v));
+        const o = await recursiveRender(
+          nodes,
+          node.graph,
+          diagramType,
+          id,
+          graph.node(v),
+          siteConfig
+        );
+        const newEl = o.elem;
+        updateNodeBounds(node, newEl);
+        node.diff = o.diff || 0;
+        log$1.info("Node bounds (abc123)", v, node, node.width, node.x, node.y);
+        setNodeElem(newEl, node);
+        log$1.warn("Recursive render complete ", newEl, node);
+      } else {
+        if (graph.children(v).length > 0) {
+          log$1.info("Cluster - the non recursive path XXX", v, node.id, node, graph);
+          log$1.info(findNonClusterChild(node.id, graph));
+          clusterDb[node.id] = { id: findNonClusterChild(node.id, graph), node };
+        } else {
+          log$1.info("Node - the non recursive path", v, node.id, node);
+          await insertNode(nodes, graph.node(v), dir);
+        }
+      }
+    })
+  );
+  graph.edges().forEach(function(e) {
+    const edge = graph.edge(e.v, e.w, e.name);
+    log$1.info("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(e));
+    log$1.info("Edge " + e.v + " -> " + e.w + ": ", e, " ", JSON.stringify(graph.edge(e)));
+    log$1.info("Fix", clusterDb, "ids:", e.v, e.w, "Translating: ", clusterDb[e.v], clusterDb[e.w]);
+    insertEdgeLabel(edgeLabels, edge);
+  });
+  graph.edges().forEach(function(e) {
+    log$1.info("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(e));
+  });
+  log$1.info("#############################################");
+  log$1.info("###                Layout                 ###");
+  log$1.info("#############################################");
+  log$1.info(graph);
+  layout(graph);
+  log$1.info("Graph after layout:", write(graph));
+  let diff = 0;
+  const { subGraphTitleTotalMargin } = getSubGraphTitleMargins(siteConfig);
+  sortNodesByHierarchy(graph).forEach(function(v) {
+    const node = graph.node(v);
+    log$1.info("Position " + v + ": " + JSON.stringify(graph.node(v)));
+    log$1.info(
+      "Position " + v + ": (" + node.x,
+      "," + node.y,
+      ") width: ",
+      node.width,
+      " height: ",
+      node.height
+    );
+    if (node && node.clusterNode) {
+      node.y += subGraphTitleTotalMargin;
+      positionNode(node);
+    } else {
+      if (graph.children(v).length > 0) {
+        node.height += subGraphTitleTotalMargin;
+        insertCluster(clusters, node);
+        clusterDb[node.id].node = node;
+      } else {
+        node.y += subGraphTitleTotalMargin / 2;
+        positionNode(node);
+      }
+    }
+  });
+  graph.edges().forEach(function(e) {
+    const edge = graph.edge(e);
+    log$1.info("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(edge), edge);
+    edge.points.forEach((point) => point.y += subGraphTitleTotalMargin / 2);
+    const paths = insertEdge(edgePaths, e, edge, clusterDb, diagramType, graph, id);
+    positionEdgeLabel(edge, paths);
+  });
+  graph.nodes().forEach(function(v) {
+    const n = graph.node(v);
+    log$1.info(v, n.type, n.diff);
+    if (n.type === "group") {
+      diff = n.diff;
+    }
+  });
+  return { elem, diff };
+};
+const render = async (elem, graph, markers, diagramType, id) => {
+  insertMarkers$1(elem, markers, diagramType, id);
+  clear$1$1();
+  clear$2();
+  clear();
+  clear$1();
+  log$1.warn("Graph at first:", JSON.stringify(write(graph)));
+  adjustClustersAndEdges(graph);
+  log$1.warn("Graph after:", JSON.stringify(write(graph)));
+  const siteConfig = getConfig();
+  await recursiveRender(elem, graph, diagramType, id, void 0, siteConfig);
+};
+export {
+  render as r
+};