jekyll-ham 1.0.4 → 1.1.1

data/assets/mermaid/stateDiagram-v2-992e82a1.js

@@ -0,0 +1,325 @@
+import { D as DEFAULT_STATE_TYPE, a as DIVIDER_TYPE, S as STMT_RELATION, b as STMT_STATE, c as DEFAULT_NESTED_DOC_DIR, p as parser, d as db, s as styles } from "./styles-f80da881.js";
+import { G as Graph } from "./graph-fe24fab6.js";
+import { l as log, c as getConfig, j as d3select, A as utils, k as configureSvgSize, f as common } from "./mermaid-dcacb631.js";
+import { r as render } from "./index-fc479858.js";
+import "./layout-163b9689.js";
+import "./clone-9ea6bfeb.js";
+import "./edges-ce5cfb7c.js";
+import "./createText-b70fe78a.js";
+import "./line-87f517ef.js";
+import "./array-b7dcf730.js";
+import "./path-39bad7e2.js";
+const SHAPE_STATE = "rect";
+const SHAPE_STATE_WITH_DESC = "rectWithTitle";
+const SHAPE_START = "start";
+const SHAPE_END = "end";
+const SHAPE_DIVIDER = "divider";
+const SHAPE_GROUP = "roundedWithTitle";
+const SHAPE_NOTE = "note";
+const SHAPE_NOTEGROUP = "noteGroup";
+const CSS_DIAGRAM = "statediagram";
+const CSS_STATE = "state";
+const CSS_DIAGRAM_STATE = `${CSS_DIAGRAM}-${CSS_STATE}`;
+const CSS_EDGE = "transition";
+const CSS_NOTE = "note";
+const CSS_NOTE_EDGE = "note-edge";
+const CSS_EDGE_NOTE_EDGE = `${CSS_EDGE} ${CSS_NOTE_EDGE}`;
+const CSS_DIAGRAM_NOTE = `${CSS_DIAGRAM}-${CSS_NOTE}`;
+const CSS_CLUSTER = "cluster";
+const CSS_DIAGRAM_CLUSTER = `${CSS_DIAGRAM}-${CSS_CLUSTER}`;
+const CSS_CLUSTER_ALT = "cluster-alt";
+const CSS_DIAGRAM_CLUSTER_ALT = `${CSS_DIAGRAM}-${CSS_CLUSTER_ALT}`;
+const PARENT = "parent";
+const NOTE = "note";
+const DOMID_STATE = "state";
+const DOMID_TYPE_SPACER = "----";
+const NOTE_ID = `${DOMID_TYPE_SPACER}${NOTE}`;
+const PARENT_ID = `${DOMID_TYPE_SPACER}${PARENT}`;
+const G_EDGE_STYLE = "fill:none";
+const G_EDGE_ARROWHEADSTYLE = "fill: #333";
+const G_EDGE_LABELPOS = "c";
+const G_EDGE_LABELTYPE = "text";
+const G_EDGE_THICKNESS = "normal";
+let nodeDb = {};
+let graphItemCount = 0;
+const setConf = function(cnf) {
+  const keys = Object.keys(cnf);
+  for (const key of keys) {
+    cnf[key];
+  }
+};
+const getClasses = function(text, diagramObj) {
+  diagramObj.db.extract(diagramObj.db.getRootDocV2());
+  return diagramObj.db.getClasses();
+};
+function getClassesFromDbInfo(dbInfoItem) {
+  if (dbInfoItem === void 0 || dbInfoItem === null) {
+    return "";
+  } else {
+    if (dbInfoItem.classes) {
+      return dbInfoItem.classes.join(" ");
+    } else {
+      return "";
+    }
+  }
+}
+function stateDomId(itemId = "", counter = 0, type = "", typeSpacer = DOMID_TYPE_SPACER) {
+  const typeStr = type !== null && type.length > 0 ? `${typeSpacer}${type}` : "";
+  return `${DOMID_STATE}-${itemId}${typeStr}-${counter}`;
+}
+const setupNode = (g, parent, parsedItem, diagramStates, diagramDb, altFlag) => {
+  const itemId = parsedItem.id;
+  const classStr = getClassesFromDbInfo(diagramStates[itemId]);
+  if (itemId !== "root") {
+    let shape = SHAPE_STATE;
+    if (parsedItem.start === true) {
+      shape = SHAPE_START;
+    }
+    if (parsedItem.start === false) {
+      shape = SHAPE_END;
+    }
+    if (parsedItem.type !== DEFAULT_STATE_TYPE) {
+      shape = parsedItem.type;
+    }
+    if (!nodeDb[itemId]) {
+      nodeDb[itemId] = {
+        id: itemId,
+        shape,
+        description: common.sanitizeText(itemId, getConfig()),
+        classes: `${classStr} ${CSS_DIAGRAM_STATE}`
+      };
+    }
+    const newNode = nodeDb[itemId];
+    if (parsedItem.description) {
+      if (Array.isArray(newNode.description)) {
+        newNode.shape = SHAPE_STATE_WITH_DESC;
+        newNode.description.push(parsedItem.description);
+      } else {
+        if (newNode.description.length > 0) {
+          newNode.shape = SHAPE_STATE_WITH_DESC;
+          if (newNode.description === itemId) {
+            newNode.description = [parsedItem.description];
+          } else {
+            newNode.description = [newNode.description, parsedItem.description];
+          }
+        } else {
+          newNode.shape = SHAPE_STATE;
+          newNode.description = parsedItem.description;
+        }
+      }
+      newNode.description = common.sanitizeTextOrArray(newNode.description, getConfig());
+    }
+    if (newNode.description.length === 1 && newNode.shape === SHAPE_STATE_WITH_DESC) {
+      newNode.shape = SHAPE_STATE;
+    }
+    if (!newNode.type && parsedItem.doc) {
+      log.info("Setting cluster for ", itemId, getDir(parsedItem));
+      newNode.type = "group";
+      newNode.dir = getDir(parsedItem);
+      newNode.shape = parsedItem.type === DIVIDER_TYPE ? SHAPE_DIVIDER : SHAPE_GROUP;
+      newNode.classes = newNode.classes + " " + CSS_DIAGRAM_CLUSTER + " " + (altFlag ? CSS_DIAGRAM_CLUSTER_ALT : "");
+    }
+    const nodeData = {
+      labelStyle: "",
+      shape: newNode.shape,
+      labelText: newNode.description,
+      // typeof newNode.description === 'object'
+      //   ? newNode.description[0]
+      //   : newNode.description,
+      classes: newNode.classes,
+      style: "",
+      //styles.style,
+      id: itemId,
+      dir: newNode.dir,
+      domId: stateDomId(itemId, graphItemCount),
+      type: newNode.type,
+      padding: 15
+      //getConfig().flowchart.padding
+    };
+    nodeData.centerLabel = true;
+    if (parsedItem.note) {
+      const noteData = {
+        labelStyle: "",
+        shape: SHAPE_NOTE,
+        labelText: parsedItem.note.text,
+        classes: CSS_DIAGRAM_NOTE,
+        // useHtmlLabels: false,
+        style: "",
+        // styles.style,
+        id: itemId + NOTE_ID + "-" + graphItemCount,
+        domId: stateDomId(itemId, graphItemCount, NOTE),
+        type: newNode.type,
+        padding: 15
+        //getConfig().flowchart.padding
+      };
+      const groupData = {
+        labelStyle: "",
+        shape: SHAPE_NOTEGROUP,
+        labelText: parsedItem.note.text,
+        classes: newNode.classes,
+        style: "",
+        // styles.style,
+        id: itemId + PARENT_ID,
+        domId: stateDomId(itemId, graphItemCount, PARENT),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      graphItemCount++;
+      const parentNodeId = itemId + PARENT_ID;
+      g.setNode(parentNodeId, groupData);
+      g.setNode(noteData.id, noteData);
+      g.setNode(itemId, nodeData);
+      g.setParent(itemId, parentNodeId);
+      g.setParent(noteData.id, parentNodeId);
+      let from = itemId;
+      let to = noteData.id;
+      if (parsedItem.note.position === "left of") {
+        from = noteData.id;
+        to = itemId;
+      }
+      g.setEdge(from, to, {
+        arrowhead: "none",
+        arrowType: "",
+        style: G_EDGE_STYLE,
+        labelStyle: "",
+        classes: CSS_EDGE_NOTE_EDGE,
+        arrowheadStyle: G_EDGE_ARROWHEADSTYLE,
+        labelpos: G_EDGE_LABELPOS,
+        labelType: G_EDGE_LABELTYPE,
+        thickness: G_EDGE_THICKNESS
+      });
+    } else {
+      g.setNode(itemId, nodeData);
+    }
+  }
+  if (parent && parent.id !== "root") {
+    log.trace("Setting node ", itemId, " to be child of its parent ", parent.id);
+    g.setParent(itemId, parent.id);
+  }
+  if (parsedItem.doc) {
+    log.trace("Adding nodes children ");
+    setupDoc(g, parsedItem, parsedItem.doc, diagramStates, diagramDb, !altFlag);
+  }
+};
+const setupDoc = (g, parentParsedItem, doc, diagramStates, diagramDb, altFlag) => {
+  log.trace("items", doc);
+  doc.forEach((item) => {
+    switch (item.stmt) {
+      case STMT_STATE:
+        setupNode(g, parentParsedItem, item, diagramStates, diagramDb, altFlag);
+        break;
+      case DEFAULT_STATE_TYPE:
+        setupNode(g, parentParsedItem, item, diagramStates, diagramDb, altFlag);
+        break;
+      case STMT_RELATION:
+        {
+          setupNode(g, parentParsedItem, item.state1, diagramStates, diagramDb, altFlag);
+          setupNode(g, parentParsedItem, item.state2, diagramStates, diagramDb, altFlag);
+          const edgeData = {
+            id: "edge" + graphItemCount,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: G_EDGE_STYLE,
+            labelStyle: "",
+            label: common.sanitizeText(item.description, getConfig()),
+            arrowheadStyle: G_EDGE_ARROWHEADSTYLE,
+            labelpos: G_EDGE_LABELPOS,
+            labelType: G_EDGE_LABELTYPE,
+            thickness: G_EDGE_THICKNESS,
+            classes: CSS_EDGE
+          };
+          g.setEdge(item.state1.id, item.state2.id, edgeData, graphItemCount);
+          graphItemCount++;
+        }
+        break;
+    }
+  });
+};
+const getDir = (parsedItem, defaultDir = DEFAULT_NESTED_DOC_DIR) => {
+  let dir = defaultDir;
+  if (parsedItem.doc) {
+    for (let i = 0; i < parsedItem.doc.length; i++) {
+      const parsedItemDoc = parsedItem.doc[i];
+      if (parsedItemDoc.stmt === "dir") {
+        dir = parsedItemDoc.value;
+      }
+    }
+  }
+  return dir;
+};
+const draw = async function(text, id, _version, diag) {
+  log.info("Drawing state diagram (v2)", id);
+  nodeDb = {};
+  diag.db.getDirection();
+  const { securityLevel, state: conf } = getConfig();
+  const nodeSpacing = conf.nodeSpacing || 50;
+  const rankSpacing = conf.rankSpacing || 50;
+  log.info(diag.db.getRootDocV2());
+  diag.db.extract(diag.db.getRootDocV2());
+  log.info(diag.db.getRootDocV2());
+  const diagramStates = diag.db.getStates();
+  const g = new Graph({
+    multigraph: true,
+    compound: true
+  }).setGraph({
+    rankdir: getDir(diag.db.getRootDocV2()),
+    nodesep: nodeSpacing,
+    ranksep: rankSpacing,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  setupNode(g, void 0, diag.db.getRootDocV2(), diagramStates, diag.db, true);
+  let sandboxElement;
+  if (securityLevel === "sandbox") {
+    sandboxElement = d3select("#i" + id);
+  }
+  const root = securityLevel === "sandbox" ? d3select(sandboxElement.nodes()[0].contentDocument.body) : d3select("body");
+  const svg = root.select(`[id="${id}"]`);
+  const element = root.select("#" + id + " g");
+  await render(element, g, ["barb"], CSS_DIAGRAM, id);
+  const padding = 8;
+  utils.insertTitle(svg, "statediagramTitleText", conf.titleTopMargin, diag.db.getDiagramTitle());
+  const bounds = svg.node().getBBox();
+  const width = bounds.width + padding * 2;
+  const height = bounds.height + padding * 2;
+  svg.attr("class", CSS_DIAGRAM);
+  const svgBounds = svg.node().getBBox();
+  configureSvgSize(svg, height, width, conf.useMaxWidth);
+  const vBox = `${svgBounds.x - padding} ${svgBounds.y - padding} ${width} ${height}`;
+  log.debug(`viewBox ${vBox}`);
+  svg.attr("viewBox", vBox);
+  const labels = document.querySelectorAll('[id="' + id + '"] .edgeLabel .label');
+  for (const label of labels) {
+    const dim = label.getBBox();
+    const rect = document.createElementNS("http://www.w3.org/2000/svg", SHAPE_STATE);
+    rect.setAttribute("rx", 0);
+    rect.setAttribute("ry", 0);
+    rect.setAttribute("width", dim.width);
+    rect.setAttribute("height", dim.height);
+    label.insertBefore(rect, label.firstChild);
+  }
+};
+const renderer = {
+  setConf,
+  getClasses,
+  draw
+};
+const diagram = {
+  parser,
+  db,
+  renderer,
+  styles,
+  init: (cnf) => {
+    if (!cnf.state) {
+      cnf.state = {};
+    }
+    cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
+    db.clear();
+  }
+};
+export {
+  diagram
+};

data/assets/mermaid/stateDiagram-v2-ed04200a.js

@@ -0,0 +1,190 @@
+import { D as H, a as J, S as Q, b as X, c as Z, p as F, d as M, s as I } from "./styles-cacbff60.js";
+import { G as tt } from "./graph-0ee63739.js";
+import { l as E, c as g, j as $, A as et, k as ot, f as w } from "./mermaid-9f2aa176.js";
+import { r as st } from "./index-bb6d8841.js";
+import "./layout-fd473db2.js";
+import "./clone-afc2f047.js";
+import "./edges-16357fde.js";
+import "./createText-03b82060.js";
+import "./line-24d93f1b.js";
+import "./array-2ff2c7a6.js";
+import "./path-428ebac9.js";
+const h = "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", ft = `${_}-${ut}`, Dt = "cluster-alt", bt = `${_}-${Dt}`, V = "parent", Y = "note", At = "state", N = "----", ht = `${N}${Y}`, v = `${N}${V}`, W = "fill:none", m = "fill: #333", z = "c", j = "text", q = "normal";
+let y = {}, d = 0;
+const yt = function(t) {
+  const n = Object.keys(t);
+  for (const e of n)
+    t[e];
+}, gt = function(t, n) {
+  return n.db.extract(n.db.getRootDocV2()), n.db.getClasses();
+};
+function xt(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 `${At}-${t}${i}-${n}`;
+}
+const A = (t, n, e, c, i, r) => {
+  const o = e.id, u = xt(c[o]);
+  if (o !== "root") {
+    let T = h;
+    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: w.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 = h, s.description = e.description), s.description = w.sanitizeTextOrArray(s.description, g())), s.description.length === 1 && s.shape === C && (s.shape = h), !s.type && e.doc && (E.info("Setting cluster for ", o, G(e)), s.type = "group", s.dir = G(e), s.shape = e.type === J ? it : rt, s.classes = s.classes + " " + ft + " " + (r ? bt : ""));
+    const p = {
+      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, d),
+      type: s.type,
+      padding: 15
+      //getConfig().flowchart.padding
+    };
+    if (p.centerLabel = !0, e.note) {
+      const l = {
+        labelStyle: "",
+        shape: lt,
+        labelText: e.note.text,
+        classes: _t,
+        // useHtmlLabels: false,
+        style: "",
+        // styles.style,
+        id: o + ht + "-" + d,
+        domId: R(o, d, Y),
+        type: s.type,
+        padding: 15
+        //getConfig().flowchart.padding
+      }, a = {
+        labelStyle: "",
+        shape: at,
+        labelText: e.note.text,
+        classes: s.classes,
+        style: "",
+        // styles.style,
+        id: o + v,
+        domId: R(o, d, V),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      d++;
+      const f = o + v;
+      t.setNode(f, a), t.setNode(l.id, l), t.setNode(o, p), t.setParent(o, f), t.setParent(l.id, f);
+      let S = o, D = l.id;
+      e.note.position === "left of" && (S = l.id, D = o), t.setEdge(S, D, {
+        arrowhead: "none",
+        arrowType: "",
+        style: W,
+        labelStyle: "",
+        classes: pt,
+        arrowheadStyle: m,
+        labelpos: z,
+        labelType: j,
+        thickness: q
+      });
+    } else
+      t.setNode(o, p);
+  }
+  n && n.id !== "root" && (E.trace("Setting node ", o, " to be child of its parent ", n.id), t.setParent(o, n.id)), e.doc && (E.trace("Adding nodes children "), $t(t, e, e.doc, c, i, !r));
+}, $t = (t, n, e, c, i, r) => {
+  E.trace("items", e), e.forEach((o) => {
+    switch (o.stmt) {
+      case X:
+        A(t, n, o, c, i, r);
+        break;
+      case H:
+        A(t, n, o, c, i, r);
+        break;
+      case Q:
+        {
+          A(t, n, o.state1, c, i, r), A(t, n, o.state2, c, i, r);
+          const u = {
+            id: "edge" + d,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: W,
+            labelStyle: "",
+            label: w.sanitizeText(o.description, g()),
+            arrowheadStyle: m,
+            labelpos: z,
+            labelType: j,
+            thickness: q,
+            classes: U
+          };
+          t.setEdge(o.state1.id, o.state2.id, u, d), d++;
+        }
+        break;
+    }
+  });
+}, G = (t, n = Z) => {
+  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 = async function(t, n, e, c) {
+  E.info("Drawing state diagram (v2)", n), y = {}, c.db.getDirection();
+  const { securityLevel: i, state: r } = g(), o = r.nodeSpacing || 50, u = r.rankSpacing || 50;
+  E.info(c.db.getRootDocV2()), c.db.extract(c.db.getRootDocV2()), E.info(c.db.getRootDocV2());
+  const T = c.db.getStates(), s = new tt({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: G(c.db.getRootDocV2()),
+    nodesep: o,
+    ranksep: u,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  A(s, void 0, c.db.getRootDocV2(), T, c.db, !0);
+  let p;
+  i === "sandbox" && (p = $("#i" + n));
+  const l = i === "sandbox" ? $(p.nodes()[0].contentDocument.body) : $("body"), a = l.select(`[id="${n}"]`), f = l.select("#" + n + " g");
+  await st(f, s, ["barb"], _, n);
+  const S = 8;
+  et.insertTitle(a, "statediagramTitleText", r.titleTopMargin, c.db.getDiagramTitle());
+  const D = a.node().getBBox(), L = D.width + S * 2, P = D.height + S * 2;
+  a.attr("class", _);
+  const O = a.node().getBBox();
+  ot(a, P, L, r.useMaxWidth);
+  const k = `${O.x - S} ${O.y - S} ${L} ${P}`;
+  E.debug(`viewBox ${k}`), a.attr("viewBox", k);
+  const K = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
+  for (const x of K) {
+    const B = x.getBBox(), b = document.createElementNS("http://www.w3.org/2000/svg", h);
+    b.setAttribute("rx", 0), b.setAttribute("ry", 0), b.setAttribute("width", B.width), b.setAttribute("height", B.height), x.insertBefore(b, x.firstChild);
+  }
+}, Rt = {
+  setConf: yt,
+  getClasses: gt,
+  draw: Ct
+}, Ut = {
+  parser: F,
+  db: M,
+  renderer: Rt,
+  styles: I,
+  init: (t) => {
+    t.state || (t.state = {}), t.state.arrowMarkerAbsolute = t.arrowMarkerAbsolute, M.clear();
+  }
+};
+export {
+  Ut as diagram
+};