local-operator-ui 0.12.7 → 0.13.0

package/out/renderer/assets/stateDiagram-DGXRK772-DcmhTUVK.js

@@ -1,467 +0,0 @@
-import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-AEK57VVT-ZmlsDCZe.js";
-import { _ as __name, c as getConfig2, d as select, l as log, e as configureSvgSize, k as common_default, a5 as line, ac as curveBasis, u as utils_default } from "./index-MaDq9HTX.js";
-import { G as Graph } from "./graph-DL-34vhw.js";
-import { l as layout } from "./layout-BrQGvDtH.js";
-import "./chunk-RZ5BOZE2-CWvJQJJl.js";
-import "./fonts-DqkQ6BY5.js";
-import "./_baseUniq-JxZZknyU.js";
-import "./_basePickBy-Xni00Dlk.js";
-var idCache = {};
-var set = /* @__PURE__ */ __name((key, val) => {
-  idCache[key] = val;
-}, "set");
-var get = /* @__PURE__ */ __name((k) => idCache[k], "get");
-var keys = /* @__PURE__ */ __name(() => Object.keys(idCache), "keys");
-var size = /* @__PURE__ */ __name(() => keys().length, "size");
-var id_cache_default = {
-  get,
-  set,
-  keys,
-  size
-};
-var drawStartState = /* @__PURE__ */ __name((g) => g.append("circle").attr("class", "start-state").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit), "drawStartState");
-var drawDivider = /* @__PURE__ */ __name((g) => g.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", getConfig2().state.textHeight).attr("class", "divider").attr("x2", getConfig2().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider");
-var drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {
-  const state = g.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 2 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.id);
-  const classBox = state.node().getBBox();
-  g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", classBox.width + 2 * getConfig2().state.padding).attr("height", classBox.height + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
-  return state;
-}, "drawSimpleState");
-var drawDescrState = /* @__PURE__ */ __name((g, stateDef) => {
-  const addTspan = /* @__PURE__ */ __name(function(textEl, txt, isFirst2) {
-    const tSpan = textEl.append("tspan").attr("x", 2 * getConfig2().state.padding).text(txt);
-    if (!isFirst2) {
-      tSpan.attr("dy", getConfig2().state.textHeight);
-    }
-  }, "addTspan");
-  const title = g.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 1.3 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.descriptions[0]);
-  const titleBox = title.node().getBBox();
-  const titleHeight = titleBox.height;
-  const description = g.append("text").attr("x", getConfig2().state.padding).attr(
-    "y",
-    titleHeight + getConfig2().state.padding * 0.4 + getConfig2().state.dividerMargin + getConfig2().state.textHeight
-  ).attr("class", "state-description");
-  let isFirst = true;
-  let isSecond = true;
-  stateDef.descriptions.forEach(function(descr) {
-    if (!isFirst) {
-      addTspan(description, descr, isSecond);
-      isSecond = false;
-    }
-    isFirst = false;
-  });
-  const descrLine = g.append("line").attr("x1", getConfig2().state.padding).attr("y1", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("y2", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("class", "descr-divider");
-  const descrBox = description.node().getBBox();
-  const width = Math.max(descrBox.width, titleBox.width);
-  descrLine.attr("x2", width + 3 * getConfig2().state.padding);
-  g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", width + 2 * getConfig2().state.padding).attr("height", descrBox.height + titleHeight + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
-  return g;
-}, "drawDescrState");
-var addTitleAndBox = /* @__PURE__ */ __name((g, stateDef, altBkg) => {
-  const pad = getConfig2().state.padding;
-  const dblPad = 2 * getConfig2().state.padding;
-  const orgBox = g.node().getBBox();
-  const orgWidth = orgBox.width;
-  const orgX = orgBox.x;
-  const title = g.append("text").attr("x", 0).attr("y", getConfig2().state.titleShift).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.id);
-  const titleBox = title.node().getBBox();
-  const titleWidth = titleBox.width + dblPad;
-  let width = Math.max(titleWidth, orgWidth);
-  if (width === orgWidth) {
-    width = width + dblPad;
-  }
-  let startX;
-  const graphBox = g.node().getBBox();
-  if (stateDef.doc) ;
-  startX = orgX - pad;
-  if (titleWidth > orgWidth) {
-    startX = (orgWidth - width) / 2 + pad;
-  }
-  if (Math.abs(orgX - graphBox.x) < pad && titleWidth > orgWidth) {
-    startX = orgX - (titleWidth - orgWidth) / 2;
-  }
-  const lineY = 1 - getConfig2().state.textHeight;
-  g.insert("rect", ":first-child").attr("x", startX).attr("y", lineY).attr("class", altBkg ? "alt-composit" : "composit").attr("width", width).attr(
-    "height",
-    graphBox.height + getConfig2().state.textHeight + getConfig2().state.titleShift + 1
-  ).attr("rx", "0");
-  title.attr("x", startX + pad);
-  if (titleWidth <= orgWidth) {
-    title.attr("x", orgX + (width - dblPad) / 2 - titleWidth / 2 + pad);
-  }
-  g.insert("rect", ":first-child").attr("x", startX).attr(
-    "y",
-    getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding
-  ).attr("width", width).attr("height", getConfig2().state.textHeight * 3).attr("rx", getConfig2().state.radius);
-  g.insert("rect", ":first-child").attr("x", startX).attr(
-    "y",
-    getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding
-  ).attr("width", width).attr("height", graphBox.height + 3 + 2 * getConfig2().state.textHeight).attr("rx", getConfig2().state.radius);
-  return g;
-}, "addTitleAndBox");
-var drawEndState = /* @__PURE__ */ __name((g) => {
-  g.append("circle").attr("class", "end-state-outer").attr("r", getConfig2().state.sizeUnit + getConfig2().state.miniPadding).attr(
-    "cx",
-    getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding
-  ).attr(
-    "cy",
-    getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding
-  );
-  return g.append("circle").attr("class", "end-state-inner").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit + 2).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit + 2);
-}, "drawEndState");
-var drawForkJoinState = /* @__PURE__ */ __name((g, stateDef) => {
-  let width = getConfig2().state.forkWidth;
-  let height = getConfig2().state.forkHeight;
-  if (stateDef.parentId) {
-    let tmp = width;
-    width = height;
-    height = tmp;
-  }
-  return g.append("rect").style("stroke", "black").style("fill", "black").attr("width", width).attr("height", height).attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding);
-}, "drawForkJoinState");
-var _drawLongText = /* @__PURE__ */ __name((_text, x, y, g) => {
-  let textHeight = 0;
-  const textElem = g.append("text");
-  textElem.style("text-anchor", "start");
-  textElem.attr("class", "noteText");
-  let text = _text.replace(/\r\n/g, "<br/>");
-  text = text.replace(/\n/g, "<br/>");
-  const lines = text.split(common_default.lineBreakRegex);
-  let tHeight = 1.25 * getConfig2().state.noteMargin;
-  for (const line2 of lines) {
-    const txt = line2.trim();
-    if (txt.length > 0) {
-      const span = textElem.append("tspan");
-      span.text(txt);
-      if (tHeight === 0) {
-        const textBounds = span.node().getBBox();
-        tHeight += textBounds.height;
-      }
-      textHeight += tHeight;
-      span.attr("x", x + getConfig2().state.noteMargin);
-      span.attr("y", y + textHeight + 1.25 * getConfig2().state.noteMargin);
-    }
-  }
-  return { textWidth: textElem.node().getBBox().width, textHeight };
-}, "_drawLongText");
-var drawNote = /* @__PURE__ */ __name((text, g) => {
-  g.attr("class", "state-note");
-  const note = g.append("rect").attr("x", 0).attr("y", getConfig2().state.padding);
-  const rectElem = g.append("g");
-  const { textWidth, textHeight } = _drawLongText(text, 0, 0, rectElem);
-  note.attr("height", textHeight + 2 * getConfig2().state.noteMargin);
-  note.attr("width", textWidth + getConfig2().state.noteMargin * 2);
-  return note;
-}, "drawNote");
-var drawState = /* @__PURE__ */ __name(function(elem, stateDef) {
-  const id = stateDef.id;
-  const stateInfo = {
-    id,
-    label: stateDef.id,
-    width: 0,
-    height: 0
-  };
-  const g = elem.append("g").attr("id", id).attr("class", "stateGroup");
-  if (stateDef.type === "start") {
-    drawStartState(g);
-  }
-  if (stateDef.type === "end") {
-    drawEndState(g);
-  }
-  if (stateDef.type === "fork" || stateDef.type === "join") {
-    drawForkJoinState(g, stateDef);
-  }
-  if (stateDef.type === "note") {
-    drawNote(stateDef.note.text, g);
-  }
-  if (stateDef.type === "divider") {
-    drawDivider(g);
-  }
-  if (stateDef.type === "default" && stateDef.descriptions.length === 0) {
-    drawSimpleState(g, stateDef);
-  }
-  if (stateDef.type === "default" && stateDef.descriptions.length > 0) {
-    drawDescrState(g, stateDef);
-  }
-  const stateBox = g.node().getBBox();
-  stateInfo.width = stateBox.width + 2 * getConfig2().state.padding;
-  stateInfo.height = stateBox.height + 2 * getConfig2().state.padding;
-  id_cache_default.set(id, stateInfo);
-  return stateInfo;
-}, "drawState");
-var edgeCount = 0;
-var drawEdge = /* @__PURE__ */ __name(function(elem, path, relation) {
-  const getRelationType = /* @__PURE__ */ __name(function(type) {
-    switch (type) {
-      case StateDB.relationType.AGGREGATION:
-        return "aggregation";
-      case StateDB.relationType.EXTENSION:
-        return "extension";
-      case StateDB.relationType.COMPOSITION:
-        return "composition";
-      case StateDB.relationType.DEPENDENCY:
-        return "dependency";
-    }
-  }, "getRelationType");
-  path.points = path.points.filter((p) => !Number.isNaN(p.y));
-  const lineData = path.points;
-  const lineFunction = line().x(function(d) {
-    return d.x;
-  }).y(function(d) {
-    return d.y;
-  }).curve(curveBasis);
-  const svgPath = elem.append("path").attr("d", lineFunction(lineData)).attr("id", "edge" + edgeCount).attr("class", "transition");
-  let url = "";
-  if (getConfig2().state.arrowMarkerAbsolute) {
-    url = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search;
-    url = url.replace(/\(/g, "\\(");
-    url = url.replace(/\)/g, "\\)");
-  }
-  svgPath.attr(
-    "marker-end",
-    "url(" + url + "#" + getRelationType(StateDB.relationType.DEPENDENCY) + "End)"
-  );
-  if (relation.title !== void 0) {
-    const label = elem.append("g").attr("class", "stateLabel");
-    const { x, y } = utils_default.calcLabelPosition(path.points);
-    const rows = common_default.getRows(relation.title);
-    let titleHeight = 0;
-    const titleRows = [];
-    let maxWidth = 0;
-    let minX = 0;
-    for (let i = 0; i <= rows.length; i++) {
-      const title = label.append("text").attr("text-anchor", "middle").text(rows[i]).attr("x", x).attr("y", y + titleHeight);
-      const boundsTmp = title.node().getBBox();
-      maxWidth = Math.max(maxWidth, boundsTmp.width);
-      minX = Math.min(minX, boundsTmp.x);
-      log.info(boundsTmp.x, x, y + titleHeight);
-      if (titleHeight === 0) {
-        const titleBox = title.node().getBBox();
-        titleHeight = titleBox.height;
-        log.info("Title height", titleHeight, y);
-      }
-      titleRows.push(title);
-    }
-    let boxHeight = titleHeight * rows.length;
-    if (rows.length > 1) {
-      const heightAdj = (rows.length - 1) * titleHeight * 0.5;
-      titleRows.forEach((title, i) => title.attr("y", y + i * titleHeight - heightAdj));
-      boxHeight = titleHeight * rows.length;
-    }
-    const bounds = label.node().getBBox();
-    label.insert("rect", ":first-child").attr("class", "box").attr("x", x - maxWidth / 2 - getConfig2().state.padding / 2).attr("y", y - boxHeight / 2 - getConfig2().state.padding / 2 - 3.5).attr("width", maxWidth + getConfig2().state.padding).attr("height", boxHeight + getConfig2().state.padding);
-    log.info(bounds);
-  }
-  edgeCount++;
-}, "drawEdge");
-var conf;
-var transformationLog = {};
-var setConf = /* @__PURE__ */ __name(function() {
-}, "setConf");
-var insertMarkers = /* @__PURE__ */ __name(function(elem) {
-  elem.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
-}, "insertMarkers");
-var draw = /* @__PURE__ */ __name(function(text, id, _version, diagObj) {
-  conf = getConfig2().state;
-  const securityLevel = getConfig2().securityLevel;
-  let sandboxElement;
-  if (securityLevel === "sandbox") {
-    sandboxElement = select("#i" + id);
-  }
-  const root = securityLevel === "sandbox" ? select(sandboxElement.nodes()[0].contentDocument.body) : select("body");
-  const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
-  log.debug("Rendering diagram " + text);
-  const diagram2 = root.select(`[id='${id}']`);
-  insertMarkers(diagram2);
-  const rootDoc = diagObj.db.getRootDoc();
-  renderDoc(rootDoc, diagram2, void 0, false, root, doc, diagObj);
-  const padding = conf.padding;
-  const bounds = diagram2.node().getBBox();
-  const width = bounds.width + padding * 2;
-  const height = bounds.height + padding * 2;
-  const svgWidth = width * 1.75;
-  configureSvgSize(diagram2, height, svgWidth, conf.useMaxWidth);
-  diagram2.attr(
-    "viewBox",
-    `${bounds.x - conf.padding}  ${bounds.y - conf.padding} ` + width + " " + height
-  );
-}, "draw");
-var getLabelWidth = /* @__PURE__ */ __name((text) => {
-  return text ? text.length * conf.fontSizeFactor : 1;
-}, "getLabelWidth");
-var renderDoc = /* @__PURE__ */ __name((doc, diagram2, parentId, altBkg, root, domDocument, diagObj) => {
-  const graph = new Graph({
-    compound: true,
-    multigraph: true
-  });
-  let i;
-  let edgeFreeDoc = true;
-  for (i = 0; i < doc.length; i++) {
-    if (doc[i].stmt === "relation") {
-      edgeFreeDoc = false;
-      break;
-    }
-  }
-  if (parentId) {
-    graph.setGraph({
-      rankdir: "LR",
-      multigraph: true,
-      compound: true,
-      // acyclicer: 'greedy',
-      ranker: "tight-tree",
-      ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
-      nodeSep: edgeFreeDoc ? 1 : 50,
-      isMultiGraph: true
-      // ranksep: 5,
-      // nodesep: 1
-    });
-  } else {
-    graph.setGraph({
-      rankdir: "TB",
-      multigraph: true,
-      compound: true,
-      // isCompound: true,
-      // acyclicer: 'greedy',
-      // ranker: 'longest-path'
-      ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
-      nodeSep: edgeFreeDoc ? 1 : 50,
-      ranker: "tight-tree",
-      // ranker: 'network-simplex'
-      isMultiGraph: true
-    });
-  }
-  graph.setDefaultEdgeLabel(function() {
-    return {};
-  });
-  const states = diagObj.db.getStates();
-  const relations = diagObj.db.getRelations();
-  const keys2 = Object.keys(states);
-  for (const key of keys2) {
-    const stateDef = states[key];
-    if (parentId) {
-      stateDef.parentId = parentId;
-    }
-    let node;
-    if (stateDef.doc) {
-      let sub = diagram2.append("g").attr("id", stateDef.id).attr("class", "stateGroup");
-      node = renderDoc(stateDef.doc, sub, stateDef.id, !altBkg, root, domDocument, diagObj);
-      {
-        sub = addTitleAndBox(sub, stateDef, altBkg);
-        let boxBounds = sub.node().getBBox();
-        node.width = boxBounds.width;
-        node.height = boxBounds.height + conf.padding / 2;
-        transformationLog[stateDef.id] = { y: conf.compositTitleSize };
-      }
-    } else {
-      node = drawState(diagram2, stateDef, graph);
-    }
-    if (stateDef.note) {
-      const noteDef = {
-        descriptions: [],
-        id: stateDef.id + "-note",
-        note: stateDef.note,
-        type: "note"
-      };
-      const note = drawState(diagram2, noteDef, graph);
-      if (stateDef.note.position === "left of") {
-        graph.setNode(node.id + "-note", note);
-        graph.setNode(node.id, node);
-      } else {
-        graph.setNode(node.id, node);
-        graph.setNode(node.id + "-note", note);
-      }
-      graph.setParent(node.id, node.id + "-group");
-      graph.setParent(node.id + "-note", node.id + "-group");
-    } else {
-      graph.setNode(node.id, node);
-    }
-  }
-  log.debug("Count=", graph.nodeCount(), graph);
-  let cnt = 0;
-  relations.forEach(function(relation) {
-    cnt++;
-    log.debug("Setting edge", relation);
-    graph.setEdge(
-      relation.id1,
-      relation.id2,
-      {
-        relation,
-        width: getLabelWidth(relation.title),
-        height: conf.labelHeight * common_default.getRows(relation.title).length,
-        labelpos: "c"
-      },
-      "id" + cnt
-    );
-  });
-  layout(graph);
-  log.debug("Graph after layout", graph.nodes());
-  const svgElem = diagram2.node();
-  graph.nodes().forEach(function(v) {
-    if (v !== void 0 && graph.node(v) !== void 0) {
-      log.warn("Node " + v + ": " + JSON.stringify(graph.node(v)));
-      root.select("#" + svgElem.id + " #" + v).attr(
-        "transform",
-        "translate(" + (graph.node(v).x - graph.node(v).width / 2) + "," + (graph.node(v).y + (transformationLog[v] ? transformationLog[v].y : 0) - graph.node(v).height / 2) + " )"
-      );
-      root.select("#" + svgElem.id + " #" + v).attr("data-x-shift", graph.node(v).x - graph.node(v).width / 2);
-      const dividers = domDocument.querySelectorAll("#" + svgElem.id + " #" + v + " .divider");
-      dividers.forEach((divider) => {
-        const parent = divider.parentElement;
-        let pWidth = 0;
-        let pShift = 0;
-        if (parent) {
-          if (parent.parentElement) {
-            pWidth = parent.parentElement.getBBox().width;
-          }
-          pShift = parseInt(parent.getAttribute("data-x-shift"), 10);
-          if (Number.isNaN(pShift)) {
-            pShift = 0;
-          }
-        }
-        divider.setAttribute("x1", 0 - pShift + 8);
-        divider.setAttribute("x2", pWidth - pShift - 8);
-      });
-    } else {
-      log.debug("No Node " + v + ": " + JSON.stringify(graph.node(v)));
-    }
-  });
-  let stateBox = svgElem.getBBox();
-  graph.edges().forEach(function(e) {
-    if (e !== void 0 && graph.edge(e) !== void 0) {
-      log.debug("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(graph.edge(e)));
-      drawEdge(diagram2, graph.edge(e), graph.edge(e).relation);
-    }
-  });
-  stateBox = svgElem.getBBox();
-  const stateInfo = {
-    id: parentId ? parentId : "root",
-    label: parentId ? parentId : "root",
-    width: 0,
-    height: 0
-  };
-  stateInfo.width = stateBox.width + 2 * conf.padding;
-  stateInfo.height = stateBox.height + 2 * conf.padding;
-  log.debug("Doc rendered", stateInfo, graph);
-  return stateInfo;
-}, "renderDoc");
-var stateRenderer_default = {
-  setConf,
-  draw
-};
-var diagram = {
-  parser: stateDiagram_default,
-  get db() {
-    return new StateDB(1);
-  },
-  renderer: stateRenderer_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((cnf) => {
-    if (!cnf.state) {
-      cnf.state = {};
-    }
-    cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};

package/out/renderer/assets/stateDiagram-v2-YXO3MK2T-Dy-oRm-T.js

@@ -1,21 +0,0 @@
-import { s as styles_default, b as stateRenderer_v3_unified_default, a as stateDiagram_default, S as StateDB } from "./chunk-AEK57VVT-ZmlsDCZe.js";
-import { _ as __name } from "./index-MaDq9HTX.js";
-import "./chunk-RZ5BOZE2-CWvJQJJl.js";
-import "./fonts-DqkQ6BY5.js";
-var diagram = {
-  parser: stateDiagram_default,
-  get db() {
-    return new StateDB(2);
-  },
-  renderer: stateRenderer_v3_unified_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((cnf) => {
-    if (!cnf.state) {
-      cnf.state = {};
-    }
-    cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};