@layers-app/editor 0.3.11 → 0.4.1-progress-bar.2

package/dist/layers.DgpXAlfL.js

@@ -0,0 +1,373 @@
+import * as v from "lodash-es";
+import { l as M } from "./layers.D4fGb2cV.js";
+import { G as U } from "./layers.C7lIplJU.js";
+import { i as A, u as H, s as V, a as _, b as W, g as D, p as O, c as q, d as z, e as p, f as $, h as K, j as Q } from "./layers.AhhllI1F.js";
+import { l as s, g as T, t as S, d as J } from "./layers.ix2kR4vq.js";
+import { c as Y } from "./layers.C83RWXIj.js";
+function m(e) {
+  var t = {
+    options: {
+      directed: e.isDirected(),
+      multigraph: e.isMultigraph(),
+      compound: e.isCompound()
+    },
+    nodes: Z(e),
+    edges: I(e)
+  };
+  return v.isUndefined(e.graph()) || (t.value = v.clone(e.graph())), t;
+}
+function Z(e) {
+  return v.map(e.nodes(), function(t) {
+    var n = e.node(t), r = e.parent(t), i = { v: t };
+    return v.isUndefined(n) || (i.value = n), v.isUndefined(r) || (i.parent = r), i;
+  });
+}
+function I(e) {
+  return v.map(e.edges(), function(t) {
+    var n = e.edge(t), r = { v: t.v, w: t.w };
+    return v.isUndefined(t.name) || (r.name = t.name), v.isUndefined(n) || (r.value = n), r;
+  });
+}
+let l = {}, g = {}, L = {};
+const tt = () => {
+  g = {}, L = {}, l = {};
+}, B = (e, t) => (s.trace("In isDescendant", t, " ", e, " = ", g[t].includes(e)), !!g[t].includes(e)), et = (e, t) => (s.info("Descendants of ", t, " is ", g[t]), s.info("Edge is ", e), e.v === t || e.w === t ? !1 : g[t] ? g[t].includes(e.v) || B(e.v, t) || B(e.w, t) || g[t].includes(e.w) : (s.debug("Tilt, ", t, ",not in descendants"), !1)), R = (e, t, n, r) => {
+  s.warn(
+    "Copying children of ",
+    e,
+    "root",
+    r,
+    "data",
+    t.node(e),
+    r
+  );
+  const i = t.children(e) || [];
+  e !== r && i.push(e), s.warn("Copying (nodes) clusterId", e, "nodes", i), i.forEach((a) => {
+    if (t.children(a).length > 0)
+      R(a, t, n, r);
+    else {
+      const d = t.node(a);
+      s.info("cp ", a, " to ", r, " with parent ", e), n.setNode(a, d), r !== t.parent(a) && (s.warn("Setting parent", a, t.parent(a)), n.setParent(a, t.parent(a))), e !== r && a !== e ? (s.debug("Setting parent", a, e), n.setParent(a, e)) : (s.info("In copy ", e, "root", r, "data", t.node(e), r), s.debug(
+        "Not Setting parent for node=",
+        a,
+        "cluster!==rootId",
+        e !== r,
+        "node!==clusterId",
+        a !== e
+      ));
+      const u = t.edges(a);
+      s.debug("Copying Edges", u), u.forEach((f) => {
+        s.info("Edge", f);
+        const h = t.edge(f.v, f.w, f.name);
+        s.info("Edge data", h, r);
+        try {
+          et(f, r) ? (s.info("Copying as ", f.v, f.w, h, f.name), n.setEdge(f.v, f.w, h, f.name), s.info("newGraph edges ", n.edges(), n.edge(n.edges()[0]))) : s.info(
+            "Skipping copy of edge ",
+            f.v,
+            "-->",
+            f.w,
+            " rootId: ",
+            r,
+            " clusterId:",
+            e
+          );
+        } catch (w) {
+          s.error(w);
+        }
+      });
+    }
+    s.debug("Removing node", a), t.removeNode(a);
+  });
+}, P = (e, t) => {
+  const n = t.children(e);
+  let r = [...n];
+  for (const i of n)
+    L[i] = e, r = [...r, ...P(i, t)];
+  return r;
+}, C = (e, t) => {
+  s.trace("Searching", e);
+  const n = t.children(e);
+  if (s.trace("Searching children of id ", e, n), n.length < 1)
+    return s.trace("This is a valid node", e), e;
+  for (const r of n) {
+    const i = C(r, t);
+    if (i)
+      return s.trace("Found replacement for", e, " => ", i), i;
+  }
+}, X = (e) => !l[e] || !l[e].externalConnections ? e : l[e] ? l[e].id : e, nt = (e, t) => {
+  if (!e || t > 10) {
+    s.debug("Opting out, no graph ");
+    return;
+  } else
+    s.debug("Opting in, graph ");
+  e.nodes().forEach(function(n) {
+    e.children(n).length > 0 && (s.warn(
+      "Cluster identified",
+      n,
+      " Replacement id in edges: ",
+      C(n, e)
+    ), g[n] = P(n, e), l[n] = { id: C(n, e), clusterData: e.node(n) });
+  }), e.nodes().forEach(function(n) {
+    const r = e.children(n), i = e.edges();
+    r.length > 0 ? (s.debug("Cluster identified", n, g), i.forEach((a) => {
+      if (a.v !== n && a.w !== n) {
+        const d = B(a.v, n), u = B(a.w, n);
+        d ^ u && (s.warn("Edge: ", a, " leaves cluster ", n), s.warn("Descendants of XXX ", n, ": ", g[n]), l[n].externalConnections = !0);
+      }
+    })) : s.debug("Not a cluster ", n, g);
+  });
+  for (let n of Object.keys(l)) {
+    const r = l[n].id, i = e.parent(r);
+    i !== n && l[i] && !l[i].externalConnections && (l[n].id = i);
+  }
+  e.edges().forEach(function(n) {
+    const r = e.edge(n);
+    s.warn("Edge " + n.v + " -> " + n.w + ": " + JSON.stringify(n)), s.warn("Edge " + n.v + " -> " + n.w + ": " + JSON.stringify(e.edge(n)));
+    let i = n.v, a = n.w;
+    if (s.warn(
+      "Fix XXX",
+      l,
+      "ids:",
+      n.v,
+      n.w,
+      "Translating: ",
+      l[n.v],
+      " --- ",
+      l[n.w]
+    ), l[n.v] && l[n.w] && l[n.v] === l[n.w]) {
+      s.warn("Fixing and trixing link to self - removing XXX", n.v, n.w, n.name), s.warn("Fixing and trixing - removing XXX", n.v, n.w, n.name), i = X(n.v), a = X(n.w), e.removeEdge(n.v, n.w, n.name);
+      const d = n.w + "---" + n.v;
+      e.setNode(d, {
+        domId: d,
+        id: d,
+        labelStyle: "",
+        labelText: r.label,
+        padding: 0,
+        shape: "labelRect",
+        style: ""
+      });
+      const u = structuredClone(r), f = structuredClone(r);
+      u.label = "", u.arrowTypeEnd = "none", f.label = "", u.fromCluster = n.v, f.toCluster = n.v, e.setEdge(i, d, u, n.name + "-cyclic-special"), e.setEdge(d, a, f, n.name + "-cyclic-special");
+    } else if (l[n.v] || l[n.w]) {
+      if (s.warn("Fixing and trixing - removing XXX", n.v, n.w, n.name), i = X(n.v), a = X(n.w), e.removeEdge(n.v, n.w, n.name), i !== n.v) {
+        const d = e.parent(i);
+        l[d].externalConnections = !0, r.fromCluster = n.v;
+      }
+      if (a !== n.w) {
+        const d = e.parent(a);
+        l[d].externalConnections = !0, r.toCluster = n.w;
+      }
+      s.warn("Fix Replacing with XXX", i, a, n.name), e.setEdge(i, a, r, n.name);
+    }
+  }), s.warn("Adjusted Graph", m(e)), k(e, 0), s.trace(l);
+}, k = (e, t) => {
+  if (s.warn("extractor - ", t, m(e), e.children("D")), t > 10) {
+    s.error("Bailing out");
+    return;
+  }
+  let n = e.nodes(), r = !1;
+  for (const i of n) {
+    const a = e.children(i);
+    r = r || a.length > 0;
+  }
+  if (!r) {
+    s.debug("Done, no node has children", e.nodes());
+    return;
+  }
+  s.debug("Nodes = ", n, t);
+  for (const i of n)
+    if (s.debug(
+      "Extracting node",
+      i,
+      l,
+      l[i] && !l[i].externalConnections,
+      !e.parent(i),
+      e.node(i),
+      e.children("D"),
+      " Depth ",
+      t
+    ), !l[i])
+      s.debug("Not a cluster", i, t);
+    else if (!l[i].externalConnections && // !graph.parent(node) &&
+    e.children(i) && e.children(i).length > 0) {
+      s.warn(
+        "Cluster without external connections, without a parent and with children",
+        i,
+        t
+      );
+      let d = e.graph().rankdir === "TB" ? "LR" : "TB";
+      l[i] && l[i].clusterData && l[i].clusterData.dir && (d = l[i].clusterData.dir, s.warn("Fixing dir", l[i].clusterData.dir, d));
+      const u = new U({
+        multigraph: !0,
+        compound: !0
+      }).setGraph({
+        rankdir: d,
+        // Todo: set proper spacing
+        nodesep: 50,
+        ranksep: 50,
+        marginx: 8,
+        marginy: 8
+      }).setDefaultEdgeLabel(function() {
+        return {};
+      });
+      s.warn("Old graph before copy", m(e)), R(i, e, u, i), e.setNode(i, {
+        clusterNode: !0,
+        id: i,
+        clusterData: l[i].clusterData,
+        labelText: l[i].labelText,
+        graph: u
+      }), s.warn("New graph after copy node: (", i, ")", m(u)), s.debug("Old graph after copy", m(e));
+    } else
+      s.warn(
+        "Cluster ** ",
+        i,
+        " **not meeting the criteria !externalConnections:",
+        !l[i].externalConnections,
+        " no parent: ",
+        !e.parent(i),
+        " children ",
+        e.children(i) && e.children(i).length > 0,
+        e.children("D"),
+        t
+      ), s.debug(l);
+  n = e.nodes(), s.warn("New list of nodes", n);
+  for (const i of n) {
+    const a = e.node(i);
+    s.warn(" Now next level", i, a), a.clusterNode && k(a.graph, t + 1);
+  }
+}, F = (e, t) => {
+  if (t.length === 0)
+    return [];
+  let n = Object.assign(t);
+  return t.forEach((r) => {
+    const i = e.children(r), a = F(e, i);
+    n = [...n, ...a];
+  }), n;
+}, it = (e) => F(e, e.children()), st = (e, t) => {
+  s.info("Creating subgraph rect for ", t.id, t);
+  const n = T(), r = e.insert("g").attr("class", "cluster" + (t.class ? " " + t.class : "")).attr("id", t.id), i = r.insert("rect", ":first-child"), a = S(n.flowchart.htmlLabels), d = r.insert("g").attr("class", "cluster-label"), u = t.labelType === "markdown" ? Y(d, t.labelText, { style: t.labelStyle, useHtmlLabels: a }) : d.node().appendChild($(t.labelText, t.labelStyle, void 0, !0));
+  let f = u.getBBox();
+  if (S(n.flowchart.htmlLabels)) {
+    const c = u.children[0], o = J(u);
+    f = c.getBoundingClientRect(), o.attr("width", f.width), o.attr("height", f.height);
+  }
+  const h = 0 * t.padding, w = h / 2, x = t.width <= f.width + h ? f.width + h : t.width;
+  t.width <= f.width + h ? t.diff = (f.width - t.width) / 2 - t.padding / 2 : t.diff = -t.padding / 2, s.trace("Data ", t, JSON.stringify(t)), i.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("x", t.x - x / 2).attr("y", t.y - t.height / 2 - w).attr("width", x).attr("height", t.height + h);
+  const { subGraphTitleTopMargin: E } = D(n);
+  a ? d.attr(
+    "transform",
+    // This puts the label on top of the box instead of inside it
+    `translate(${t.x - f.width / 2}, ${t.y - t.height / 2 + E})`
+  ) : d.attr(
+    "transform",
+    // This puts the label on top of the box instead of inside it
+    `translate(${t.x}, ${t.y - t.height / 2 + E})`
+  );
+  const y = i.node().getBBox();
+  return t.width = y.width, t.height = y.height, t.intersect = function(c) {
+    return p(t, c);
+  }, r;
+}, rt = (e, t) => {
+  const n = e.insert("g").attr("class", "note-cluster").attr("id", t.id), r = n.insert("rect", ":first-child"), i = 0 * t.padding, a = i / 2;
+  r.attr("rx", t.rx).attr("ry", t.ry).attr("x", t.x - t.width / 2 - a).attr("y", t.y - t.height / 2 - a).attr("width", t.width + i).attr("height", t.height + i).attr("fill", "none");
+  const d = r.node().getBBox();
+  return t.width = d.width, t.height = d.height, t.intersect = function(u) {
+    return p(t, u);
+  }, n;
+}, at = (e, t) => {
+  const n = T(), r = e.insert("g").attr("class", t.classes).attr("id", t.id), i = r.insert("rect", ":first-child"), a = r.insert("g").attr("class", "cluster-label"), d = r.append("rect"), u = a.node().appendChild($(t.labelText, t.labelStyle, void 0, !0));
+  let f = u.getBBox();
+  if (S(n.flowchart.htmlLabels)) {
+    const c = u.children[0], o = J(u);
+    f = c.getBoundingClientRect(), o.attr("width", f.width), o.attr("height", f.height);
+  }
+  f = u.getBBox();
+  const h = 0 * t.padding, w = h / 2, x = t.width <= f.width + t.padding ? f.width + t.padding : t.width;
+  t.width <= f.width + t.padding ? t.diff = (f.width + t.padding * 0 - t.width) / 2 : t.diff = -t.padding / 2, i.attr("class", "outer").attr("x", t.x - x / 2 - w).attr("y", t.y - t.height / 2 - w).attr("width", x + h).attr("height", t.height + h), d.attr("class", "inner").attr("x", t.x - x / 2 - w).attr("y", t.y - t.height / 2 - w + f.height - 1).attr("width", x + h).attr("height", t.height + h - f.height - 3);
+  const { subGraphTitleTopMargin: E } = D(n);
+  a.attr(
+    "transform",
+    `translate(${t.x - f.width / 2}, ${t.y - t.height / 2 - t.padding / 3 + (S(n.flowchart.htmlLabels) ? 5 : 3) + E})`
+  );
+  const y = i.node().getBBox();
+  return t.height = y.height, t.intersect = function(c) {
+    return p(t, c);
+  }, r;
+}, ct = (e, t) => {
+  const n = e.insert("g").attr("class", t.classes).attr("id", t.id), r = n.insert("rect", ":first-child"), i = 0 * t.padding, a = i / 2;
+  r.attr("class", "divider").attr("x", t.x - t.width / 2 - a).attr("y", t.y - t.height / 2).attr("width", t.width + i).attr("height", t.height + i);
+  const d = r.node().getBBox();
+  return t.width = d.width, t.height = d.height, t.diff = -t.padding / 2, t.intersect = function(u) {
+    return p(t, u);
+  }, n;
+}, ot = { rect: st, roundedWithTitle: at, noteGroup: rt, divider: ct };
+let G = {};
+const lt = (e, t) => {
+  s.trace("Inserting cluster");
+  const n = t.shape || "rect";
+  G[t.id] = ot[n](e, t);
+}, ft = () => {
+  G = {};
+}, j = async (e, t, n, r, i, a) => {
+  s.info("Graph in recursive render: XXX", m(t), i);
+  const d = t.graph().rankdir;
+  s.trace("Dir in recursive render - dir:", d);
+  const u = e.insert("g").attr("class", "root");
+  t.nodes() ? s.info("Recursive render XXX", t.nodes()) : s.info("No nodes found for", t), t.edges().length > 0 && s.trace("Recursive edges", t.edge(t.edges()[0]));
+  const f = u.insert("g").attr("class", "clusters"), h = u.insert("g").attr("class", "edgePaths"), w = u.insert("g").attr("class", "edgeLabels"), x = u.insert("g").attr("class", "nodes");
+  await Promise.all(
+    t.nodes().map(async function(c) {
+      const o = t.node(c);
+      if (i !== void 0) {
+        const b = JSON.parse(JSON.stringify(i.clusterData));
+        s.info("Setting data for cluster XXX (", c, ") ", b, i), t.setNode(i.id, b), t.parent(c) || (s.trace("Setting parent", c, i.id), t.setParent(c, i.id, b));
+      }
+      if (s.info("(Insert) Node XXX" + c + ": " + JSON.stringify(t.node(c))), o && o.clusterNode) {
+        s.info("Cluster identified", c, o.width, t.node(c));
+        const b = await j(
+          x,
+          o.graph,
+          n,
+          r,
+          t.node(c),
+          a
+        ), N = b.elem;
+        H(o, N), o.diff = b.diff || 0, s.info("Node bounds (abc123)", c, o, o.width, o.x, o.y), V(N, o), s.warn("Recursive render complete ", N, o);
+      } else
+        t.children(c).length > 0 ? (s.info("Cluster - the non recursive path XXX", c, o.id, o, t), s.info(C(o.id, t)), l[o.id] = { id: C(o.id, t), node: o }) : (s.info("Node - the non recursive path", c, o.id, o), await _(x, t.node(c), d));
+    })
+  ), t.edges().forEach(function(c) {
+    const o = t.edge(c.v, c.w, c.name);
+    s.info("Edge " + c.v + " -> " + c.w + ": " + JSON.stringify(c)), s.info("Edge " + c.v + " -> " + c.w + ": ", c, " ", JSON.stringify(t.edge(c))), s.info("Fix", l, "ids:", c.v, c.w, "Translating: ", l[c.v], l[c.w]), W(w, o);
+  }), t.edges().forEach(function(c) {
+    s.info("Edge " + c.v + " -> " + c.w + ": " + JSON.stringify(c));
+  }), s.info("#############################################"), s.info("###                Layout                 ###"), s.info("#############################################"), s.info(t), M(t), s.info("Graph after layout:", m(t));
+  let E = 0;
+  const { subGraphTitleTotalMargin: y } = D(a);
+  return it(t).forEach(function(c) {
+    const o = t.node(c);
+    s.info("Position " + c + ": " + JSON.stringify(t.node(c))), s.info(
+      "Position " + c + ": (" + o.x,
+      "," + o.y,
+      ") width: ",
+      o.width,
+      " height: ",
+      o.height
+    ), o && o.clusterNode ? (o.y += y, O(o)) : t.children(c).length > 0 ? (o.height += y, lt(f, o), l[o.id].node = o) : (o.y += y / 2, O(o));
+  }), t.edges().forEach(function(c) {
+    const o = t.edge(c);
+    s.info("Edge " + c.v + " -> " + c.w + ": " + JSON.stringify(o), o), o.points.forEach((N) => N.y += y / 2);
+    const b = q(h, c, o, l, n, t, r);
+    z(o, b);
+  }), t.nodes().forEach(function(c) {
+    const o = t.node(c);
+    s.info(c, o.type, o.diff), o.type === "group" && (E = o.diff);
+  }), { elem: u, diff: E };
+}, xt = async (e, t, n, r, i) => {
+  A(e, n, r, i), K(), Q(), ft(), tt(), s.warn("Graph at first:", JSON.stringify(m(t))), nt(t), s.warn("Graph after:", JSON.stringify(m(t)));
+  const a = T();
+  await j(e, t, r, i, void 0, a);
+};
+export {
+  xt as r
+};

