lowcoder-comps 0.0.13 → 0.0.15

package/0cec454e.js

@@ -0,0 +1,70 @@
+import { n as a } from "./c7fbe06d.js";
+const l = function(e, t) {
+  const r = e.append("rect");
+  if (r.attr("x", t.x), r.attr("y", t.y), r.attr("fill", t.fill), r.attr("stroke", t.stroke), r.attr("width", t.width), r.attr("height", t.height), r.attr("rx", t.rx), r.attr("ry", t.ry), t.attrs !== "undefined" && t.attrs !== null)
+    for (let n in t.attrs)
+      r.attr(n, t.attrs[n]);
+  return t.class !== "undefined" && r.attr("class", t.class), r;
+}, c = function(e, t) {
+  l(e, {
+    x: t.startx,
+    y: t.starty,
+    width: t.stopx - t.startx,
+    height: t.stopy - t.starty,
+    fill: t.fill,
+    stroke: t.stroke,
+    class: "rect"
+  }).lower();
+}, x = function(e, t) {
+  const r = t.text.replace(/<br\s*\/?>/gi, " "), n = e.append("text");
+  n.attr("x", t.x), n.attr("y", t.y), n.attr("class", "legend"), n.style("text-anchor", t.anchor), t.class !== void 0 && n.attr("class", t.class);
+  const s = n.append("tspan");
+  return s.attr("x", t.x + t.textMargin * 2), s.text(r), n;
+}, d = function(e, t, r, n) {
+  const s = e.append("image");
+  s.attr("x", t), s.attr("y", r);
+  var i = a(n);
+  s.attr("xlink:href", i);
+}, f = function(e, t, r, n) {
+  const s = e.append("use");
+  s.attr("x", t), s.attr("y", r);
+  const i = a(n);
+  s.attr("xlink:href", "#" + i);
+}, h = function() {
+  return {
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    fill: "#EDF2AE",
+    stroke: "#666",
+    anchor: "start",
+    rx: 0,
+    ry: 0
+  };
+}, g = function() {
+  return {
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100,
+    fill: void 0,
+    anchor: void 0,
+    "text-anchor": "start",
+    style: "#666",
+    textMargin: 0,
+    rx: 0,
+    ry: 0,
+    tspan: !0,
+    valign: void 0
+  };
+};
+export {
+  c as a,
+  f as b,
+  d as c,
+  l as d,
+  g as e,
+  x as f,
+  h as g
+};

package/0f86ef29.js

