obeyaka-ui 0.1.56 → 0.1.57

package/dist/stateDiagram-v2-d93cdb3a-1b864ac9.mjs

@@ -0,0 +1,202 @@
+import { p as j, d as v, s as Q, D as M, a as X, S as Z, b as F, c as I } from "./styles-6aaf32cf-24d17eb1.mjs";
+import { G as tt } from "./graph-2b15b758.mjs";
+import { J as x } from "./index-8210ad65.mjs";
+import { l as E, c as g, u as et, h as ot, i as w } from "./index-6ebd68de.mjs";
+import { r as st } from "./index-3862675e-bece533f.mjs";
+import "dayjs";
+import "./layout-875eceb4.mjs";
+import "react/jsx-runtime";
+import "@mantine/core";
+import "react";
+import "@tabler/icons-react";
+import "@mantine/dropzone";
+import "@mantine/hooks";
+import "@emoji-mart/data";
+import "emoji-mart";
+import "@mantine/tiptap";
+import "react-dom";
+import "@mantine/dates";
+import "@mantine/notifications";
+import "@mantine/modals";
+import "./clone-9144063d.mjs";
+import "./edges-e0da2a9e-23e9831c.mjs";
+import "./createText-2e5e7dd3-595815c6.mjs";
+const h = "rect", C = "rectWithTitle", nt = "start", it = "end", ct = "divider", rt = "roundedWithTitle", lt = "note", at = "noteGroup", _ = "statediagram", dt = "state", Et = `${_}-${dt}`, H = "transition", pt = "note", St = "note-edge", Tt = `${H} ${St}`, _t = `${_}-${pt}`, ut = "cluster", ft = `${_}-${ut}`, Dt = "cluster-alt", bt = `${_}-${Dt}`, U = "parent", V = "note", At = "state", N = "----", ht = `${N}${V}`, B = `${N}${U}`, Y = "fill:none", W = "fill: #333", z = "c", q = "text", J = "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 = "", i = N) {
+  const c = e !== null && e.length > 0 ? `${i}${e}` : "";
+  return `${At}-${t}${c}-${n}`;
+}
+const A = (t, n, e, i, c, r) => {
+  const o = e.id, u = $t(i[o]);
+  if (o !== "root") {
+    let S = h;
+    e.start === !0 && (S = nt), e.start === !1 && (S = it), e.type !== M && (S = e.type), y[o] || (y[o] = {
+      id: o,
+      shape: S,
+      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 === X ? ct : rt, s.classes = s.classes + " " + ft + " " + (r ? bt : ""));
+    const T = {
+      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 (T.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, V),
+        type: s.type,
+        padding: 15
+        //getConfig().flowchart.padding
+      }, a = {
+        labelStyle: "",
+        shape: at,
+        labelText: e.note.text,
+        classes: s.classes,
+        style: "",
+        // styles.style,
+        id: o + B,
+        domId: R(o, d, U),
+        type: "group",
+        padding: 0
+        //getConfig().flowchart.padding
+      };
+      d++;
+      const f = o + B;
+      t.setNode(f, a), t.setNode(l.id, l), t.setNode(o, T), t.setParent(o, f), t.setParent(l.id, f);
+      let p = o, D = l.id;
+      e.note.position === "left of" && (p = l.id, D = o), t.setEdge(p, D, {
+        arrowhead: "none",
+        arrowType: "",
+        style: Y,
+        labelStyle: "",
+        classes: Tt,
+        arrowheadStyle: W,
+        labelpos: z,
+        labelType: q,
+        thickness: J
+      });
+    } else
+      t.setNode(o, T);
+  }
+  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, i, c, !r));
+}, xt = (t, n, e, i, c, r) => {
+  E.trace("items", e), e.forEach((o) => {
+    switch (o.stmt) {
+      case F:
+        A(t, n, o, i, c, r);
+        break;
+      case M:
+        A(t, n, o, i, c, r);
+        break;
+      case Z:
+        {
+          A(t, n, o.state1, i, c, r), A(t, n, o.state2, i, c, r);
+          const u = {
+            id: "edge" + d,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: Y,
+            labelStyle: "",
+            label: w.sanitizeText(o.description, g()),
+            arrowheadStyle: W,
+            labelpos: z,
+            labelType: q,
+            thickness: J,
+            classes: H
+          };
+          t.setEdge(o.state1.id, o.state2.id, u, d), d++;
+        }
+        break;
+    }
+  });
+}, G = (t, n = I) => {
+  let e = n;
+  if (t.doc)
+    for (let i = 0; i < t.doc.length; i++) {
+      const c = t.doc[i];
+      c.stmt === "dir" && (e = c.value);
+    }
+  return e;
+}, Ct = async function(t, n, e, i) {
+  E.info("Drawing state diagram (v2)", n), y = {}, i.db.getDirection();
+  const { securityLevel: c, state: r } = g(), o = r.nodeSpacing || 50, u = r.rankSpacing || 50;
+  E.info(i.db.getRootDocV2()), i.db.extract(i.db.getRootDocV2()), E.info(i.db.getRootDocV2());
+  const S = i.db.getStates(), s = new tt({
+    multigraph: !0,
+    compound: !0
+  }).setGraph({
+    rankdir: G(i.db.getRootDocV2()),
+    nodesep: o,
+    ranksep: u,
+    marginx: 8,
+    marginy: 8
+  }).setDefaultEdgeLabel(function() {
+    return {};
+  });
+  A(s, void 0, i.db.getRootDocV2(), S, i.db, !0);
+  let T;
+  c === "sandbox" && (T = x("#i" + n));
+  const l = c === "sandbox" ? x(T.nodes()[0].contentDocument.body) : x("body"), a = l.select(`[id="${n}"]`), f = l.select("#" + n + " g");
+  await st(f, s, ["barb"], _, n);
+  const p = 8;
+  et.insertTitle(a, "statediagramTitleText", r.titleTopMargin, i.db.getDiagramTitle());
+  const D = a.node().getBBox(), L = D.width + p * 2, P = D.height + p * 2;
+  a.attr("class", _);
+  const m = a.node().getBBox();
+  ot(a, P, L, r.useMaxWidth);
+  const O = `${m.x - p} ${m.y - p} ${L} ${P}`;
+  E.debug(`viewBox ${O}`), a.attr("viewBox", O);
+  const K = document.querySelectorAll('[id="' + n + '"] .edgeLabel .label');
+  for (const $ of K) {
+    const k = $.getBBox(), b = document.createElementNS("http://www.w3.org/2000/svg", h);
+    b.setAttribute("rx", 0), b.setAttribute("ry", 0), b.setAttribute("width", k.width), b.setAttribute("height", k.height), $.insertBefore(b, $.firstChild);
+  }
+}, Rt = {
+  setConf: yt,
+  getClasses: gt,
+  draw: Ct
+}, Zt = {
+  parser: j,
+  db: v,
+  renderer: Rt,
+  styles: Q,
+  init: (t) => {
+    t.state || (t.state = {}), t.state.arrowMarkerAbsolute = t.arrowMarkerAbsolute, v.clear();
+  }
+};
+export {
+  Zt as diagram
+};

