lowcoder-comps 0.0.8 → 0.0.9

package/package/3cd7980e.js

@@ -1,184 +0,0 @@
-import { p as Q, d as B, s as X, D as H, a as Z, S as F, b as j, c as I } from "./37590a81.js";
-import { G as tt } from "./945eefb3.js";
-import { l, c as g, h as x, y as et, i as ot, k as G } from "./2b3ab1e4.js";
-import { r as st } from "./eaa160c9.js";
-import "./06481cb7.js";
-import "./a60de5d1.js";
-import "./a4d12a43.js";
-import "./012a06bb.js";
-import "./0c8b29d5.js";
-import "./e0f479f3.js";
-const A = "rect", C = "rectWithTitle", nt = "start", ct = "end", it = "divider", rt = "roundedWithTitle", lt = "note", at = "noteGroup", _ = "statediagram", dt = "state", Et = `${_}-${dt}`, U = "transition", St = "note", Tt = "note-edge", pt = `${U} ${Tt}`, _t = `${_}-${St}`, ut = "cluster", Dt = `${_}-${ut}`, ft = "cluster-alt", bt = `${_}-${ft}`, V = "parent", Y = "note", ht = "state", N = "----", At = `${N}${Y}`, M = `${N}${V}`, W = "fill:none", z = "fill: #333", m = "c", q = "text", K = "normal";
-let y = {}, E = 0;
-const yt = function(t) {
-  const n = Object.keys(t);
-  for (const e of n)
-    t[e];
-}, gt = function(t, n) {
-  l.trace("Extracting classes"), n.db.clear();
-  try {
-    return n.parser.parse(t), n.db.extract(n.db.getRootDocV2()), n.db.getClasses();
-  } catch (e) {
-    return e;
-  }
-};
-function $t(t) {
-  return t == null ? "" : t.classes ? t.classes.join(" ") : "";
-}
-function R(t = "", n = 0, e = "", c = N) {
-  const i = e !== null && e.length > 0 ? `${c}${e}` : "";
-  return `${ht}-${t}${i}-${n}`;
-}
-const h = (t, n, e, c, i, r) => {
-  const o = e.id, u = $t(c[o]);
-  if (o !== "root") {
-    let T = A;
-    e.start === !0 && (T = nt), e.start === !1 && (T = ct), e.type !== H && (T = e.type), y[o] || (y[o] = {
-      id: o,
-      shape: T,
-      description: G.sanitizeText(o, g()),
-      classes: `${u} ${Et}`
-    });
-    const s = y[o];
-    e.description && (Array.isArray(s.description) ? (s.shape = C, s.description.push(e.description)) : s.description.length > 0 ? (s.shape = C, s.description === o ? s.description = [e.description] : s.description = [s.description, e.description]) : (s.shape = A, s.description = e.description), s.description = G.sanitizeTextOrArray(s.description, g())), s.description.length === 1 && s.shape === C && (s.shape = A), !s.type && e.doc && (l.info("Setting cluster for ", o, w(e)), s.type = "group", s.dir = w(e), s.shape = e.type === Z ? it : rt, s.classes = s.classes + " " + Dt + " " + (r ? bt : ""));
-    const p = {
-      labelStyle: "",
-      shape: s.shape,
-      labelText: s.description,
-      classes: s.classes,
-      style: "",
-      id: o,
-      dir: s.dir,
-      domId: R(o, E),
-      type: s.type,
-      padding: 15
-    };
-    if (p.centerLabel = !0, e.note) {
-      const a = {
-        labelStyle: "",
-        shape: lt,
-        labelText: e.note.text,
-        classes: _t,
-        style: "",
-        id: o + At + "-" + E,
-        domId: R(o, E, Y),
-        type: s.type,
-        padding: 15
-      }, d = {
-        labelStyle: "",
-        shape: at,
-        labelText: e.note.text,
-        classes: s.classes,
-        style: "",
-        id: o + M,
-        domId: R(o, E, V),
-        type: "group",
-        padding: 0
-      };
-      E++;
-      const D = o + M;
-      t.setNode(D, d), t.setNode(a.id, a), t.setNode(o, p), t.setParent(o, D), t.setParent(a.id, D);
-      let S = o, f = a.id;
-      e.note.position === "left of" && (S = a.id, f = o), t.setEdge(S, f, {
-        arrowhead: "none",
-        arrowType: "",
-        style: W,
-        labelStyle: "",
-        classes: pt,
-        arrowheadStyle: z,
-        labelpos: m,
-        labelType: q,
-        thickness: K
-      });
-    } else
-      t.setNode(o, p);
-  }
-  n && n.id !== "root" && (l.trace("Setting node ", o, " to be child of its parent ", n.id), t.setParent(o, n.id)), e.doc && (l.trace("Adding nodes children "), xt(t, e, e.doc, c, i, !r));
-}, xt = (t, n, e, c, i, r) => {
-  l.trace("items", e), e.forEach((o) => {
-    switch (o.stmt) {
-      case j:
-        h(t, n, o, c, i, r);
-        break;
-      case H:
-        h(t, n, o, c, i, r);
-        break;
-      case F:
-        {
-          h(t, n, o.state1, c, i, r), h(t, n, o.state2, c, i, r);
-          const u = {
-            id: "edge" + E,
-            arrowhead: "normal",
-            arrowTypeEnd: "arrow_barb",
-            style: W,
-            labelStyle: "",
-            label: G.sanitizeText(o.description, g()),
-            arrowheadStyle: z,
-            labelpos: m,
-            labelType: q,
-            thickness: K,
-            classes: U
-          };
-          t.setEdge(o.state1.id, o.state2.id, u, E), E++;
-        }
-        break;
-    }
-  });
-}, w = (t, n = I) => {
-  let e = n;
-  if (t.doc)
-    for (let c = 0; c < t.doc.length; c++) {
-      const i = t.doc[c];
-      i.stmt === "dir" && (e = i.value);
-    }
-  return e;
-}, Ct = function(t, n, e, c) {
-  l.info("Drawing state diagram (v2)", n), y = {}, c.db.getDirection();
-  const { securityLevel: i, state: r } = g(), o = r.nodeSpacing || 50, u = r.rankSpacing || 50;
-  l.info(c.db.getRootDocV2()), c.db.extract(c.db.getRootDocV2()), l.info(c.db.getRootDocV2());
-  const T = c.db.getStates(), s = new tt({
-    multigraph: !0,
-    compound: !0
-  }).setGraph({
-    rankdir: w(c.db.getRootDocV2()),
-    nodesep: o,
-    ranksep: u,
-    marginx: 8,
-    marginy: 8
-  }).setDefaultEdgeLabel(function() {
-    return {};
-  });
-  h(s, void 0, c.db.getRootDocV2(), T, c.db, !0);
-  let p;
-  i === "sandbox" && (p = x("#i" + n));
-  const a = i === "sandbox" ? x(p.nodes()[0].contentDocument.body) : x("body"), d = a.select(`[id="${n}"]`), D = a.select("#" + n + " g");
-  st(D, s, ["barb"], _, n);
-  const S = 8;
-  et.insertTitle(d, "statediagramTitleText", r.titleTopMargin, c.db.getDiagramTitle());
-  const f = d.node().getBBox(), L = f.width + S * 2, P = f.height + S * 2;
-  d.attr("class", _);
-  const k = d.node().getBBox();
-  ot(d, P, L, r.useMaxWidth);
-  const v = `${k.x - S} ${k.y - S} ${L} ${P}`;
-  l.debug(`viewBox ${v}`), d.attr("viewBox", v);
-  const J = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
-  for (const $ of J) {
-    const O = $.getBBox(), b = document.createElementNS("http://www.w3.org/2000/svg", A);
-    b.setAttribute("rx", 0), b.setAttribute("ry", 0), b.setAttribute("width", O.width), b.setAttribute("height", O.height), $.insertBefore(b, $.firstChild);
-  }
-}, Rt = {
-  setConf: yt,
-  getClasses: gt,
-  draw: Ct
-}, Ht = {
-  parser: Q,
-  db: B,
-  renderer: Rt,
-  styles: X,
-  init: (t) => {
-    t.state || (t.state = {}), t.state.arrowMarkerAbsolute = t.arrowMarkerAbsolute, B.clear();
-  }
-};
-export {
-  Ht as diagram
-};