@@ -0,0 +1,451 @@
+var I = (e, l, s) => new Promise((a, i) => {
+  var p = (c) => {
+    try {
+      o(s.next(c));
+    } catch (r) {
+      i(r);
+    }
+  }, f = (c) => {
+    try {
+      o(s.throw(c));
+    } catch (r) {
+      i(r);
+    }
+  }, o = (c) => c.done ? a(c.value) : Promise.resolve(c.value).then(p, f);
+  o((s = s.apply(e, l)).next());
+});
+import { i as q, G as M } from "./86704c08.js";
+import { _ as R, C as F, v as U, p as N, l as w, q as H, c as C, j as G, r as $, o as E, h as _, x as W, t as X, y as J } from "./c7fbe06d.js";
+import { f as K } from "./1a864f3d.js";
+import { r as Q } from "./17e7d0bf.js";
+import { s as Y } from "./cf7adbfe.js";
+const Z = (e, l) => R.lang.round(F.parse(e)[l]), j = Z;
+function ue(e, l) {
+  return !!e.children(l).length;
+}
+function we(e) {
+  return L(e.v) + ":" + L(e.w) + ":" + L(e.name);
+}
+var O = /:/g;
+function L(e) {
+  return e ? String(e).replace(O, "\\:") : "";
+}
+function ee(e, l) {
+  l && e.attr("style", l);
+}
+function he(e, l, s) {
+  l && e.attr("class", l).attr("class", s + " " + e.attr("class"));
+}
+function ye(e, l) {
+  var s = l.graph();
+  if (q(s)) {
+    var a = s.transition;
+    if (U(a))
+      return a(e);
+  }
+  return e;
+}
+function te(e, l) {
+  var s = e.append("foreignObject").attr("width", "100000"), a = s.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);
+  }
+  ee(a, l.labelStyle), a.style("display", "inline-block"), a.style("white-space", "nowrap");
+  var p = a.node().getBoundingClientRect();
+  return s.attr("width", p.width).attr("height", p.height), s;
+}
+const z = {}, re = function(e) {
+  const l = Object.keys(e);
+  for (const s of l)
+    z[s] = e[s];
+}, P = function(e, l, s, a, i, p) {
+  const f = a.select(`[id="${s}"]`);
+  Object.keys(e).forEach(function(c) {
+    const r = e[c];
+    let g = "default";
+    r.classes.length > 0 && (g = r.classes.join(" ")), g = g + " flowchart-label";
+    const h = N(r.styles);
+    let t = r.text !== void 0 ? r.text : r.id, d;
+    if (w.info("vertex", r, r.labelType), r.labelType === "markdown")
+      w.info("vertex", r, r.labelType);
+    else if (H(C().flowchart.htmlLabels)) {
+      const m = {
+        label: t.replace(
+          /fa[blrs]?:fa-[\w-]+/g,
+          (k) => `<i class='${k.replace(":", " ")}'></i>`
+        )
+      };
+      d = te(f, m).node(), d.parentNode.removeChild(d);
+    } else {
+      const m = i.createElementNS("http://www.w3.org/2000/svg", "text");
+      m.setAttribute("style", h.labelStyle.replace("color:", "fill:"));
+      const k = t.split(G.lineBreakRegex);
+      for (const T of k) {
+        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 = T, m.appendChild(v);
+      }
+      d = m;
+    }
+    let b = 0, n = "";
+    switch (r.type) {
+      case "round":
+        b = 5, n = "rect";
+        break;
+      case "square":
+        n = "rect";
+        break;
+      case "diamond":
+        n = "question";
+        break;
+      case "hexagon":
+        n = "hexagon";
+        break;
+      case "odd":
+        n = "rect_left_inv_arrow";
+        break;
+      case "lean_right":
+        n = "lean_right";
+        break;
+      case "lean_left":
+        n = "lean_left";
+        break;
+      case "trapezoid":
+        n = "trapezoid";
+        break;
+      case "inv_trapezoid":
+        n = "inv_trapezoid";
+        break;
+      case "odd_right":
+        n = "rect_left_inv_arrow";
+        break;
+      case "circle":
+        n = "circle";
+        break;
+      case "ellipse":
+        n = "ellipse";
+        break;
+      case "stadium":
+        n = "stadium";
+        break;
+      case "subroutine":
+        n = "subroutine";
+        break;
+      case "cylinder":
+        n = "cylinder";
+        break;
+      case "group":
+        n = "rect";
+        break;
+      case "doublecircle":
+        n = "doublecircle";
+        break;
+      default:
+        n = "rect";
+    }
+    l.setNode(r.id, {
+      labelStyle: h.labelStyle,
+      shape: n,
+      labelText: t,
+      labelType: r.labelType,
+      rx: b,
+      ry: b,
+      class: g,
+      style: h.style,
+      id: r.id,
+      link: r.link,
+      linkTarget: r.linkTarget,
+      tooltip: p.db.getTooltip(r.id) || "",
+      domId: p.db.lookUpDomId(r.id),
+      haveCallback: r.haveCallback,
+      width: r.type === "group" ? 500 : void 0,
+      dir: r.dir,
+      type: r.type,
+      props: r.props,
+      padding: C().flowchart.padding
+    }), w.info("setNode", {
+      labelStyle: h.labelStyle,
+      labelType: r.labelType,
+      shape: n,
+      labelText: t,
+      rx: b,
+      ry: b,
+      class: g,
+      style: h.style,
+      id: r.id,
+      domId: p.db.lookUpDomId(r.id),
+      width: r.type === "group" ? 500 : void 0,
+      type: r.type,
+      dir: r.dir,
+      props: r.props,
+      padding: C().flowchart.padding
+    });
+  });
+}, V = function(e, l, s) {
+  w.info("abc78 edges = ", e);
+  let a = 0, i = {}, p, f;
+  if (e.defaultStyle !== void 0) {
+    const o = N(e.defaultStyle);
+    p = o.style, f = o.labelStyle;
+  }
+  e.forEach(function(o) {
+    a++;
+    const c = "L-" + o.start + "-" + o.end;
+    i[c] === void 0 ? (i[c] = 0, w.info("abc78 new entry", c, i[c])) : (i[c]++, w.info("abc78 new entry", c, i[c]));
+    let r = c + "-" + i[c];
+    w.info("abc78 new link id to be used is", c, r, i[c]);
+    const g = "LS-" + o.start, h = "LE-" + o.end, t = { style: "", labelStyle: "" };
+    switch (t.minlen = o.length || 1, o.type === "arrow_open" ? t.arrowhead = "none" : t.arrowhead = "normal", t.arrowTypeStart = "arrow_open", t.arrowTypeEnd = "arrow_open", o.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 d = "", b = "";
+    switch (o.stroke) {
+      case "normal":
+        d = "fill:none;", p !== void 0 && (d = p), f !== void 0 && (b = f), 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 (o.style !== void 0) {
+      const n = N(o.style);
+      d = n.style, b = n.labelStyle;
+    }
+    t.style = t.style += d, t.labelStyle = t.labelStyle += b, o.interpolate !== void 0 ? t.curve = $(o.interpolate, E) : e.defaultInterpolate !== void 0 ? t.curve = $(e.defaultInterpolate, E) : t.curve = $(z.curve, E), o.text === void 0 ? o.style !== void 0 && (t.arrowheadStyle = "fill: #333") : (t.arrowheadStyle = "fill: #333", t.labelpos = "c"), t.labelType = o.labelType, t.label = o.text.replace(G.lineBreakRegex, `
+`), o.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 " + g + " " + h, l.setEdge(o.start, o.end, t, a);
+  });
+}, le = function(e, l) {
+  w.info("Extracting classes"), l.db.clear();
+  try {
+    return l.parse(e), l.db.getClasses();
+  } catch (s) {
+    return;
+  }
+}, ae = function(e, l, s, a) {
+  return I(this, null, function* () {
+    w.info("Drawing flowchart"), a.db.clear(), K.setGen("gen-2"), a.parser.parse(e);
+    let i = a.db.getDirection();
+    i === void 0 && (i = "TD");
+    const { securityLevel: p, flowchart: f } = C(), o = f.nodeSpacing || 50, c = f.rankSpacing || 50;
+    let r;
+    p === "sandbox" && (r = _("#i" + l));
+    const g = p === "sandbox" ? _(r.nodes()[0].contentDocument.body) : _("body"), h = p === "sandbox" ? r.nodes()[0].contentDocument : document, t = new M({
+      multigraph: !0,
+      compound: !0
+    }).setGraph({
+      rankdir: i,
+      nodesep: o,
+      ranksep: c,
+      marginx: 0,
+      marginy: 0
+    }).setDefaultEdgeLabel(function() {
+      return {};
+    });
+    let d;
+    const b = a.db.getSubGraphs();
+    w.info("Subgraphs - ", b);
+    for (let u = b.length - 1; u >= 0; u--)
+      d = b[u], w.info("Subgraph - ", d), a.db.addVertex(
+        d.id,
+        { text: d.title, type: d.labelType },
+        "group",
+        void 0,
+        d.classes,
+        d.dir
+      );
+    const n = a.db.getVertices(), m = a.db.getEdges();
+    w.info("Edges", m);
+    let k = 0;
+    for (k = b.length - 1; k >= 0; k--) {
+      d = b[k], Y("cluster").append("text");
+      for (let u = 0; u < d.nodes.length; u++)
+        w.info("Setting up subgraphs", d.nodes[u], d.id), t.setParent(d.nodes[u], d.id);
+    }
+    P(n, t, l, g, h, a), V(m, t);
+    const T = g.select(`[id="${l}"]`), v = g.select("#" + l + " g");
+    if (yield Q(v, t, ["point", "circle", "cross"], "flowchart", l), W.insertTitle(T, "flowchartTitleText", f.titleTopMargin, a.db.getDiagramTitle()), X(t, T, f.diagramPadding, f.useMaxWidth), a.db.indexNodes("subGraph" + k), !f.htmlLabels) {
+      const u = h.querySelectorAll('[id="' + l + '"] .edgeLabel .label');
+      for (const x of u) {
+        const S = x.getBBox(), y = h.createElementNS("http://www.w3.org/2000/svg", "rect");
+        y.setAttribute("rx", 0), y.setAttribute("ry", 0), y.setAttribute("width", S.width), y.setAttribute("height", S.height), x.insertBefore(y, x.firstChild);
+      }
+    }
+    Object.keys(n).forEach(function(u) {
+      const x = n[u];
+      if (x.link) {
+        const S = _("#" + l + ' [id="' + u + '"]');
+        if (S) {
+          const y = h.createElementNS("http://www.w3.org/2000/svg", "a");
+          y.setAttributeNS("http://www.w3.org/2000/svg", "class", x.classes.join(" ")), y.setAttributeNS("http://www.w3.org/2000/svg", "href", x.link), y.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener"), p === "sandbox" ? y.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top") : x.linkTarget && y.setAttributeNS("http://www.w3.org/2000/svg", "target", x.linkTarget);
+          const A = S.insert(function() {
+            return y;
+          }, ":first-child"), B = S.select(".label-container");
+          B && A.append(function() {
+            return B.node();
+          });
+          const D = S.select(".label");
+          D && A.append(function() {
+            return D.node();
+          });
+        }
+      }
+    });
+  });
+}, ge = {
+  setConf: re,
+  addVertices: P,
+  addEdges: V,
+  getClasses: le,
+  draw: ae
+}, oe = (e, l) => {
+  const s = j, a = s(e, "r"), i = s(e, "g"), p = s(e, "b");
+  return J(a, i, p, l);
+}, ne = (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 .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: ${oe(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};
+  }
+`, ke = ne;
+export {
+  ee as a,
+  te as b,
+  ye as c,
+  he as d,
+  we as e,
+  ge as f,
+  ke as g,
+  ue as i
+};