@layers-app/editor 0.3.11 → 0.4.1

package/dist/layers.C3-Awt80.js

@@ -0,0 +1,186 @@
+import { s as J, d as B, p as Q, D as X, a as H, b as Z, S as F, c as I } from "./layers.Bqy_BDRk.js";
+import { G as tt } from "./layers.C7lIplJU.js";
+import { l as E, g, d as x, u as et, e as ot, j as w } from "./layers.Dwrpihyi.js";
+import { r as st } from "./layers.C7md-mpb.js";
+import "./layers.BldgpPoA.js";
+import "lodash-es";
+import "./layers.D4fGb2cV.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", Dt = `${_}-${ut}`, bt = "cluster-alt", ft = `${_}-${bt}`, V = "parent", Y = "note", At = "state", N = "----", ht = `${N}${Y}`, M = `${N}${V}`, W = "fill:none", z = "fill: #333", j = "c", q = "text", K = "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 $t(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 = $t(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 === Z ? it : rt, s.classes = s.classes + " " + Dt + " " + (r ? ft : ""));
+    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 + M,
+        domId: R(o, d, V),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      d++;
+      const D = o + M;
+      t.setNode(D, a), t.setNode(l.id, l), t.setNode(o, p), t.setParent(o, D), t.setParent(l.id, D);
+      let S = o, b = l.id;
+      e.note.position === "left of" && (S = l.id, b = o), t.setEdge(S, b, {
+        arrowhead: "none",
+        arrowType: "",
+        style: W,
+        labelStyle: "",
+        classes: pt,
+        arrowheadStyle: z,
+        labelpos: j,
+        labelType: q,
+        thickness: K
+      });
+    } 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 "), xt(t, e, e.doc, c, i, !r));
+}, xt = (t, n, e, c, i, r) => {
+  E.trace("items", e), e.forEach((o) => {
+    switch (o.stmt) {
+      case I:
+        A(t, n, o, c, i, r);
+        break;
+      case H:
+        A(t, n, o, c, i, r);
+        break;
+      case F:
+        {
+          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: z,
+            labelpos: j,
+            labelType: q,
+            thickness: K,
+            classes: U
+          };
+          t.setEdge(o.state1.id, o.state2.id, u, d), d++;
+        }
+        break;
+    }
+  });
+}, G = (t, n = X) => {
+  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 = x("#i" + n));
+  const l = i === "sandbox" ? x(p.nodes()[0].contentDocument.body) : x("body"), a = l.select(`[id="${n}"]`), D = l.select("#" + n + " g");
+  await st(D, s, ["barb"], _, n);
+  const S = 8;
+  et.insertTitle(a, "statediagramTitleText", r.titleTopMargin, c.db.getDiagramTitle());
+  const b = a.node().getBBox(), L = b.width + S * 2, P = b.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 m = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
+  for (const $ of m) {
+    const v = $.getBBox(), f = document.createElementNS("http://www.w3.org/2000/svg", h);
+    f.setAttribute("rx", 0), f.setAttribute("ry", 0), f.setAttribute("width", v.width), f.setAttribute("height", v.height), $.insertBefore(f, $.firstChild);
+  }
+}, Rt = {
+  setConf: yt,
+  getClasses: gt,
+  draw: Ct
+}, vt = {
+  parser: Q,
+  db: B,
+  renderer: Rt,
+  styles: J,
+  init: (t) => {
+    t.state || (t.state = {}), t.state.arrowMarkerAbsolute = t.arrowMarkerAbsolute, B.clear();
+  }
+};
+export {
+  vt as diagram
+};