package/dist/layers.Dh54vG6t.js

@@ -0,0 +1,268 @@
+import { s as P, d as N, p as W } from "./layers.CQefO3zC.js";
+import { g as t, d as H, l as b, e as R, j as T, r as v, u as U } from "./layers.ix2kR4vq.js";
+import "lodash-es";
+import { l as C } from "./layers.D4fGb2cV.js";
+import { G as F } from "./layers.C7lIplJU.js";
+import "./layers.B6ZNsH3T.js";
+import { l as $ } from "./layers.CJWyW1s7.js";
+const O = (e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), X = (e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), J = (e, i) => {
+  const o = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 2 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), c = o.node().getBBox();
+  return e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c.width + 2 * t().state.padding).attr("height", c.height + 2 * t().state.padding).attr("rx", t().state.radius), o;
+}, Y = (e, i) => {
+  const o = function(l, m, w) {
+    const E = l.append("tspan").attr("x", 2 * t().state.padding).text(m);
+    w || E.attr("dy", t().state.textHeight);
+  }, s = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), g = s.height, p = e.append("text").attr("x", t().state.padding).attr(
+    "y",
+    g + t().state.padding * 0.4 + t().state.dividerMargin + t().state.textHeight
+  ).attr("class", "state-description");
+  let a = !0, r = !0;
+  i.descriptions.forEach(function(l) {
+    a || (o(p, l, r), r = !1), a = !1;
+  });
+  const y = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + g + t().state.dividerMargin / 2).attr("y2", t().state.padding + g + t().state.dividerMargin / 2).attr("class", "descr-divider"), x = p.node().getBBox(), d = Math.max(x.width, s.width);
+  return y.attr("x2", d + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", d + 2 * t().state.padding).attr("height", x.height + g + 2 * t().state.padding).attr("rx", t().state.radius), e;
+}, I = (e, i, o) => {
+  const c = t().state.padding, s = 2 * t().state.padding, g = e.node().getBBox(), p = g.width, a = g.x, r = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), x = r.node().getBBox().width + s;
+  let d = Math.max(x, p);
+  d === p && (d = d + s);
+  let l;
+  const m = e.node().getBBox();
+  i.doc, l = a - c, x > p && (l = (p - d) / 2 + c), Math.abs(a - m.x) < c && x > p && (l = a - (x - p) / 2);
+  const w = 1 - t().state.textHeight;
+  return e.insert("rect", ":first-child").attr("x", l).attr("y", w).attr("class", o ? "alt-composit" : "composit").attr("width", d).attr(
+    "height",
+    m.height + t().state.textHeight + t().state.titleShift + 1
+  ).attr("rx", "0"), r.attr("x", l + c), x <= p && r.attr("x", a + (d - s) / 2 - x / 2 + c), e.insert("rect", ":first-child").attr("x", l).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", d).attr("height", t().state.textHeight * 3).attr("rx", t().state.radius), e.insert("rect", ":first-child").attr("x", l).attr(
+    "y",
+    t().state.titleShift - t().state.textHeight - t().state.padding
+  ).attr("width", d).attr("height", m.height + 3 + 2 * t().state.textHeight).attr("rx", t().state.radius), e;
+}, _ = (e) => (e.append("circle").attr("class", "end-state-outer").attr("r", t().state.sizeUnit + t().state.miniPadding).attr(
+  "cx",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+).attr(
+  "cy",
+  t().state.padding + t().state.sizeUnit + t().state.miniPadding
+), e.append("circle").attr("class", "end-state-inner").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit + 2).attr("cy", t().state.padding + t().state.sizeUnit + 2)), q = (e, i) => {
+  let o = t().state.forkWidth, c = t().state.forkHeight;
+  if (i.parentId) {
+    let s = o;
+    o = c, c = s;
+  }
+  return e.append("rect").style("stroke", "black").style("fill", "black").attr("width", o).attr("height", c).attr("x", t().state.padding).attr("y", t().state.padding);
+}, Z = (e, i, o, c) => {
+  let s = 0;
+  const g = c.append("text");
+  g.style("text-anchor", "start"), g.attr("class", "noteText");
+  let p = e.replace(/\r\n/g, "<br/>");
+  p = p.replace(/\n/g, "<br/>");
+  const a = p.split(T.lineBreakRegex);
+  let r = 1.25 * t().state.noteMargin;
+  for (const y of a) {
+    const x = y.trim();
+    if (x.length > 0) {
+      const d = g.append("tspan");
+      if (d.text(x), r === 0) {
+        const l = d.node().getBBox();
+        r += l.height;
+      }
+      s += r, d.attr("x", i + t().state.noteMargin), d.attr("y", o + s + 1.25 * t().state.noteMargin);
+    }
+  }
+  return { textWidth: g.node().getBBox().width, textHeight: s };
+}, j = (e, i) => {
+  i.attr("class", "state-note");
+  const o = i.append("rect").attr("x", 0).attr("y", t().state.padding), c = i.append("g"), { textWidth: s, textHeight: g } = Z(e, 0, 0, c);
+  return o.attr("height", g + 2 * t().state.noteMargin), o.attr("width", s + t().state.noteMargin * 2), o;
+}, L = function(e, i) {
+  const o = i.id, c = {
+    id: o,
+    label: i.id,
+    width: 0,
+    height: 0
+  }, s = e.append("g").attr("id", o).attr("class", "stateGroup");
+  i.type === "start" && O(s), i.type === "end" && _(s), (i.type === "fork" || i.type === "join") && q(s, i), i.type === "note" && j(i.note.text, s), i.type === "divider" && X(s), i.type === "default" && i.descriptions.length === 0 && J(s, i), i.type === "default" && i.descriptions.length > 0 && Y(s, i);
+  const g = s.node().getBBox();
+  return c.width = g.width + 2 * t().state.padding, c.height = g.height + 2 * t().state.padding, c;
+};
+let G = 0;
+const K = function(e, i, o) {
+  const c = function(r) {
+    switch (r) {
+      case N.relationType.AGGREGATION:
+        return "aggregation";
+      case N.relationType.EXTENSION:
+        return "extension";
+      case N.relationType.COMPOSITION:
+        return "composition";
+      case N.relationType.DEPENDENCY:
+        return "dependency";
+    }
+  };
+  i.points = i.points.filter((r) => !Number.isNaN(r.y));
+  const s = i.points, g = $().x(function(r) {
+    return r.x;
+  }).y(function(r) {
+    return r.y;
+  }).curve(v), p = e.append("path").attr("d", g(s)).attr("id", "edge" + G).attr("class", "transition");
+  let a = "";
+  if (t().state.arrowMarkerAbsolute && (a = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, a = a.replace(/\(/g, "\\("), a = a.replace(/\)/g, "\\)")), p.attr(
+    "marker-end",
+    "url(" + a + "#" + c(N.relationType.DEPENDENCY) + "End)"
+  ), o.title !== void 0) {
+    const r = e.append("g").attr("class", "stateLabel"), { x: y, y: x } = U.calcLabelPosition(i.points), d = T.getRows(o.title);
+    let l = 0;
+    const m = [];
+    let w = 0, E = 0;
+    for (let u = 0; u <= d.length; u++) {
+      const h = r.append("text").attr("text-anchor", "middle").text(d[u]).attr("x", y).attr("y", x + l), f = h.node().getBBox();
+      w = Math.max(w, f.width), E = Math.min(E, f.x), b.info(f.x, y, x + l), l === 0 && (l = h.node().getBBox().height, b.info("Title height", l, x)), m.push(h);
+    }
+    let k = l * d.length;
+    if (d.length > 1) {
+      const u = (d.length - 1) * l * 0.5;
+      m.forEach((h, f) => h.attr("y", x + f * l - u)), k = l * d.length;
+    }
+    const n = r.node().getBBox();
+    r.insert("rect", ":first-child").attr("class", "box").attr("x", y - w / 2 - t().state.padding / 2).attr("y", x - k / 2 - t().state.padding / 2 - 3.5).attr("width", w + t().state.padding).attr("height", k + t().state.padding), b.info(n);
+  }
+  G++;
+};
+let B;
+const z = {}, Q = function() {
+}, V = function(e) {
+  e.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
+}, D = function(e, i, o, c) {
+  B = t().state;
+  const s = t().securityLevel;
+  let g;
+  s === "sandbox" && (g = H("#i" + i));
+  const p = s === "sandbox" ? H(g.nodes()[0].contentDocument.body) : H("body"), a = s === "sandbox" ? g.nodes()[0].contentDocument : document;
+  b.debug("Rendering diagram " + e);
+  const r = p.select(`[id='${i}']`);
+  V(r);
+  const y = c.db.getRootDoc();
+  A(y, r, void 0, !1, p, a, c);
+  const x = B.padding, d = r.node().getBBox(), l = d.width + x * 2, m = d.height + x * 2, w = l * 1.75;
+  R(r, m, w, B.useMaxWidth), r.attr(
+    "viewBox",
+    `${d.x - B.padding}  ${d.y - B.padding} ` + l + " " + m
+  );
+}, tt = (e) => e ? e.length * B.fontSizeFactor : 1, A = (e, i, o, c, s, g, p) => {
+  const a = new F({
+    compound: !0,
+    multigraph: !0
+  });
+  let r, y = !0;
+  for (r = 0; r < e.length; r++)
+    if (e[r].stmt === "relation") {
+      y = !1;
+      break;
+    }
+  o ? a.setGraph({
+    rankdir: "LR",
+    multigraph: !0,
+    compound: !0,
+    // acyclicer: 'greedy',
+    ranker: "tight-tree",
+    ranksep: y ? 1 : B.edgeLengthFactor,
+    nodeSep: y ? 1 : 50,
+    isMultiGraph: !0
+    // ranksep: 5,
+    // nodesep: 1
+  }) : a.setGraph({
+    rankdir: "TB",
+    multigraph: !0,
+    compound: !0,
+    // isCompound: true,
+    // acyclicer: 'greedy',
+    // ranker: 'longest-path'
+    ranksep: y ? 1 : B.edgeLengthFactor,
+    nodeSep: y ? 1 : 50,
+    ranker: "tight-tree",
+    // ranker: 'network-simplex'
+    isMultiGraph: !0
+  }), a.setDefaultEdgeLabel(function() {
+    return {};
+  }), p.db.extract(e);
+  const x = p.db.getStates(), d = p.db.getRelations(), l = Object.keys(x);
+  for (const n of l) {
+    const u = x[n];
+    o && (u.parentId = o);
+    let h;
+    if (u.doc) {
+      let f = i.append("g").attr("id", u.id).attr("class", "stateGroup");
+      h = A(u.doc, f, u.id, !c, s, g, p);
+      {
+        f = I(f, u, c);
+        let S = f.node().getBBox();
+        h.width = S.width, h.height = S.height + B.padding / 2, z[u.id] = { y: B.compositTitleSize };
+      }
+    } else
+      h = L(i, u);
+    if (u.note) {
+      const f = {
+        descriptions: [],
+        id: u.id + "-note",
+        note: u.note,
+        type: "note"
+      }, S = L(i, f);
+      u.note.position === "left of" ? (a.setNode(h.id + "-note", S), a.setNode(h.id, h)) : (a.setNode(h.id, h), a.setNode(h.id + "-note", S)), a.setParent(h.id, h.id + "-group"), a.setParent(h.id + "-note", h.id + "-group");
+    } else
+      a.setNode(h.id, h);
+  }
+  b.debug("Count=", a.nodeCount(), a);
+  let m = 0;
+  d.forEach(function(n) {
+    m++, b.debug("Setting edge", n), a.setEdge(
+      n.id1,
+      n.id2,
+      {
+        relation: n,
+        width: tt(n.title),
+        height: B.labelHeight * T.getRows(n.title).length,
+        labelpos: "c"
+      },
+      "id" + m
+    );
+  }), C(a), b.debug("Graph after layout", a.nodes());
+  const w = i.node();
+  a.nodes().forEach(function(n) {
+    n !== void 0 && a.node(n) !== void 0 ? (b.warn("Node " + n + ": " + JSON.stringify(a.node(n))), s.select("#" + w.id + " #" + n).attr(
+      "transform",
+      "translate(" + (a.node(n).x - a.node(n).width / 2) + "," + (a.node(n).y + (z[n] ? z[n].y : 0) - a.node(n).height / 2) + " )"
+    ), s.select("#" + w.id + " #" + n).attr("data-x-shift", a.node(n).x - a.node(n).width / 2), g.querySelectorAll("#" + w.id + " #" + n + " .divider").forEach((h) => {
+      const f = h.parentElement;
+      let S = 0, M = 0;
+      f && (f.parentElement && (S = f.parentElement.getBBox().width), M = parseInt(f.getAttribute("data-x-shift"), 10), Number.isNaN(M) && (M = 0)), h.setAttribute("x1", 0 - M + 8), h.setAttribute("x2", S - M - 8);
+    })) : b.debug("No Node " + n + ": " + JSON.stringify(a.node(n)));
+  });
+  let E = w.getBBox();
+  a.edges().forEach(function(n) {
+    n !== void 0 && a.edge(n) !== void 0 && (b.debug("Edge " + n.v + " -> " + n.w + ": " + JSON.stringify(a.edge(n))), K(i, a.edge(n), a.edge(n).relation));
+  }), E = w.getBBox();
+  const k = {
+    id: o || "root",
+    label: o || "root",
+    width: 0,
+    height: 0
+  };
+  return k.width = E.width + 2 * B.padding, k.height = E.height + 2 * B.padding, b.debug("Doc rendered", k, a), k;
+}, et = {
+  setConf: Q,
+  draw: D
+}, ct = {
+  parser: W,
+  db: N,
+  renderer: et,
+  styles: P,
+  init: (e) => {
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute, N.clear();
+  }
+};
+export {
+  ct as diagram
+};