package/package/40112498.js

@@ -1,424 +0,0 @@
-import { i as V, G as q } from "./945eefb3.js";
-import { X as M, p as N, l as u, q as R, c as C, k as I, r as $, o as E, h as _, y as F, t as U } from "./2b3ab1e4.js";
-import { f as X } from "./1cee31ec.js";
-import { r as H } from "./eaa160c9.js";
-import { s as W } from "./b4148642.js";
-function se(e, l) {
-  return !!e.children(l).length;
-}
-function ne(e) {
-  return L(e.v) + ":" + L(e.w) + ":" + L(e.name);
-}
-var J = /:/g;
-function L(e) {
-  return e ? String(e).replace(J, "\\:") : "";
-}
-function K(e, l) {
-  l && e.attr("style", l);
-}
-function ie(e, l, c) {
-  l && e.attr("class", l).attr("class", c + " " + e.attr("class"));
-}
-function ce(e, l) {
-  var c = l.graph();
-  if (V(c)) {
-    var a = c.transition;
-    if (M(a))
-      return a(e);
-  }
-  return e;
-}
-function Q(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);
-  }
-  K(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 G = {}, Y = function(e) {
-  const l = Object.keys(e);
-  for (const c of l)
-    G[c] = e[c];
-}, z = function(e, l, c, a, i, d) {
-  const w = a.select(`[id="${c}"]`);
-  Object.keys(e).forEach(function(p) {
-    const r = e[p];
-    let k = "default";
-    r.classes.length > 0 && (k = r.classes.join(" ")), k = k + " flowchart-label";
-    const h = N(r.styles);
-    let t = r.text !== void 0 ? r.text : r.id, n;
-    if (u.info("vertex", r, r.labelType), r.labelType === "markdown")
-      u.info("vertex", r, r.labelType);
-    else if (R(C().flowchart.htmlLabels)) {
-      const v = {
-        label: t.replace(
-          /fa[blrs]?:fa-[\w-]+/g,
-          (g) => `<i class='${g.replace(":", " ")}'></i>`
-        )
-      };
-      n = Q(w, v).node(), n.parentNode.removeChild(n);
-    } else {
-      const v = i.createElementNS("http://www.w3.org/2000/svg", "text");
-      v.setAttribute("style", h.labelStyle.replace("color:", "fill:"));
-      const g = t.split(I.lineBreakRegex);
-      for (const T of g) {
-        const m = i.createElementNS("http://www.w3.org/2000/svg", "tspan");
-        m.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), m.setAttribute("dy", "1em"), m.setAttribute("x", "1"), m.textContent = T, v.appendChild(m);
-      }
-      n = v;
-    }
-    let f = 0, o = "";
-    switch (r.type) {
-      case "round":
-        f = 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";
-    }
-    l.setNode(r.id, {
-      labelStyle: h.labelStyle,
-      shape: o,
-      labelText: t,
-      labelType: r.labelType,
-      rx: f,
-      ry: f,
-      class: k,
-      style: h.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: C().flowchart.padding
-    }), u.info("setNode", {
-      labelStyle: h.labelStyle,
-      labelType: r.labelType,
-      shape: o,
-      labelText: t,
-      rx: f,
-      ry: f,
-      class: k,
-      style: h.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: C().flowchart.padding
-    });
-  });
-}, P = function(e, l, c) {
-  u.info("abc78 edges = ", e);
-  let a = 0, i = {}, d, w;
-  if (e.defaultStyle !== void 0) {
-    const s = N(e.defaultStyle);
-    d = s.style, w = s.labelStyle;
-  }
-  e.forEach(function(s) {
-    a++;
-    var p = "L-" + s.start + "-" + s.end;
-    i[p] === void 0 ? (i[p] = 0, u.info("abc78 new entry", p, i[p])) : (i[p]++, u.info("abc78 new entry", p, i[p]));
-    let r = p + "-" + i[p];
-    u.info("abc78 new link id to be used is", p, r, i[p]);
-    var k = "LS-" + s.start, h = "LE-" + s.end;
-    const t = { style: "", labelStyle: "" };
-    switch (t.minlen = s.length || 1, s.type === "arrow_open" ? t.arrowhead = "none" : t.arrowhead = "normal", t.arrowTypeStart = "arrow_open", t.arrowTypeEnd = "arrow_open", s.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 n = "", f = "";
-    switch (s.stroke) {
-      case "normal":
-        n = "fill:none;", d !== void 0 && (n = d), w !== void 0 && (f = w), 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 (s.style !== void 0) {
-      const o = N(s.style);
-      n = o.style, f = o.labelStyle;
-    }
-    t.style = t.style += n, t.labelStyle = t.labelStyle += f, s.interpolate !== void 0 ? t.curve = $(s.interpolate, E) : e.defaultInterpolate !== void 0 ? t.curve = $(e.defaultInterpolate, E) : t.curve = $(G.curve, E), s.text === void 0 ? s.style !== void 0 && (t.arrowheadStyle = "fill: #333") : (t.arrowheadStyle = "fill: #333", t.labelpos = "c"), t.labelType = s.labelType, t.label = s.text.replace(I.lineBreakRegex, `
-`), s.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 " + k + " " + h, l.setEdge(s.start, s.end, t, a);
-  });
-}, Z = function(e, l) {
-  u.info("Extracting classes"), l.db.clear();
-  try {
-    return l.parse(e), l.db.getClasses();
-  } catch (c) {
-    return;
-  }
-}, j = function(e, l, c, a) {
-  u.info("Drawing flowchart"), a.db.clear(), X.setGen("gen-2"), a.parser.parse(e);
-  let i = a.db.getDirection();
-  i === void 0 && (i = "TD");
-  const { securityLevel: d, flowchart: w } = C(), s = w.nodeSpacing || 50, p = w.rankSpacing || 50;
-  let r;
-  d === "sandbox" && (r = _("#i" + l));
-  const k = d === "sandbox" ? _(r.nodes()[0].contentDocument.body) : _("body"), h = d === "sandbox" ? r.nodes()[0].contentDocument : document, t = new q({
-    multigraph: !0,
-    compound: !0
-  }).setGraph({
-    rankdir: i,
-    nodesep: s,
-    ranksep: p,
-    marginx: 0,
-    marginy: 0
-  }).setDefaultEdgeLabel(function() {
-    return {};
-  });
-  let n;
-  const f = a.db.getSubGraphs();
-  u.info("Subgraphs - ", f);
-  for (let b = f.length - 1; b >= 0; b--)
-    n = f[b], u.info("Subgraph - ", n), a.db.addVertex(
-      n.id,
-      { text: n.title, type: n.labelType },
-      "group",
-      void 0,
-      n.classes,
-      n.dir
-    );
-  const o = a.db.getVertices(), v = a.db.getEdges();
-  u.info("Edges", v);
-  let g = 0;
-  for (g = f.length - 1; g >= 0; g--) {
-    n = f[g], W("cluster").append("text");
-    for (let b = 0; b < n.nodes.length; b++)
-      u.info("Setting up subgraphs", n.nodes[b], n.id), t.setParent(n.nodes[b], n.id);
-  }
-  z(o, t, l, k, h, a), P(v, t);
-  const T = k.select(`[id="${l}"]`), m = k.select("#" + l + " g");
-  if (H(m, t, ["point", "circle", "cross"], "flowchart", l), F.insertTitle(T, "flowchartTitleText", w.titleTopMargin, a.db.getDiagramTitle()), U(t, T, w.diagramPadding, w.useMaxWidth), a.db.indexNodes("subGraph" + g), !w.htmlLabels) {
-    const b = h.querySelectorAll('[id="' + l + '"] .edgeLabel .label');
-    for (const x of b) {
-      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(o).forEach(function(b) {
-    const x = o[b];
-    if (x.link) {
-      const S = _("#" + l + ' [id="' + b + '"]');
-      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"), d === "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();
-        });
-      }
-    }
-  });
-}, de = {
-  setConf: Y,
-  addVertices: z,
-  addEdges: P,
-  getClasses: Z,
-  draw: j
-}, O = (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;
-  }
-
-  .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};
-  }
-`, pe = O;
-export {
-  K as a,
-  Q as b,
-  ce as c,
-  ie as d,
-  ne as e,
-  de as f,
-  pe as g,
-  se as i
-};

package/package/4b6e1d6f.js

@@ -1,24 +0,0 @@
-import { p as e, f as o } from "./1cee31ec.js";
-import { f as t, g as a } from "./40112498.js";
-import { a4 as s } from "./2b3ab1e4.js";
-import "./945eefb3.js";
-import "./06481cb7.js";
-import "./eaa160c9.js";
-import "./a60de5d1.js";
-import "./a4d12a43.js";
-import "./012a06bb.js";
-import "./0c8b29d5.js";
-import "./e0f479f3.js";
-import "./b4148642.js";
-const A = {
-  parser: e,
-  db: o,
-  renderer: t,
-  styles: a,
-  init: (r) => {
-    r.flowchart || (r.flowchart = {}), r.flowchart.arrowMarkerAbsolute = r.arrowMarkerAbsolute, s({ flowchart: { arrowMarkerAbsolute: r.arrowMarkerAbsolute } }), t.setConf(r.flowchart), o.clear(), o.setGen("gen-2");
-  }
-};
-export {
-  A as diagram
-};