@layers-app/editor 0.5.0 → 0.5.1

package/dist/layers.D44d_6CD.js

@@ -1,437 +0,0 @@
-import { a7 as z, a8 as F, a9 as j, aa as U, l as g, g as S, d as $, u as H, Y as K, _ as A, $ as E, a0 as L, V, j as P, t as W } from "./layers.DbEYtfVc.js";
-import * as G from "lodash-es";
-import { G as X } from "./layers.BJDrjORS.js";
-import { r as Y } from "./layers.epvyXTdV.js";
-import { c as J } from "./layers.Dm5fcqXE.js";
-function Q(e) {
-  return typeof e == "string" ? new z([document.querySelectorAll(e)], [document.documentElement]) : new z([j(e)], F);
-}
-function de(e, l) {
-  return !!e.children(l).length;
-}
-function pe(e) {
-  return N(e.v) + ":" + N(e.w) + ":" + N(e.name);
-}
-var Z = /:/g;
-function N(e) {
-  return e ? String(e).replace(Z, "\\:") : "";
-}
-function O(e, l) {
-  l && e.attr("style", l);
-}
-function be(e, l, c) {
-  l && e.attr("class", l).attr("class", c + " " + e.attr("class"));
-}
-function fe(e, l) {
-  var c = l.graph();
-  if (G.isPlainObject(c)) {
-    var a = c.transition;
-    if (G.isFunction(a))
-      return a(e);
-  }
-  return e;
-}
-function ee(e, l) {
-  var c = e.append("foreignObject").attr("width", "100000"), a = c.append("xhtml:div");
-  a.attr("xmlns", "http://www.w3.org/1999/xhtml");
-  var i = l.label;
-  switch (typeof i) {
-    case "function":
-      a.insert(i);
-      break;
-    case "object":
-      a.insert(function() {
-        return i;
-      });
-      break;
-    default:
-      a.html(i);
-  }
-  O(a, l.labelStyle), a.style("display", "inline-block"), a.style("white-space", "nowrap");
-  var d = a.node().getBoundingClientRect();
-  return c.attr("width", d.width).attr("height", d.height), c;
-}
-const q = {}, te = function(e) {
-  const l = Object.keys(e);
-  for (const c of l)
-    q[c] = e[c];
-}, M = async function(e, l, c, a, i, d) {
-  const u = a.select(`[id="${c}"]`), n = Object.keys(e);
-  for (const p of n) {
-    const r = e[p];
-    let y = "default";
-    r.classes.length > 0 && (y = r.classes.join(" ")), y = y + " flowchart-label";
-    const w = A(r.styles);
-    let t = r.text !== void 0 ? r.text : r.id, s;
-    if (g.info("vertex", r, r.labelType), r.labelType === "markdown")
-      g.info("vertex", r, r.labelType);
-    else if (W(S().flowchart.htmlLabels))
-      s = ee(u, {
-        label: t
-      }).node(), s.parentNode.removeChild(s);
-    else {
-      const k = i.createElementNS("http://www.w3.org/2000/svg", "text");
-      k.setAttribute("style", w.labelStyle.replace("color:", "fill:"));
-      const _ = t.split(P.lineBreakRegex);
-      for (const C of _) {
-        const v = i.createElementNS("http://www.w3.org/2000/svg", "tspan");
-        v.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), v.setAttribute("dy", "1em"), v.setAttribute("x", "1"), v.textContent = C, k.appendChild(v);
-      }
-      s = k;
-    }
-    let b = 0, o = "";
-    switch (r.type) {
-      case "round":
-        b = 5, o = "rect";
-        break;
-      case "square":
-        o = "rect";
-        break;
-      case "diamond":
-        o = "question";
-        break;
-      case "hexagon":
-        o = "hexagon";
-        break;
-      case "odd":
-        o = "rect_left_inv_arrow";
-        break;
-      case "lean_right":
-        o = "lean_right";
-        break;
-      case "lean_left":
-        o = "lean_left";
-        break;
-      case "trapezoid":
-        o = "trapezoid";
-        break;
-      case "inv_trapezoid":
-        o = "inv_trapezoid";
-        break;
-      case "odd_right":
-        o = "rect_left_inv_arrow";
-        break;
-      case "circle":
-        o = "circle";
-        break;
-      case "ellipse":
-        o = "ellipse";
-        break;
-      case "stadium":
-        o = "stadium";
-        break;
-      case "subroutine":
-        o = "subroutine";
-        break;
-      case "cylinder":
-        o = "cylinder";
-        break;
-      case "group":
-        o = "rect";
-        break;
-      case "doublecircle":
-        o = "doublecircle";
-        break;
-      default:
-        o = "rect";
-    }
-    const T = await V(t, S());
-    l.setNode(r.id, {
-      labelStyle: w.labelStyle,
-      shape: o,
-      labelText: T,
-      labelType: r.labelType,
-      rx: b,
-      ry: b,
-      class: y,
-      style: w.style,
-      id: r.id,
-      link: r.link,
-      linkTarget: r.linkTarget,
-      tooltip: d.db.getTooltip(r.id) || "",
-      domId: d.db.lookUpDomId(r.id),
-      haveCallback: r.haveCallback,
-      width: r.type === "group" ? 500 : void 0,
-      dir: r.dir,
-      type: r.type,
-      props: r.props,
-      padding: S().flowchart.padding
-    }), g.info("setNode", {
-      labelStyle: w.labelStyle,
-      labelType: r.labelType,
-      shape: o,
-      labelText: T,
-      rx: b,
-      ry: b,
-      class: y,
-      style: w.style,
-      id: r.id,
-      domId: d.db.lookUpDomId(r.id),
-      width: r.type === "group" ? 500 : void 0,
-      type: r.type,
-      dir: r.dir,
-      props: r.props,
-      padding: S().flowchart.padding
-    });
-  }
-}, R = async function(e, l, c) {
-  g.info("abc78 edges = ", e);
-  let a = 0, i = {}, d, u;
-  if (e.defaultStyle !== void 0) {
-    const n = A(e.defaultStyle);
-    d = n.style, u = n.labelStyle;
-  }
-  for (const n of e) {
-    a++;
-    const p = "L-" + n.start + "-" + n.end;
-    i[p] === void 0 ? (i[p] = 0, g.info("abc78 new entry", p, i[p])) : (i[p]++, g.info("abc78 new entry", p, i[p]));
-    let r = p + "-" + i[p];
-    g.info("abc78 new link id to be used is", p, r, i[p]);
-    const y = "LS-" + n.start, w = "LE-" + n.end, t = { style: "", labelStyle: "" };
-    switch (t.minlen = n.length || 1, n.type === "arrow_open" ? t.arrowhead = "none" : t.arrowhead = "normal", t.arrowTypeStart = "arrow_open", t.arrowTypeEnd = "arrow_open", n.type) {
-      case "double_arrow_cross":
-        t.arrowTypeStart = "arrow_cross";
-      case "arrow_cross":
-        t.arrowTypeEnd = "arrow_cross";
-        break;
-      case "double_arrow_point":
-        t.arrowTypeStart = "arrow_point";
-      case "arrow_point":
-        t.arrowTypeEnd = "arrow_point";
-        break;
-      case "double_arrow_circle":
-        t.arrowTypeStart = "arrow_circle";
-      case "arrow_circle":
-        t.arrowTypeEnd = "arrow_circle";
-        break;
-    }
-    let s = "", b = "";
-    switch (n.stroke) {
-      case "normal":
-        s = "fill:none;", d !== void 0 && (s = d), u !== void 0 && (b = u), t.thickness = "normal", t.pattern = "solid";
-        break;
-      case "dotted":
-        t.thickness = "normal", t.pattern = "dotted", t.style = "fill:none;stroke-width:2px;stroke-dasharray:3;";
-        break;
-      case "thick":
-        t.thickness = "thick", t.pattern = "solid", t.style = "stroke-width: 3.5px;fill:none;";
-        break;
-      case "invisible":
-        t.thickness = "invisible", t.pattern = "solid", t.style = "stroke-width: 0;fill:none;";
-        break;
-    }
-    if (n.style !== void 0) {
-      const o = A(n.style);
-      s = o.style, b = o.labelStyle;
-    }
-    t.style = t.style += s, t.labelStyle = t.labelStyle += b, n.interpolate !== void 0 ? t.curve = E(n.interpolate, L) : e.defaultInterpolate !== void 0 ? t.curve = E(e.defaultInterpolate, L) : t.curve = E(q.curve, L), n.text === void 0 ? n.style !== void 0 && (t.arrowheadStyle = "fill: #333") : (t.arrowheadStyle = "fill: #333", t.labelpos = "c"), t.labelType = n.labelType, t.label = await V(
-      n.text.replace(P.lineBreakRegex, `
-`),
-      S()
-    ), n.style === void 0 && (t.style = t.style || "stroke: #333; stroke-width: 1.5px;fill:none;"), t.labelStyle = t.labelStyle.replace("color:", "fill:"), t.id = r, t.classes = "flowchart-link " + y + " " + w, l.setEdge(n.start, n.end, t, a);
-  }
-}, re = function(e, l) {
-  return l.db.getClasses();
-}, le = async function(e, l, c, a) {
-  g.info("Drawing flowchart");
-  let i = a.db.getDirection();
-  i === void 0 && (i = "TD");
-  const { securityLevel: d, flowchart: u } = S(), n = u.nodeSpacing || 50, p = u.rankSpacing || 50;
-  let r;
-  d === "sandbox" && (r = $("#i" + l));
-  const y = d === "sandbox" ? $(r.nodes()[0].contentDocument.body) : $("body"), w = d === "sandbox" ? r.nodes()[0].contentDocument : document, t = new X({
-    multigraph: !0,
-    compound: !0
-  }).setGraph({
-    rankdir: i,
-    nodesep: n,
-    ranksep: p,
-    marginx: 0,
-    marginy: 0
-  }).setDefaultEdgeLabel(function() {
-    return {};
-  });
-  let s;
-  const b = a.db.getSubGraphs();
-  g.info("Subgraphs - ", b);
-  for (let f = b.length - 1; f >= 0; f--)
-    s = b[f], g.info("Subgraph - ", s), a.db.addVertex(
-      s.id,
-      { text: s.title, type: s.labelType },
-      "group",
-      void 0,
-      s.classes,
-      s.dir
-    );
-  const o = a.db.getVertices(), T = a.db.getEdges();
-  g.info("Edges", T);
-  let k = 0;
-  for (k = b.length - 1; k >= 0; k--) {
-    s = b[k], Q("cluster").append("text");
-    for (let f = 0; f < s.nodes.length; f++)
-      g.info("Setting up subgraphs", s.nodes[f], s.id), t.setParent(s.nodes[f], s.id);
-  }
-  await M(o, t, l, y, w, a), await R(T, t);
-  const _ = y.select(`[id="${l}"]`), C = y.select("#" + l + " g");
-  if (await Y(C, t, ["point", "circle", "cross"], "flowchart", l), H.insertTitle(_, "flowchartTitleText", u.titleTopMargin, a.db.getDiagramTitle()), K(t, _, u.diagramPadding, u.useMaxWidth), a.db.indexNodes("subGraph" + k), !u.htmlLabels) {
-    const f = w.querySelectorAll('[id="' + l + '"] .edgeLabel .label');
-    for (const x of f) {
-      const m = x.getBBox(), h = w.createElementNS("http://www.w3.org/2000/svg", "rect");
-      h.setAttribute("rx", 0), h.setAttribute("ry", 0), h.setAttribute("width", m.width), h.setAttribute("height", m.height), x.insertBefore(h, x.firstChild);
-    }
-  }
-  Object.keys(o).forEach(function(f) {
-    const x = o[f];
-    if (x.link) {
-      const m = $("#" + l + ' [id="' + f + '"]');
-      if (m) {
-        const h = w.createElementNS("http://www.w3.org/2000/svg", "a");
-        h.setAttributeNS("http://www.w3.org/2000/svg", "class", x.classes.join(" ")), h.setAttributeNS("http://www.w3.org/2000/svg", "href", x.link), h.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener"), d === "sandbox" ? h.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top") : x.linkTarget && h.setAttributeNS("http://www.w3.org/2000/svg", "target", x.linkTarget);
-        const B = m.insert(function() {
-          return h;
-        }, ":first-child"), I = m.select(".label-container");
-        I && B.append(function() {
-          return I.node();
-        });
-        const D = m.select(".label");
-        D && B.append(function() {
-          return D.node();
-        });
-      }
-    }
-  });
-}, ue = {
-  setConf: te,
-  addVertices: M,
-  addEdges: R,
-  getClasses: re,
-  draw: le
-}, ae = (e, l) => {
-  const c = J, a = c(e, "r"), i = c(e, "g"), d = c(e, "b");
-  return U(a, i, d, l);
-}, oe = (e) => `.label {
-    font-family: ${e.fontFamily};
-    color: ${e.nodeTextColor || e.textColor};
-  }
-  .cluster-label text {
-    fill: ${e.titleColor};
-  }
-  .cluster-label span,p {
-    color: ${e.titleColor};
-  }
-
-  .label text,span,p {
-    fill: ${e.nodeTextColor || e.textColor};
-    color: ${e.nodeTextColor || e.textColor};
-  }
-
-  .node rect,
-  .node circle,
-  .node ellipse,
-  .node polygon,
-  .node path {
-    fill: ${e.mainBkg};
-    stroke: ${e.nodeBorder};
-    stroke-width: 1px;
-  }
-  .flowchart-label text {
-    text-anchor: middle;
-  }
-  // .flowchart-label .text-outer-tspan {
-  //   text-anchor: middle;
-  // }
-  // .flowchart-label .text-inner-tspan {
-  //   text-anchor: start;
-  // }
-
-  .node .katex path {
-    fill: #000;
-    stroke: #000;
-    stroke-width: 1px;
-  }
-
-  .node .label {
-    text-align: center;
-  }
-  .node.clickable {
-    cursor: pointer;
-  }
-
-  .arrowheadPath {
-    fill: ${e.arrowheadColor};
-  }
-
-  .edgePath .path {
-    stroke: ${e.lineColor};
-    stroke-width: 2.0px;
-  }
-
-  .flowchart-link {
-    stroke: ${e.lineColor};
-    fill: none;
-  }
-
-  .edgeLabel {
-    background-color: ${e.edgeLabelBackground};
-    rect {
-      opacity: 0.5;
-      background-color: ${e.edgeLabelBackground};
-      fill: ${e.edgeLabelBackground};
-    }
-    text-align: center;
-  }
-
-  /* For html labels only */
-  .labelBkg {
-    background-color: ${ae(e.edgeLabelBackground, 0.5)};
-    // background-color: 
-  }
-
-  .cluster rect {
-    fill: ${e.clusterBkg};
-    stroke: ${e.clusterBorder};
-    stroke-width: 1px;
-  }
-
-  .cluster text {
-    fill: ${e.titleColor};
-  }
-
-  .cluster span,p {
-    color: ${e.titleColor};
-  }
-  /* .cluster div {
-    color: ${e.titleColor};
-  } */
-
-  div.mermaidTooltip {
-    position: absolute;
-    text-align: center;
-    max-width: 200px;
-    padding: 2px;
-    font-family: ${e.fontFamily};
-    font-size: 12px;
-    background: ${e.tertiaryColor};
-    border: 1px solid ${e.border2};
-    border-radius: 2px;
-    pointer-events: none;
-    z-index: 100;
-  }
-
-  .flowchartTitleText {
-    text-anchor: middle;
-    font-size: 18px;
-    fill: ${e.textColor};
-  }
-`, we = oe;
-export {
-  ue as a,
-  O as b,
-  ee as c,
-  fe as d,
-  pe as e,
-  we as f,
-  be as g,
-  de as i,
-  Q as s
-};