package/dist/layers.C46xOyCn.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./layers.B5VQ5ysd.js");var e={paste:"අලවන්න",pasteAsPlaintext:"",pasteCharts:"ප්‍රස්ථාරය",selectAll:"සියල්ලම",multiSelect:"තෝරා ගැනීමට අංගය එකතු කරන්න",moveCanvas:"කැන්වසය චලනය කරන්න",cut:"කපන්න",copy:"පිටපත් කරන්න",copyAsPng:"PNG ලෙස පිටපත් කරන්න",copyAsSvg:"SVG ලෙස පිටපත් කරන්න",copyText:"",copySource:"",convertToCode:"",bringForward:"ඉදිරියට ගෙන්න",sendToBack:"පසුපසටම ගෙනියන්න",bringToFront:"ඉදිරියටම ගෙන්න",sendBackward:"පසුපසට ගෙනියන්න",delete:"මකන්න",copyStyles:"",pasteStyles:"",stroke:"",background:"",fill:"",strokeWidth:"",strokeStyle:"",strokeStyle_solid:"",strokeStyle_dashed:"",strokeStyle_dotted:"",sloppiness:"",opacity:"",textAlign:"",edges:"",sharp:"",round:"",arrowheads:"",arrowhead_none:"",arrowhead_arrow:"",arrowhead_bar:"",arrowhead_circle:"",arrowhead_circle_outline:"",arrowhead_triangle:"",arrowhead_triangle_outline:"",arrowhead_diamond:"",arrowhead_diamond_outline:"",fontSize:"",fontFamily:"",addWatermark:"",handDrawn:"",normal:"",code:"",small:"",medium:"",large:"",veryLarge:"ඉතා විශාල",solid:"විශාල",hachure:"මධ්‍යම",zigzag:"",crossHatch:"",thin:"කෙට්ටු",bold:"තද",left:"වම",center:"මැද",right:"දකුණ",extraBold:"ඉතා තද",architect:"වාස්තුවේදීයා",artist:"කලාකරු",cartoonist:"සැකිලිරූකරු",fileTitle:"ගොනු නාමය",colorPicker:"පාට තෝරකය",canvasColors:"",canvasBackground:"කැන්වස පසුබිම",drawingCanvas:"චිත්‍රක කැන්වසය",layers:"ලේයර",actions:"ක්‍රියාකාරකම",language:"භාෂාව ",liveCollaboration:"",duplicateSelection:"",untitled:"",name:"නම",yourName:"",madeWithExcalidraw:"",group:"",ungroup:"",collaborators:"",showGrid:"",addToLibrary:"",removeFromLibrary:"",libraryLoadingMessage:"",libraries:"",loadingScene:"",align:"",alignTop:"",alignBottom:"",alignLeft:"",alignRight:"",centerVertically:"",centerHorizontally:"",distributeHorizontally:"",distributeVertically:"",flipHorizontal:"",flipVertical:"",viewMode:"",share:"",showStroke:"",showBackground:"",toggleTheme:"",personalLib:"",excalidrawLib:"",decreaseFontSize:"",increaseFontSize:"",unbindText:"",bindText:"",createContainerFromText:"",link:{edit:"",editEmbed:"",create:"",createEmbed:"",label:"",labelEmbed:"",empty:""},lineEditor:{edit:"",exit:""},elementLock:{lock:"",unlock:"",lockAll:"",unlockAll:""},statusPublished:"",sidebarLock:"",selectAllElementsInFrame:"",removeAllElementsFromFrame:"",eyeDropper:"",textToDiagram:"",prompt:""},o={noItems:"",hint_emptyLibrary:"",hint_emptyPrivateLibrary:""},r={clearReset:"",exportJSON:"",exportImage:"",export:"",copyToClipboard:"",save:"",saveAs:"",load:"",getShareableLink:"",close:"",selectLanguage:"",scrollBackToContent:"",zoomIn:"",zoomOut:"",resetZoom:"",menu:"",done:"",edit:"",undo:"",redo:"",resetLibrary:"",createNewRoom:"",fullScreen:"",darkMode:"",lightMode:"",zenMode:"",objectsSnapMode:"",exitZenMode:"",cancel:"",clear:"",remove:"",embed:"",publishLibrary:"",submit:"",confirm:"",embeddableInteractionButton:""},t={clearReset:"",couldNotCreateShareableLink:"",couldNotCreateShareableLinkTooBig:"",couldNotLoadInvalidFile:"",importBackendFailed:"",cannotExportEmptyCanvas:"",couldNotCopyToClipboard:"",decryptFailed:"",uploadedSecurly:"",loadSceneOverridePrompt:"",collabStopOverridePrompt:"",errorAddingToLibrary:"",errorRemovingFromLibrary:"",confirmAddLibrary:"",imageDoesNotContainScene:"",cannotRestoreFromImage:"",invalidSceneUrl:"",resetLibrary:"",removeItemsFromsLibrary:"",invalidEncryptionKey:"",collabOfflineWarning:""},a={unsupportedFileType:"",imageInsertError:"",fileTooBig:"",svgImageInsertError:"",failedToFetchImage:"",invalidSVGString:"",cannotResolveCollabServer:"",importLibraryError:"",collabSaveFailed:"",collabSaveFailed_sizeExceeded:"",imageToolNotSupported:"",brave_measure_text_error:{line1:"",line2:"",line3:"",line4:""},libraryElementTypeError:{embeddable:"",iframe:"",image:""},asyncPasteFailedOnRead:"",asyncPasteFailedOnParse:"",copyToSystemClipboardFailed:""},D={selection:"",image:"",rectangle:"",diamond:"",ellipse:"",arrow:"",line:"",freedraw:"",text:"",library:"",lock:"",penMode:"",link:"",eraser:"",frame:"",magicframe:"",embeddable:"",laser:"",hand:"",extraTools:"",mermaidToExcalidraw:"",magicSettings:""},u={canvasActions:"",selectedShapeActions:"",shapes:""},i={canvasPanning:"",linearElement:"",freeDraw:"",text:"",embeddable:"",text_selected:"",text_editing:"",linearElementMulti:"",lockAngle:"",resize:"",resizeImage:"",rotate:"",lineEditor_info:"",lineEditor_pointSelected:"",lineEditor_nothingSelected:"",placeImage:"",publishLibrary:"",bindTextToElement:"",deepBoxSelect:"",eraserRevert:"",firefox_clipboard_write:"",disableSnapping:""},l={cannotShowPreview:"",canvasTooBig:"",canvasTooBigTip:""},n={headingMain:"",clearCanvasMessage:"",clearCanvasCaveat:"",trackedToSentry:"",openIssueMessage:"",sceneContent:""},s={desc_intro:"",desc_privacy:"",button_startSession:"",button_stopSession:"",desc_inProgressIntro:"",desc_shareLink:"",desc_exitSession:"",shareTitle:""},d={title:""},c={disk_title:"",disk_details:"",disk_button:"",link_title:"",link_details:"",link_button:"",excalidrawplus_description:"",excalidrawplus_button:"",excalidrawplus_exportError:""},B={blog:"",click:"",deepSelect:"",deepBoxSelect:"",curvedArrow:"",curvedLine:"",documentation:"",doubleClick:"",drag:"",editor:"",editLineArrowPoints:"",editText:"",github:"",howto:"",or:"",preventBinding:"",tools:"",shortcuts:"",textFinish:"",textNewLine:"",title:"",view:"",zoomToFit:"",zoomToSelection:"",toggleElementLock:"",movePageUpDown:"",movePageLeftRight:""},m={title:""},p={title:"",itemName:"",authorName:"",githubUsername:"",twitterUsername:"",libraryName:"",libraryDesc:"",website:"",placeholder:{authorName:"",libraryName:"",libraryDesc:"",githubHandle:"",twitterHandle:"",website:""},errors:{required:"",website:""},noteDescription:"",noteGuidelines:"",noteLicense:"",noteItems:"",atleastOneLibItem:"",republishWarning:""},g={title:"",content:""},b={resetLibrary:"",removeItemsFromLib:""},A={header:"",label:{withBackground:"",onlySelected:"",darkMode:"",embedScene:"",scale:"",padding:""},tooltip:{embedScene:""},title:{exportToPng:"",exportToSvg:"",copyPngToClipboard:""},button:{exportToPng:"",exportToSvg:"",copyPngToClipboard:""}},C={tooltip:"",link:""},h={angle:"",element:"",elements:"",height:"",scene:"",selected:"",storage:"",title:"",total:"",version:"",versionCopy:"",versionNotAvailable:"",width:""},y={addedToLibrary:"",copyStyles:"",copyToClipboard:"",copyToClipboardAsPng:"",fileSaved:"",fileSavedToFilename:"",canvas:"",selection:"",pasteAsSingleElement:"",unableToEmbed:"",unrecognizedLinkFormat:""},v={transparent:"",black:"",white:"",red:"",pink:"",grape:"",violet:"",gray:"",blue:"",cyan:"",teal:"",green:"",yellow:"",orange:"",bronze:""},S={app:{center_heading:"",center_heading_plus:"",menuHint:""},defaults:{menuHint:"",center_heading:"",toolbarHint:"",helpHint:""}},w={mostUsedCustomColors:"",colors:"",shades:"",hexCode:"",noShades:""},F={action:{exportToImage:{title:"",button:"",description:""},saveToDisk:{title:"",button:"",description:""},excalidrawPlus:{title:"",button:"",description:""}},modal:{loadFromFile:{title:"",button:"",description:""},shareableLink:{title:"",button:"",description:""}}},k={title:"",button:"",description:"",syntax:"",preview:""},T={labels:e,library:o,buttons:r,alerts:t,errors:a,toolBar:D,headings:u,hints:i,canvasError:l,errorSplash:n,roomDialog:s,errorDialog:d,exportDialog:c,helpDialog:B,clearCanvasDialog:m,publishDialog:p,publishSuccessDialog:g,confirmDialog:b,imageExportDialog:A,encrypted:C,stats:h,toast:y,colors:v,welcomeScreen:S,colorPicker:w,overwriteConfirm:F,mermaid:k};exports.alerts=t;exports.buttons=r;exports.canvasError=l;exports.clearCanvasDialog=m;exports.colorPicker=w;exports.colors=v;exports.confirmDialog=b;exports.default=T;exports.encrypted=C;exports.errorDialog=d;exports.errorSplash=n;exports.errors=a;exports.exportDialog=c;exports.headings=u;exports.helpDialog=B;exports.hints=i;exports.imageExportDialog=A;exports.labels=e;exports.library=o;exports.mermaid=k;exports.overwriteConfirm=F;exports.publishDialog=p;exports.publishSuccessDialog=g;exports.roomDialog=s;exports.stats=h;exports.toast=y;exports.toolBar=D;exports.welcomeScreen=S;

