lowcoder-comps 0.0.13 → 0.0.15

package/d285edec.js

@@ -0,0 +1,212 @@
+var B = (e, n, t) => new Promise((c, i) => {
+  var r = (l) => {
+    try {
+      a(t.next(l));
+    } catch (s) {
+      i(s);
+    }
+  }, o = (l) => {
+    try {
+      a(t.throw(l));
+    } catch (s) {
+      i(s);
+    }
+  }, a = (l) => l.done ? c(l.value) : Promise.resolve(l.value).then(r, o);
+  a((t = t.apply(e, n)).next());
+});
+import { p as X, d as M, s as Z, D as U, a as j, S as F, b as I, c as tt } from "./623efbe6.js";
+import { G as et } from "./86704c08.js";
+import { l as d, c as g, h as x, x as ot, i as st, j as w } from "./c7fbe06d.js";
+import { r as nt } from "./17e7d0bf.js";
+import "./23763b0f.js";
+import "./38d6cf93.js";
+import "./4bbdb65b.js";
+import "./1f647469.js";
+import "./2ff2c7a6.js";
+import "./256b619e.js";
+const A = "rect", C = "rectWithTitle", ct = "start", it = "end", rt = "divider", lt = "roundedWithTitle", at = "note", dt = "noteGroup", u = "statediagram", Et = "state", St = `${u}-${Et}`, V = "transition", Tt = "note", pt = "note-edge", _t = `${V} ${pt}`, ut = `${u}-${Tt}`, Dt = "cluster", ft = `${u}-${Dt}`, bt = "cluster-alt", ht = `${u}-${bt}`, Y = "parent", W = "note", At = "state", N = "----", yt = `${N}${W}`, H = `${N}${Y}`, z = "fill:none", m = "fill: #333", q = "c", K = "text", J = "normal";
+let y = {}, T = 0;
+const gt = function(e) {
+  const n = Object.keys(e);
+  for (const t of n)
+    e[t];
+}, $t = function(e, n) {
+  d.trace("Extracting classes"), n.db.clear();
+  try {
+    return n.parser.parse(e), n.db.extract(n.db.getRootDocV2()), n.db.getClasses();
+  } catch (t) {
+    return t;
+  }
+};
+function xt(e) {
+  return e == null ? "" : e.classes ? e.classes.join(" ") : "";
+}
+function R(e = "", n = 0, t = "", c = N) {
+  const i = t !== null && t.length > 0 ? `${c}${t}` : "";
+  return `${At}-${e}${i}-${n}`;
+}
+const h = (e, n, t, c, i, r) => {
+  const o = t.id, a = xt(c[o]);
+  if (o !== "root") {
+    let l = A;
+    t.start === !0 && (l = ct), t.start === !1 && (l = it), t.type !== U && (l = t.type), y[o] || (y[o] = {
+      id: o,
+      shape: l,
+      description: w.sanitizeText(o, g()),
+      classes: `${a} ${St}`
+    });
+    const s = y[o];
+    t.description && (Array.isArray(s.description) ? (s.shape = C, s.description.push(t.description)) : s.description.length > 0 ? (s.shape = C, s.description === o ? s.description = [t.description] : s.description = [s.description, t.description]) : (s.shape = A, s.description = t.description), s.description = w.sanitizeTextOrArray(s.description, g())), s.description.length === 1 && s.shape === C && (s.shape = A), !s.type && t.doc && (d.info("Setting cluster for ", o, G(t)), s.type = "group", s.dir = G(t), s.shape = t.type === j ? rt : lt, s.classes = s.classes + " " + ft + " " + (r ? ht : ""));
+    const _ = {
+      labelStyle: "",
+      shape: s.shape,
+      labelText: s.description,
+      // typeof newNode.description === 'object'
+      //   ? newNode.description[0]
+      //   : newNode.description,
+      classes: s.classes,
+      style: "",
+      //styles.style,
+      id: o,
+      dir: s.dir,
+      domId: R(o, T),
+      type: s.type,
+      padding: 15
+      //getConfig().flowchart.padding
+    };
+    if (_.centerLabel = !0, t.note) {
+      const E = {
+        labelStyle: "",
+        shape: at,
+        labelText: t.note.text,
+        classes: ut,
+        // useHtmlLabels: false,
+        style: "",
+        // styles.style,
+        id: o + yt + "-" + T,
+        domId: R(o, T, W),
+        type: s.type,
+        padding: 15
+        //getConfig().flowchart.padding
+      }, S = {
+        labelStyle: "",
+        shape: dt,
+        labelText: t.note.text,
+        classes: s.classes,
+        style: "",
+        // styles.style,
+        id: o + H,
+        domId: R(o, T, Y),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      T++;
+      const D = o + H;
+      e.setNode(D, S), e.setNode(E.id, E), e.setNode(o, _), e.setParent(o, D), e.setParent(E.id, D);
+      let p = o, f = E.id;
+      t.note.position === "left of" && (p = E.id, f = o), e.setEdge(p, f, {
+        arrowhead: "none",
+        arrowType: "",
+        style: z,
+        labelStyle: "",
+        classes: _t,
+        arrowheadStyle: m,
+        labelpos: q,
+        labelType: K,
+        thickness: J
+      });
+    } else
+      e.setNode(o, _);
+  }
+  n && n.id !== "root" && (d.trace("Setting node ", o, " to be child of its parent ", n.id), e.setParent(o, n.id)), t.doc && (d.trace("Adding nodes children "), Ct(e, t, t.doc, c, i, !r));
+}, Ct = (e, n, t, c, i, r) => {
+  d.trace("items", t), t.forEach((o) => {
+    switch (o.stmt) {
+      case I:
+        h(e, n, o, c, i, r);
+        break;
+      case U:
+        h(e, n, o, c, i, r);
+        break;
+      case F:
+        {
+          h(e, n, o.state1, c, i, r), h(e, n, o.state2, c, i, r);
+          const a = {
+            id: "edge" + T,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: z,
+            labelStyle: "",
+            label: w.sanitizeText(o.description, g()),
+            arrowheadStyle: m,
+            labelpos: q,
+            labelType: K,
+            thickness: J,
+            classes: V
+          };
+          e.setEdge(o.state1.id, o.state2.id, a, T), T++;
+        }
+        break;
+    }
+  });
+}, G = (e, n = tt) => {
+  let t = n;
+  if (e.doc)
+    for (let c = 0; c < e.doc.length; c++) {
+      const i = e.doc[c];
+      i.stmt === "dir" && (t = i.value);
+    }
+  return t;
+}, Rt = function(e, n, t, c) {
+  return B(this, null, function* () {
+    d.info("Drawing state diagram (v2)", n), y = {}, c.db.getDirection();
+    const { securityLevel: i, state: r } = g(), o = r.nodeSpacing || 50, a = r.rankSpacing || 50;
+    d.info(c.db.getRootDocV2()), c.db.extract(c.db.getRootDocV2()), d.info(c.db.getRootDocV2());
+    const l = c.db.getStates(), s = new et({
+      multigraph: !0,
+      compound: !0
+    }).setGraph({
+      rankdir: G(c.db.getRootDocV2()),
+      nodesep: o,
+      ranksep: a,
+      marginx: 8,
+      marginy: 8
+    }).setDefaultEdgeLabel(function() {
+      return {};
+    });
+    h(s, void 0, c.db.getRootDocV2(), l, c.db, !0);
+    let _;
+    i === "sandbox" && (_ = x("#i" + n));
+    const E = i === "sandbox" ? x(_.nodes()[0].contentDocument.body) : x("body"), S = E.select(`[id="${n}"]`), D = E.select("#" + n + " g");
+    yield nt(D, s, ["barb"], u, n);
+    const p = 8;
+    ot.insertTitle(S, "statediagramTitleText", r.titleTopMargin, c.db.getDiagramTitle());
+    const f = S.node().getBBox(), L = f.width + p * 2, P = f.height + p * 2;
+    S.attr("class", u);
+    const k = S.node().getBBox();
+    st(S, P, L, r.useMaxWidth);
+    const v = `${k.x - p} ${k.y - p} ${L} ${P}`;
+    d.debug(`viewBox ${v}`), S.attr("viewBox", v);
+    const Q = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
+    for (const $ of Q) {
+      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);
+    }
+  });
+}, wt = {
+  setConf: gt,
+  getClasses: $t,
+  draw: Rt
+}, Vt = {
+  parser: X,
+  db: M,
+  renderer: wt,
+  styles: Z,
+  init: (e) => {
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute, M.clear();
+  }
+};
+export {
+  Vt as diagram
+};