lowcoder-comps 0.0.19 → 0.0.21

package/31b1cdd2.js

@@ -0,0 +1,236 @@
+var F = Object.defineProperty;
+var A = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var $ = (l, t, n) => t in l ? F(l, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : l[t] = n, k = (l, t) => {
+  for (var n in t || (t = {}))
+    H.call(t, n) && $(l, n, t[n]);
+  if (A)
+    for (var n of A(t))
+      V.call(t, n) && $(l, n, t[n]);
+  return l;
+};
+var I = (l, t, n) => new Promise((i, e) => {
+  var c = (o) => {
+    try {
+      r(n.next(o));
+    } catch (a) {
+      e(a);
+    }
+  }, s = (o) => {
+    try {
+      r(n.throw(o));
+    } catch (a) {
+      e(a);
+    }
+  }, r = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(c, s);
+  r((n = n.apply(l, t)).next());
+});
+import { p as W, d as M, s as J } from "./3087113d.js";
+import { l as p, c as d, h as S, x as K, t as Q, r as B, o as G, p as U, j as z } from "./9f3281b9.js";
+import { G as X } from "./4d1cf087.js";
+import { r as Y } from "./8d8e98a7.js";
+import "./39f71758.js";
+import "./fea654db.js";
+import "./75095038.js";
+import "./7c62ef63.js";
+import "./2ff2c7a6.js";
+import "./256b619e.js";
+const L = (l) => z.sanitizeText(l, d());
+let T = {
+  dividerMargin: 10,
+  padding: 5,
+  textHeight: 10,
+  curve: void 0
+};
+const Z = function(l, t, n, i) {
+  const e = Object.keys(l);
+  p.info("keys:", e), p.info(l), e.forEach(function(c) {
+    var y;
+    var s, r;
+    const o = l[c], f = {
+      shape: "rect",
+      id: o.id,
+      domId: o.domId,
+      labelText: L(o.id),
+      labelStyle: "",
+      style: "fill: none; stroke: black",
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: (y = (s = d().flowchart) == null ? void 0 : s.padding) != null ? y : (r = d().class) == null ? void 0 : r.padding
+    };
+    t.setNode(o.id, f), P(o.classes, t, n, i, o.id), p.info("setNode", f);
+  });
+}, P = function(l, t, n, i, e) {
+  const c = Object.keys(l);
+  p.info("keys:", c), p.info(l), c.filter((s) => l[s].parent == e).forEach(function(s) {
+    var x, h;
+    var r, o;
+    const a = l[s], f = a.cssClasses.join(" "), y = { labelStyle: "", style: "" }, v = (x = a.label) != null ? x : a.id, b = 0, m = "class_box", u = {
+      labelStyle: y.labelStyle,
+      shape: m,
+      labelText: L(v),
+      classData: a,
+      rx: b,
+      ry: b,
+      class: f,
+      style: y.style,
+      id: a.id,
+      domId: a.domId,
+      tooltip: i.db.getTooltip(a.id, e) || "",
+      haveCallback: a.haveCallback,
+      link: a.link,
+      width: a.type === "group" ? 500 : void 0,
+      type: a.type,
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: (h = (r = d().flowchart) == null ? void 0 : r.padding) != null ? h : (o = d().class) == null ? void 0 : o.padding
+    };
+    t.setNode(a.id, u), e && t.setParent(a.id, e), p.info("setNode", u);
+  });
+}, j = function(l, t, n, i) {
+  p.info(l), l.forEach(function(e, c) {
+    var h;
+    var s, r;
+    const o = e, a = "", f = { labelStyle: "", style: "" }, y = o.text, v = 0, b = "note", m = {
+      labelStyle: f.labelStyle,
+      shape: b,
+      labelText: L(y),
+      noteData: o,
+      rx: v,
+      ry: v,
+      class: a,
+      style: f.style,
+      id: o.id,
+      domId: o.id,
+      tooltip: "",
+      type: "note",
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: (h = (s = d().flowchart) == null ? void 0 : s.padding) != null ? h : (r = d().class) == null ? void 0 : r.padding
+    };
+    if (t.setNode(o.id, m), p.info("setNode", m), !o.class || !(o.class in i))
+      return;
+    const u = n + c, x = {
+      id: `edgeNote${u}`,
+      //Set relationship style and line type
+      classes: "relation",
+      pattern: "dotted",
+      // Set link type for rendering
+      arrowhead: "none",
+      //Set edge extra labels
+      startLabelRight: "",
+      endLabelLeft: "",
+      //Set relation arrow types
+      arrowTypeStart: "none",
+      arrowTypeEnd: "none",
+      style: "fill:none",
+      labelStyle: "",
+      curve: B(T.curve, G)
+    };
+    t.setEdge(o.id, o.class, x, u);
+  });
+}, O = function(l, t) {
+  const n = d().flowchart;
+  let i = 0;
+  l.forEach(function(e) {
+    var r;
+    var c;
+    i++;
+    const s = {
+      //Set relationship style and line type
+      classes: "relation",
+      pattern: e.relation.lineType == 1 ? "dashed" : "solid",
+      id: "id" + i,
+      // Set link type for rendering
+      arrowhead: e.type === "arrow_open" ? "none" : "normal",
+      //Set edge extra labels
+      startLabelRight: e.relationTitle1 === "none" ? "" : e.relationTitle1,
+      endLabelLeft: e.relationTitle2 === "none" ? "" : e.relationTitle2,
+      //Set relation arrow types
+      arrowTypeStart: R(e.relation.type1),
+      arrowTypeEnd: R(e.relation.type2),
+      style: "fill:none",
+      labelStyle: "",
+      curve: B(n == null ? void 0 : n.curve, G)
+    };
+    if (p.info(s, e), e.style !== void 0) {
+      const o = U(e.style);
+      s.style = o.style, s.labelStyle = o.labelStyle;
+    }
+    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((r = (c = d().flowchart) == null ? void 0 : c.htmlLabels) != null ? r : d().htmlLabels) ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(z.lineBreakRegex, `
+`), e.style === void 0 && (s.style = s.style || "stroke: #333; stroke-width: 1.5px;fill:none"), s.labelStyle = s.labelStyle.replace("color:", "fill:"))), t.setEdge(e.id1, e.id2, s, i);
+  });
+}, ee = function(l) {
+  T = k(k({}, T), l);
+}, te = function(l, t, n, i) {
+  return I(this, null, function* () {
+    var h, N, D, E;
+    p.info("Drawing class - ", t);
+    const e = (h = d().flowchart) != null ? h : d().class, c = d().securityLevel;
+    p.info("config:", e);
+    const s = (N = e == null ? void 0 : e.nodeSpacing) != null ? N : 50, r = (D = e == null ? void 0 : e.rankSpacing) != null ? D : 50, o = new X({
+      multigraph: !0,
+      compound: !0
+    }).setGraph({
+      rankdir: i.db.getDirection(),
+      nodesep: s,
+      ranksep: r,
+      marginx: 8,
+      marginy: 8
+    }).setDefaultEdgeLabel(function() {
+      return {};
+    }), a = i.db.getNamespaces(), f = i.db.getClasses(), y = i.db.getRelations(), v = i.db.getNotes();
+    p.info(y), Z(a, o, t, i), P(f, o, t, i), O(y, o), j(v, o, y.length + 1, f);
+    let b;
+    c === "sandbox" && (b = S("#i" + t));
+    const m = c === "sandbox" ? S(b.nodes()[0].contentDocument.body) : S("body"), u = m.select(`[id="${t}"]`), x = m.select("#" + t + " g");
+    if (yield Y(
+      x,
+      o,
+      ["aggregation", "extension", "composition", "dependency", "lollipop"],
+      "classDiagram",
+      t
+    ), K.insertTitle(u, "classTitleText", (E = e == null ? void 0 : e.titleTopMargin) != null ? E : 5, i.db.getDiagramTitle()), Q(o, u, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
+      const _ = c === "sandbox" ? b.nodes()[0].contentDocument : document, q = _.querySelectorAll('[id="' + t + '"] .edgeLabel .label');
+      for (const w of q) {
+        const C = w.getBBox(), g = _.createElementNS("http://www.w3.org/2000/svg", "rect");
+        g.setAttribute("rx", 0), g.setAttribute("ry", 0), g.setAttribute("width", C.width), g.setAttribute("height", C.height), w.insertBefore(g, w.firstChild);
+      }
+    }
+  });
+};
+function R(l) {
+  let t;
+  switch (l) {
+    case 0:
+      t = "aggregation";
+      break;
+    case 1:
+      t = "extension";
+      break;
+    case 2:
+      t = "composition";
+      break;
+    case 3:
+      t = "dependency";
+      break;
+    case 4:
+      t = "lollipop";
+      break;
+    default:
+      t = "none";
+  }
+  return t;
+}
+const oe = {
+  setConf: ee,
+  draw: te
+}, be = {
+  parser: W,
+  db: M,
+  renderer: oe,
+  styles: J,
+  init: (l) => {
+    l.class || (l.class = {}), l.class.arrowMarkerAbsolute = l.arrowMarkerAbsolute, M.clear();
+  }
+};
+export {
+  be as diagram
+};