package/dist/layers.C4Z2eV4H.js

@@ -0,0 +1,437 @@
+import { a7 as z, a8 as F, a9 as j, aa as U, l as g, g as S, d as $, u as H, Y as K, _ as A, $ as E, a0 as L, V, j as P, t as W } from "./layers.Dwrpihyi.js";
+import * as G from "lodash-es";
+import { G as X } from "./layers.C7lIplJU.js";
+import { r as Y } from "./layers.C7md-mpb.js";
+import { c as J } from "./layers.Bxx3QiqH.js";
+function Q(e) {
+  return typeof e == "string" ? new z([document.querySelectorAll(e)], [document.documentElement]) : new z([j(e)], F);
+}
+function de(e, l) {
+  return !!e.children(l).length;
+}
+function pe(e) {
+  return N(e.v) + ":" + N(e.w) + ":" + N(e.name);
+}
+var Z = /:/g;
+function N(e) {
+  return e ? String(e).replace(Z, "\\:") : "";
+}
+function O(e, l) {
+  l && e.attr("style", l);
+}
+function be(e, l, c) {
+  l && e.attr("class", l).attr("class", c + " " + e.attr("class"));
+}
+function fe(e, l) {
+  var c = l.graph();
+  if (G.isPlainObject(c)) {
+    var a = c.transition;
+    if (G.isFunction(a))
+      return a(e);
+  }
+  return e;
+}
+function ee(e, l) {
+  var c = e.append("foreignObject").attr("width", "100000"), a = c.append("xhtml:div");
+  a.attr("xmlns", "http://www.w3.org/1999/xhtml");
+  var i = l.label;
+  switch (typeof i) {
+    case "function":
+      a.insert(i);
+      break;
+    case "object":
+      a.insert(function() {
+        return i;
+      });
+      break;
+    default:
+      a.html(i);
+  }
+  O(a, l.labelStyle), a.style("display", "inline-block"), a.style("white-space", "nowrap");
+  var d = a.node().getBoundingClientRect();
+  return c.attr("width", d.width).attr("height", d.height), c;
+}
+const q = {}, te = function(e) {
+  const l = Object.keys(e);
+  for (const c of l)
+    q[c] = e[c];
+}, M = async function(e, l, c, a, i, d) {
+  const u = a.select(`[id="${c}"]`), n = Object.keys(e);
+  for (const p of n) {
+    const r = e[p];
+    let y = "default";
+    r.classes.length > 0 && (y = r.classes.join(" ")), y = y + " flowchart-label";
+    const w = A(r.styles);
+    let t = r.text !== void 0 ? r.text : r.id, s;
+    if (g.info("vertex", r, r.labelType), r.labelType === "markdown")
+      g.info("vertex", r, r.labelType);
+    else if (W(S().flowchart.htmlLabels))
+      s = ee(u, {
+        label: t
+      }).node(), s.parentNode.removeChild(s);
+    else {
+      const k = i.createElementNS("http://www.w3.org/2000/svg", "text");
+      k.setAttribute("style", w.labelStyle.replace("color:", "fill:"));
+      const _ = t.split(P.lineBreakRegex);
+      for (const C of _) {
+        const v = i.createElementNS("http://www.w3.org/2000/svg", "tspan");
+        v.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), v.setAttribute("dy", "1em"), v.setAttribute("x", "1"), v.textContent = C, k.appendChild(v);
+      }
+      s = k;
+    }
+    let b = 0, o = "";
+    switch (r.type) {
+      case "round":
+        b = 5, o = "rect";
+        break;
+      case "square":
+        o = "rect";
+        break;
+      case "diamond":
+        o = "question";
+        break;
+      case "hexagon":
+        o = "hexagon";
+        break;
+      case "odd":
+        o = "rect_left_inv_arrow";
+        break;
+      case "lean_right":
+        o = "lean_right";
+        break;
+      case "lean_left":
+        o = "lean_left";
+        break;
+      case "trapezoid":
+        o = "trapezoid";
+        break;
+      case "inv_trapezoid":
+        o = "inv_trapezoid";
+        break;
+      case "odd_right":
+        o = "rect_left_inv_arrow";
+        break;
+      case "circle":
+        o = "circle";
+        break;
+      case "ellipse":
+        o = "ellipse";
+        break;
+      case "stadium":
+        o = "stadium";
+        break;
+      case "subroutine":
+        o = "subroutine";
+        break;
+      case "cylinder":
+        o = "cylinder";
+        break;
+      case "group":
+        o = "rect";
+        break;
+      case "doublecircle":
+        o = "doublecircle";
+        break;
+      default:
+        o = "rect";
+    }
+    const T = await V(t, S());
+    l.setNode(r.id, {
+      labelStyle: w.labelStyle,
+      shape: o,
+      labelText: T,
+      labelType: r.labelType,
+      rx: b,
+      ry: b,
+      class: y,
+      style: w.style,
+      id: r.id,
+      link: r.link,
+      linkTarget: r.linkTarget,
+      tooltip: d.db.getTooltip(r.id) || "",
+      domId: d.db.lookUpDomId(r.id),
+      haveCallback: r.haveCallback,
+      width: r.type === "group" ? 500 : void 0,
+      dir: r.dir,
+      type: r.type,
+      props: r.props,
+      padding: S().flowchart.padding
+    }), g.info("setNode", {
+      labelStyle: w.labelStyle,
+      labelType: r.labelType,
+      shape: o,
+      labelText: T,
+      rx: b,
+      ry: b,
+      class: y,
+      style: w.style,
+      id: r.id,
+      domId: d.db.lookUpDomId(r.id),
+      width: r.type === "group" ? 500 : void 0,
+      type: r.type,
+      dir: r.dir,
+      props: r.props,
+      padding: S().flowchart.padding
+    });
+  }
+}, R = async function(e, l, c) {
+  g.info("abc78 edges = ", e);
+  let a = 0, i = {}, d, u;
+  if (e.defaultStyle !== void 0) {
+    const n = A(e.defaultStyle);
+    d = n.style, u = n.labelStyle;
+  }
+  for (const n of e) {
+    a++;
+    const p = "L-" + n.start + "-" + n.end;
+    i[p] === void 0 ? (i[p] = 0, g.info("abc78 new entry", p, i[p])) : (i[p]++, g.info("abc78 new entry", p, i[p]));
+    let r = p + "-" + i[p];
+    g.info("abc78 new link id to be used is", p, r, i[p]);
+    const y = "LS-" + n.start, w = "LE-" + n.end, t = { style: "", labelStyle: "" };
+    switch (t.minlen = n.length || 1, n.type === "arrow_open" ? t.arrowhead = "none" : t.arrowhead = "normal", t.arrowTypeStart = "arrow_open", t.arrowTypeEnd = "arrow_open", n.type) {
+      case "double_arrow_cross":
+        t.arrowTypeStart = "arrow_cross";
+      case "arrow_cross":
+        t.arrowTypeEnd = "arrow_cross";
+        break;
+      case "double_arrow_point":
+        t.arrowTypeStart = "arrow_point";
+      case "arrow_point":
+        t.arrowTypeEnd = "arrow_point";
+        break;
+      case "double_arrow_circle":
+        t.arrowTypeStart = "arrow_circle";
+      case "arrow_circle":
+        t.arrowTypeEnd = "arrow_circle";
+        break;
+    }
+    let s = "", b = "";
+    switch (n.stroke) {
+      case "normal":
+        s = "fill:none;", d !== void 0 && (s = d), u !== void 0 && (b = u), t.thickness = "normal", t.pattern = "solid";
+        break;
+      case "dotted":
+        t.thickness = "normal", t.pattern = "dotted", t.style = "fill:none;stroke-width:2px;stroke-dasharray:3;";
+        break;
+      case "thick":
+        t.thickness = "thick", t.pattern = "solid", t.style = "stroke-width: 3.5px;fill:none;";
+        break;
+      case "invisible":
+        t.thickness = "invisible", t.pattern = "solid", t.style = "stroke-width: 0;fill:none;";
+        break;
+    }
+    if (n.style !== void 0) {
+      const o = A(n.style);
+      s = o.style, b = o.labelStyle;
+    }
+    t.style = t.style += s, t.labelStyle = t.labelStyle += b, n.interpolate !== void 0 ? t.curve = E(n.interpolate, L) : e.defaultInterpolate !== void 0 ? t.curve = E(e.defaultInterpolate, L) : t.curve = E(q.curve, L), n.text === void 0 ? n.style !== void 0 && (t.arrowheadStyle = "fill: #333") : (t.arrowheadStyle = "fill: #333", t.labelpos = "c"), t.labelType = n.labelType, t.label = await V(
+      n.text.replace(P.lineBreakRegex, `
+`),
+      S()
+    ), n.style === void 0 && (t.style = t.style || "stroke: #333; stroke-width: 1.5px;fill:none;"), t.labelStyle = t.labelStyle.replace("color:", "fill:"), t.id = r, t.classes = "flowchart-link " + y + " " + w, l.setEdge(n.start, n.end, t, a);
+  }
+}, re = function(e, l) {
+  return l.db.getClasses();
+}, le = async function(e, l, c, a) {
+  g.info("Drawing flowchart");
+  let i = a.db.getDirection();
+  i === void 0 && (i = "TD");
+  const { securityLevel: d, flowchart: u } = S(), n = u.nodeSpacing || 50, p = u.rankSpacing || 50;
+  let r;
+  d === "sandbox" && (r = $("#i" + l));
+  const y = d === "sandbox" ? $(r.nodes()[0].contentDocument.body) : $("body"), w = d === "sandbox" ? r.nodes()[0].contentDocument : document, t = new X({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: i,
+    nodesep: n,
+    ranksep: p,
+    marginx: 0,
+    marginy: 0
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  let s;
+  const b = a.db.getSubGraphs();
+  g.info("Subgraphs - ", b);
+  for (let f = b.length - 1; f >= 0; f--)
+    s = b[f], g.info("Subgraph - ", s), a.db.addVertex(
+      s.id,
+      { text: s.title, type: s.labelType },
+      "group",
+      void 0,
+      s.classes,
+      s.dir
+    );
+  const o = a.db.getVertices(), T = a.db.getEdges();
+  g.info("Edges", T);
+  let k = 0;
+  for (k = b.length - 1; k >= 0; k--) {
+    s = b[k], Q("cluster").append("text");
+    for (let f = 0; f < s.nodes.length; f++)
+      g.info("Setting up subgraphs", s.nodes[f], s.id), t.setParent(s.nodes[f], s.id);
+  }
+  await M(o, t, l, y, w, a), await R(T, t);
+  const _ = y.select(`[id="${l}"]`), C = y.select("#" + l + " g");
+  if (await Y(C, t, ["point", "circle", "cross"], "flowchart", l), H.insertTitle(_, "flowchartTitleText", u.titleTopMargin, a.db.getDiagramTitle()), K(t, _, u.diagramPadding, u.useMaxWidth), a.db.indexNodes("subGraph" + k), !u.htmlLabels) {
+    const f = w.querySelectorAll('[id="' + l + '"] .edgeLabel .label');
+    for (const x of f) {
+      const m = x.getBBox(), h = w.createElementNS("http://www.w3.org/2000/svg", "rect");
+      h.setAttribute("rx", 0), h.setAttribute("ry", 0), h.setAttribute("width", m.width), h.setAttribute("height", m.height), x.insertBefore(h, x.firstChild);
+    }
+  }
+  Object.keys(o).forEach(function(f) {
+    const x = o[f];
+    if (x.link) {
+      const m = $("#" + l + ' [id="' + f + '"]');
+      if (m) {
+        const h = w.createElementNS("http://www.w3.org/2000/svg", "a");
+        h.setAttributeNS("http://www.w3.org/2000/svg", "class", x.classes.join(" ")), h.setAttributeNS("http://www.w3.org/2000/svg", "href", x.link), h.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener"), d === "sandbox" ? h.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top") : x.linkTarget && h.setAttributeNS("http://www.w3.org/2000/svg", "target", x.linkTarget);
+        const B = m.insert(function() {
+          return h;
+        }, ":first-child"), I = m.select(".label-container");
+        I && B.append(function() {
+          return I.node();
+        });
+        const D = m.select(".label");
+        D && B.append(function() {
+          return D.node();
+        });
+      }
+    }
+  });
+}, ue = {
+  setConf: te,
+  addVertices: M,
+  addEdges: R,
+  getClasses: re,
+  draw: le
+}, ae = (e, l) => {
+  const c = J, a = c(e, "r"), i = c(e, "g"), d = c(e, "b");
+  return U(a, i, d, l);
+}, oe = (e) => `.label {
+    font-family: ${e.fontFamily};
+    color: ${e.nodeTextColor || e.textColor};
+  }
+  .cluster-label text {
+    fill: ${e.titleColor};
+  }
+  .cluster-label span,p {
+    color: ${e.titleColor};
+  }
+
+  .label text,span,p {
+    fill: ${e.nodeTextColor || e.textColor};
+    color: ${e.nodeTextColor || e.textColor};
+  }
+
+  .node rect,
+  .node circle,
+  .node ellipse,
+  .node polygon,
+  .node path {
+    fill: ${e.mainBkg};
+    stroke: ${e.nodeBorder};
+    stroke-width: 1px;
+  }
+  .flowchart-label text {
+    text-anchor: middle;
+  }
+  // .flowchart-label .text-outer-tspan {
+  //   text-anchor: middle;
+  // }
+  // .flowchart-label .text-inner-tspan {
+  //   text-anchor: start;
+  // }
+
+  .node .katex path {
+    fill: #000;
+    stroke: #000;
+    stroke-width: 1px;
+  }
+
+  .node .label {
+    text-align: center;
+  }
+  .node.clickable {
+    cursor: pointer;
+  }
+
+  .arrowheadPath {
+    fill: ${e.arrowheadColor};
+  }
+
+  .edgePath .path {
+    stroke: ${e.lineColor};
+    stroke-width: 2.0px;
+  }
+
+  .flowchart-link {
+    stroke: ${e.lineColor};
+    fill: none;
+  }
+
+  .edgeLabel {
+    background-color: ${e.edgeLabelBackground};
+    rect {
+      opacity: 0.5;
+      background-color: ${e.edgeLabelBackground};
+      fill: ${e.edgeLabelBackground};
+    }
+    text-align: center;
+  }
+
+  /* For html labels only */
+  .labelBkg {
+    background-color: ${ae(e.edgeLabelBackground, 0.5)};
+    // background-color: 
+  }
+
+  .cluster rect {
+    fill: ${e.clusterBkg};
+    stroke: ${e.clusterBorder};
+    stroke-width: 1px;
+  }
+
+  .cluster text {
+    fill: ${e.titleColor};
+  }
+
+  .cluster span,p {
+    color: ${e.titleColor};
+  }
+  /* .cluster div {
+    color: ${e.titleColor};
+  } */
+
+  div.mermaidTooltip {
+    position: absolute;
+    text-align: center;
+    max-width: 200px;
+    padding: 2px;
+    font-family: ${e.fontFamily};
+    font-size: 12px;
+    background: ${e.tertiaryColor};
+    border: 1px solid ${e.border2};
+    border-radius: 2px;
+    pointer-events: none;
+    z-index: 100;
+  }
+
+  .flowchartTitleText {
+    text-anchor: middle;
+    font-size: 18px;
+    fill: ${e.textColor};
+  }
+`, we = oe;
+export {
+  ue as a,
+  O as b,
+  ee as c,
+  fe as d,
+  pe as e,
+  we as f,
+  be as g,
+  de as i,
+  Q as s
+};