package/dist/stateDiagram-v2-d93cdb3a-6adef884.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./styles-6aaf32cf-d010a342.js"),j=require("./graph-854f5d3b.js"),x=require("./index-2042338a.js"),r=require("./index-e1270243.js"),K=require("./index-3862675e-6aad1d4d.js");require("dayjs");require("./layout-3ff0fc53.js");require("react/jsx-runtime");require("@mantine/core");require("react");require("@tabler/icons-react");require("@mantine/dropzone");require("@mantine/hooks");require("@emoji-mart/data");require("emoji-mart");require("@mantine/tiptap");require("react-dom");require("@mantine/dates");require("@mantine/notifications");require("@mantine/modals");require("./clone-5e5b54ae.js");require("./edges-e0da2a9e-2798c363.js");require("./createText-2e5e7dd3-ad342991.js");const h="rect",C="rectWithTitle",F="start",J="end",Q="divider",X="roundedWithTitle",Z="note",m="noteGroup",b="statediagram",I="state",ee=`${b}-${I}`,k="transition",te="note",oe="note-edge",se=`${k} ${oe}`,ne=`${b}-${te}`,ie="cluster",re=`${b}-${ie}`,ce="cluster-alt",le=`${b}-${ce}`,M="parent",B="note",ae="state",q="----",de=`${q}${B}`,v=`${q}${M}`,H="fill:none",U="fill: #333",V="c",Y="text",W="normal";let y={},E=0;const ue=function(e){const n=Object.keys(e);for(const t of n)e[t]},Ee=function(e,n){return n.db.extract(n.db.getRootDocV2()),n.db.getClasses()};function Se(e){return e==null?"":e.classes?e.classes.join(" "):""}function R(e="",n=0,t="",i=q){const c=t!==null&&t.length>0?`${i}${t}`:"";return`${ae}-${e}${c}-${n}`}const p=(e,n,t,i,c,l)=>{const o=t.id,f=Se(i[o]);if(o!=="root"){let T=h;t.start===!0&&(T=F),t.start===!1&&(T=J),t.type!==a.DEFAULT_STATE_TYPE&&(T=t.type),y[o]||(y[o]={id:o,shape:T,description:r.common$1.sanitizeText(o,r.getConfig()),classes:`${f} ${ee}`});const s=y[o];t.description&&(Array.isArray(s.description)?(s.shape=C,s.description.push(t.description)):s.description.length>0?(s.shape=C,s.description===o?s.description=[t.description]:s.description=[s.description,t.description]):(s.shape=h,s.description=t.description),s.description=r.common$1.sanitizeTextOrArray(s.description,r.getConfig())),s.description.length===1&&s.shape===C&&(s.shape=h),!s.type&&t.doc&&(r.log$1.info("Setting cluster for ",o,w(t)),s.type="group",s.dir=w(t),s.shape=t.type===a.DIVIDER_TYPE?Q:X,s.classes=s.classes+" "+re+" "+(l?le:""));const _={labelStyle:"",shape:s.shape,labelText:s.description,classes:s.classes,style:"",id:o,dir:s.dir,domId:R(o,E),type:s.type,padding:15};if(_.centerLabel=!0,t.note){const d={labelStyle:"",shape:Z,labelText:t.note.text,classes:ne,style:"",id:o+de+"-"+E,domId:R(o,E,B),type:s.type,padding:15},u={labelStyle:"",shape:m,labelText:t.note.text,classes:s.classes,style:"",id:o+v,domId:R(o,E,M),type:"group",padding:0};E++;const g=o+v;e.setNode(g,u),e.setNode(d.id,d),e.setNode(o,_),e.setParent(o,g),e.setParent(d.id,g);let S=o,A=d.id;t.note.position==="left of"&&(S=d.id,A=o),e.setEdge(S,A,{arrowhead:"none",arrowType:"",style:H,labelStyle:"",classes:se,arrowheadStyle:U,labelpos:V,labelType:Y,thickness:W})}else e.setNode(o,_)}n&&n.id!=="root"&&(r.log$1.trace("Setting node ",o," to be child of its parent ",n.id),e.setParent(o,n.id)),t.doc&&(r.log$1.trace("Adding nodes children "),Te(e,t,t.doc,i,c,!l))},Te=(e,n,t,i,c,l)=>{r.log$1.trace("items",t),t.forEach(o=>{switch(o.stmt){case a.STMT_STATE:p(e,n,o,i,c,l);break;case a.DEFAULT_STATE_TYPE:p(e,n,o,i,c,l);break;case a.STMT_RELATION:{p(e,n,o.state1,i,c,l),p(e,n,o.state2,i,c,l);const f={id:"edge"+E,arrowhead:"normal",arrowTypeEnd:"arrow_barb",style:H,labelStyle:"",label:r.common$1.sanitizeText(o.description,r.getConfig()),arrowheadStyle:U,labelpos:V,labelType:Y,thickness:W,classes:k};e.setEdge(o.state1.id,o.state2.id,f,E),E++}break}})},w=(e,n=a.DEFAULT_NESTED_DOC_DIR)=>{let t=n;if(e.doc)for(let i=0;i<e.doc.length;i++){const c=e.doc[i];c.stmt==="dir"&&(t=c.value)}return t},_e=async function(e,n,t,i){r.log$1.info("Drawing state diagram (v2)",n),y={},i.db.getDirection();const{securityLevel:c,state:l}=r.getConfig(),o=l.nodeSpacing||50,f=l.rankSpacing||50;r.log$1.info(i.db.getRootDocV2()),i.db.extract(i.db.getRootDocV2()),r.log$1.info(i.db.getRootDocV2());const T=i.db.getStates(),s=new j.Graph({multigraph:!0,compound:!0}).setGraph({rankdir:w(i.db.getRootDocV2()),nodesep:o,ranksep:f,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}});p(s,void 0,i.db.getRootDocV2(),T,i.db,!0);let _;c==="sandbox"&&(_=x.select("#i"+n));const d=c==="sandbox"?x.select(_.nodes()[0].contentDocument.body):x.select("body"),u=d.select(`[id="${n}"]`),g=d.select("#"+n+" g");await K.render(g,s,["barb"],b,n);const S=8;r.utils.insertTitle(u,"statediagramTitleText",l.titleTopMargin,i.db.getDiagramTitle());const A=u.node().getBBox(),G=A.width+S*2,N=A.height+S*2;u.attr("class",b);const L=u.node().getBBox();r.configureSvgSize(u,N,G,l.useMaxWidth);const P=`${L.x-S} ${L.y-S} ${G} ${N}`;r.log$1.debug(`viewBox ${P}`),u.attr("viewBox",P);const z=document.querySelectorAll('[id="'+n+'"] .edgeLabel .label');for(const $ of z){const O=$.getBBox(),D=document.createElementNS("http://www.w3.org/2000/svg",h);D.setAttribute("rx",0),D.setAttribute("ry",0),D.setAttribute("width",O.width),D.setAttribute("height",O.height),$.insertBefore(D,$.firstChild)}},be={setConf:ue,getClasses:Ee,draw:_e},fe={parser:a.parser$1,db:a.db,renderer:be,styles:a.styles,init:e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute,a.db.clear()}};exports.diagram=fe;