@layers-app/editor 0.3.11 → 0.4.0

package/dist/layers.Do3LJDis.js

@@ -0,0 +1,202 @@
+import { s as M, d as _, p as R } from "./layers.BkrI3eMq.js";
+import { l as d, g as c, d as w, u as B, Y as G, j as D, _ as E, $ as C, a0 as $ } from "./layers.Bfw0Gunv.js";
+import { G as z } from "./layers.C7lIplJU.js";
+import { r as P } from "./layers.BFlWA9Iz.js";
+import "./layers.B1VZZIP7.js";
+import "lodash-es";
+import "./layers.D4fGb2cV.js";
+const S = (s) => D.sanitizeText(s, c());
+let k = {
+  dividerMargin: 10,
+  padding: 5,
+  textHeight: 10,
+  curve: void 0
+};
+const q = function(s, t, y, a) {
+  const e = Object.keys(s);
+  d.info("keys:", e), d.info(s), e.forEach(function(i) {
+    var o, r;
+    const l = s[i], p = {
+      shape: "rect",
+      id: l.id,
+      domId: l.domId,
+      labelText: S(l.id),
+      labelStyle: "",
+      style: "fill: none; stroke: black",
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: ((o = c().flowchart) == null ? void 0 : o.padding) ?? ((r = c().class) == null ? void 0 : r.padding)
+    };
+    t.setNode(l.id, p), A(l.classes, t, y, a, l.id), d.info("setNode", p);
+  });
+}, A = function(s, t, y, a, e) {
+  const i = Object.keys(s);
+  d.info("keys:", i), d.info(s), i.filter((o) => s[o].parent == e).forEach(function(o) {
+    var r, l;
+    const n = s[o], p = n.cssClasses.join(" "), f = E(n.styles), h = n.label ?? n.id, u = 0, b = {
+      labelStyle: f.labelStyle,
+      shape: "class_box",
+      labelText: S(h),
+      classData: n,
+      rx: u,
+      ry: u,
+      class: p,
+      style: f.style,
+      id: n.id,
+      domId: n.domId,
+      tooltip: a.db.getTooltip(n.id, e) || "",
+      haveCallback: n.haveCallback,
+      link: n.link,
+      width: n.type === "group" ? 500 : void 0,
+      type: n.type,
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: ((r = c().flowchart) == null ? void 0 : r.padding) ?? ((l = c().class) == null ? void 0 : l.padding)
+    };
+    t.setNode(n.id, b), e && t.setParent(n.id, e), d.info("setNode", b);
+  });
+}, F = function(s, t, y, a) {
+  d.info(s), s.forEach(function(e, i) {
+    var o, r;
+    const l = e, n = "", p = { labelStyle: "", style: "" }, f = l.text, h = 0, v = {
+      labelStyle: p.labelStyle,
+      shape: "note",
+      labelText: S(f),
+      noteData: l,
+      rx: h,
+      ry: h,
+      class: n,
+      style: p.style,
+      id: l.id,
+      domId: l.id,
+      tooltip: "",
+      type: "note",
+      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+      padding: ((o = c().flowchart) == null ? void 0 : o.padding) ?? ((r = c().class) == null ? void 0 : r.padding)
+    };
+    if (t.setNode(l.id, v), d.info("setNode", v), !l.class || !(l.class in a))
+      return;
+    const b = y + i, x = {
+      id: `edgeNote${b}`,
+      //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: C(k.curve, $)
+    };
+    t.setEdge(l.id, l.class, x, b);
+  });
+}, H = function(s, t) {
+  const y = c().flowchart;
+  let a = 0;
+  s.forEach(function(e) {
+    var i;
+    a++;
+    const o = {
+      //Set relationship style and line type
+      classes: "relation",
+      pattern: e.relation.lineType == 1 ? "dashed" : "solid",
+      id: `id_${e.id1}_${e.id2}_${a}`,
+      // 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: N(e.relation.type1),
+      arrowTypeEnd: N(e.relation.type2),
+      style: "fill:none",
+      labelStyle: "",
+      curve: C(y == null ? void 0 : y.curve, $)
+    };
+    if (d.info(o, e), e.style !== void 0) {
+      const r = E(e.style);
+      o.style = r.style, o.labelStyle = r.labelStyle;
+    }
+    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (o.arrowheadStyle = "fill: #333") : (o.arrowheadStyle = "fill: #333", o.labelpos = "c", ((i = c().flowchart) == null ? void 0 : i.htmlLabels) ?? c().htmlLabels ? (o.labelType = "html", o.label = '<span class="edgeLabel">' + e.text + "</span>") : (o.labelType = "text", o.label = e.text.replace(D.lineBreakRegex, `
+`), e.style === void 0 && (o.style = o.style || "stroke: #333; stroke-width: 1.5px;fill:none"), o.labelStyle = o.labelStyle.replace("color:", "fill:"))), t.setEdge(e.id1, e.id2, o, a);
+  });
+}, V = function(s) {
+  k = {
+    ...k,
+    ...s
+  };
+}, W = async function(s, t, y, a) {
+  d.info("Drawing class - ", t);
+  const e = c().flowchart ?? c().class, i = c().securityLevel;
+  d.info("config:", e);
+  const o = (e == null ? void 0 : e.nodeSpacing) ?? 50, r = (e == null ? void 0 : e.rankSpacing) ?? 50, l = new z({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: a.db.getDirection(),
+    nodesep: o,
+    ranksep: r,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  }), n = a.db.getNamespaces(), p = a.db.getClasses(), f = a.db.getRelations(), h = a.db.getNotes();
+  d.info(f), q(n, l, t, a), A(p, l, t, a), H(f, l), F(h, l, f.length + 1, p);
+  let u;
+  i === "sandbox" && (u = w("#i" + t));
+  const v = i === "sandbox" ? w(u.nodes()[0].contentDocument.body) : w("body"), b = v.select(`[id="${t}"]`), x = v.select("#" + t + " g");
+  if (await P(
+    x,
+    l,
+    ["aggregation", "extension", "composition", "dependency", "lollipop"],
+    "classDiagram",
+    t
+  ), B.insertTitle(b, "classTitleText", (e == null ? void 0 : e.titleTopMargin) ?? 5, a.db.getDiagramTitle()), G(l, b, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
+    const T = i === "sandbox" ? u.nodes()[0].contentDocument : document, I = T.querySelectorAll('[id="' + t + '"] .edgeLabel .label');
+    for (const g of I) {
+      const L = g.getBBox(), m = T.createElementNS("http://www.w3.org/2000/svg", "rect");
+      m.setAttribute("rx", 0), m.setAttribute("ry", 0), m.setAttribute("width", L.width), m.setAttribute("height", L.height), g.insertBefore(m, g.firstChild);
+    }
+  }
+};
+function N(s) {
+  let t;
+  switch (s) {
+    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 Y = {
+  setConf: V,
+  draw: W
+}, O = {
+  parser: R,
+  db: _,
+  renderer: Y,
+  styles: M,
+  init: (s) => {
+    s.class || (s.class = {}), s.class.arrowMarkerAbsolute = s.arrowMarkerAbsolute, _.clear();
+  }
+};
+export {
+  O as diagram
+};