@layers-app/editor 0.7.15 → 0.7.16

package/dist/layers.C4sqTK_F.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./layers.B-uN2dv6.js"),z=require("./layers.BLd2spTm.js"),i=require("./layers.BxEWWb9m.js"),j=require("./layers.EMkoiu95.js");require("./layers.DekD8orP.js");require("lodash-es");require("./layers.Cyzu9PKQ.js");const h="rect",C="rectWithTitle",K="start",F="end",J="divider",Q="roundedWithTitle",X="note",Z="noteGroup",b="statediagram",m="state",I=`${b}-${m}`,k="transition",tt="note",et="note-edge",ot=`${k} ${et}`,st=`${b}-${tt}`,nt="cluster",ct=`${b}-${nt}`,it="cluster-alt",rt=`${b}-${it}`,M="parent",B="note",lt="state",w="----",at=`${w}${B}`,v=`${w}${M}`,H="fill:none",U="fill: #333",q="c",V="text",Y="normal";let y={},S=0;const dt=function(t){const n=Object.keys(t);for(const e of n)t[e]},Et=function(t,n){return n.db.extract(n.db.getRootDocV2()),n.db.getClasses()};function St(t){return t==null?"":t.classes?t.classes.join(" "):""}function x(t="",n=0,e="",c=w){const r=e!==null&&e.length>0?`${c}${e}`:"";return`${lt}-${t}${r}-${n}`}const p=(t,n,e,c,r,l)=>{const o=e.id,f=St(c[o]);if(o!=="root"){let u=h;e.start===!0&&(u=K),e.start===!1&&(u=F),e.type!==a.DEFAULT_STATE_TYPE&&(u=e.type),y[o]||(y[o]={id:o,shape:u,description:i.common$1.sanitizeText(o,i.getConfig()),classes:`${f} ${I}`});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=i.common$1.sanitizeTextOrArray(s.description,i.getConfig())),s.description.length===1&&s.shape===C&&(s.shape=h),!s.type&&e.doc&&(i.log$1.info("Setting cluster for ",o,R(e)),s.type="group",s.dir=R(e),s.shape=e.type===a.DIVIDER_TYPE?J:Q,s.classes=s.classes+" "+ct+" "+(l?rt:""));const _={labelStyle:"",shape:s.shape,labelText:s.description,classes:s.classes,style:"",id:o,dir:s.dir,domId:x(o,S),type:s.type,padding:15};if(_.centerLabel=!0,e.note){const d={labelStyle:"",shape:X,labelText:e.note.text,classes:st,style:"",id:o+at+"-"+S,domId:x(o,S,B),type:s.type,padding:15},E={labelStyle:"",shape:Z,labelText:e.note.text,classes:s.classes,style:"",id:o+v,domId:x(o,S,M),type:"group",padding:0};S++;const g=o+v;t.setNode(g,E),t.setNode(d.id,d),t.setNode(o,_),t.setParent(o,g),t.setParent(d.id,g);let T=o,A=d.id;e.note.position==="left of"&&(T=d.id,A=o),t.setEdge(T,A,{arrowhead:"none",arrowType:"",style:H,labelStyle:"",classes:ot,arrowheadStyle:U,labelpos:q,labelType:V,thickness:Y})}else t.setNode(o,_)}n&&n.id!=="root"&&(i.log$1.trace("Setting node ",o," to be child of its parent ",n.id),t.setParent(o,n.id)),e.doc&&(i.log$1.trace("Adding nodes children "),Tt(t,e,e.doc,c,r,!l))},Tt=(t,n,e,c,r,l)=>{i.log$1.trace("items",e),e.forEach(o=>{switch(o.stmt){case a.STMT_STATE:p(t,n,o,c,r,l);break;case a.DEFAULT_STATE_TYPE:p(t,n,o,c,r,l);break;case a.STMT_RELATION:{p(t,n,o.state1,c,r,l),p(t,n,o.state2,c,r,l);const f={id:"edge"+S,arrowhead:"normal",arrowTypeEnd:"arrow_barb",style:H,labelStyle:"",label:i.common$1.sanitizeText(o.description,i.getConfig()),arrowheadStyle:U,labelpos:q,labelType:V,thickness:Y,classes:k};t.setEdge(o.state1.id,o.state2.id,f,S),S++}break}})},R=(t,n=a.DEFAULT_NESTED_DOC_DIR)=>{let e=n;if(t.doc)for(let c=0;c<t.doc.length;c++){const r=t.doc[c];r.stmt==="dir"&&(e=r.value)}return e},ut=async function(t,n,e,c){i.log$1.info("Drawing state diagram (v2)",n),y={},c.db.getDirection();const{securityLevel:r,state:l}=i.getConfig(),o=l.nodeSpacing||50,f=l.rankSpacing||50;i.log$1.info(c.db.getRootDocV2()),c.db.extract(c.db.getRootDocV2()),i.log$1.info(c.db.getRootDocV2());const u=c.db.getStates(),s=new z.Graph({multigraph:!0,compound:!0}).setGraph({rankdir:R(c.db.getRootDocV2()),nodesep:o,ranksep:f,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}});p(s,void 0,c.db.getRootDocV2(),u,c.db,!0);let _;r==="sandbox"&&(_=i.select("#i"+n));const d=r==="sandbox"?i.select(_.nodes()[0].contentDocument.body):i.select("body"),E=d.select(`[id="${n}"]`),g=d.select("#"+n+" g");await j.render(g,s,["barb"],b,n);const T=8;i.utils.insertTitle(E,"statediagramTitleText",l.titleTopMargin,c.db.getDiagramTitle());const A=E.node().getBBox(),G=A.width+T*2,N=A.height+T*2;E.attr("class",b);const L=E.node().getBBox();i.configureSvgSize(E,N,G,l.useMaxWidth);const P=`${L.x-T} ${L.y-T} ${G} ${N}`;i.log$1.debug(`viewBox ${P}`),E.attr("viewBox",P);const W=document.querySelectorAll('[id="'+n+'"] .edgeLabel .label');for(const $ of W){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)}},_t={setConf:dt,getClasses:Et,draw:ut},bt={parser:a.parser$1,db:a.db,renderer:_t,styles:a.styles,init:t=>{t.state||(t.state={}),t.state.arrowMarkerAbsolute=t.arrowMarkerAbsolute,a.db.clear()}};exports.diagram=bt;

package/dist/layers.CQIsVcwC.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.BzhWDlph.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.CTRdszML.js

@@ -1,208 +0,0 @@
-import { jsx as a, jsxs as I, Fragment as y } from "react/jsx-runtime";
-import { useMemo as _, useState as j, useRef as A, useCallback as w, useEffect as P } from "react";
-import { R as Q, A as X, e as Y, p as F, w as Z, x as p, f as $, h as K, o as ee, i as te, j as ae, k as se, l as ie, z as D, O as ne, s as le } from "./layers.CqT_gss2.js";
-import { p as oe, C as re, E as ce } from "./layers.DFPipsvw.js";
-import { useTranslation as de } from "react-i18next";
-import { Box as G, Tooltip as H, ActionIcon as V } from "@mantine/core";
-import { IconEdit as fe } from "@tabler/icons-react";
-function ue({
-  imageContainerRef: s,
-  editor: o,
-  rootClassName: E = null,
-  width: S = "inherit",
-  height: h = "inherit",
-  nodeKey: e,
-  alignment: g,
-  setModalOpen: r,
-  previewSVG: C
-}) {
-  const x = _(() => C ?? "", [C]), [c, b] = j(!1), { t: d } = de(), v = (l, f) => {
-    o.update(() => {
-      Z(null);
-      const m = p(e);
-      return $(m) && m.setWidthAndHeight(l, f), !0;
-    });
-  }, O = () => {
-    K(o, e);
-  };
-  return /* @__PURE__ */ a(
-    Q,
-    {
-      editor: o,
-      isIcon: !1,
-      isEmbed: !0,
-      width: F(S),
-      height: F(h),
-      onResizeEnd: v,
-      alignment: g,
-      children: /* @__PURE__ */ I(G, { className: "media-wrapper excaildraw", children: [
-        /* @__PURE__ */ I("div", { className: "media-actions", children: [
-          /* @__PURE__ */ a(H, { label: d("editor.link.edit"), children: /* @__PURE__ */ a(
-            V,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: () => {
-                r(!0);
-              },
-              children: /* @__PURE__ */ a(fe, { size: 14 })
-            }
-          ) }),
-          /* @__PURE__ */ a(
-            X,
-            {
-              opened: c,
-              setOpened: b,
-              t: d,
-              editor: o,
-              nodeKey: e
-            }
-          ),
-          /* @__PURE__ */ a(H, { label: d("editor.actions.delete"), children: /* @__PURE__ */ a(
-            V,
-            {
-              color: "gray",
-              "aria-label": "Settings",
-              className: "media-action",
-              variant: "default",
-              size: 24,
-              onClick: O,
-              children: /* @__PURE__ */ a(Y, { name: "trash", size: "14" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ a(
-          G,
-          {
-            w: "100%",
-            ref: (l) => {
-              l && s && (s.current = l);
-            },
-            className: E ?? "",
-            dangerouslySetInnerHTML: { __html: x }
-          }
-        )
-      ] })
-    }
-  );
-}
-function Se({
-  nodeKey: s,
-  data: o,
-  width: E,
-  height: S,
-  alignment: h
-}) {
-  var T;
-  const [e] = ee(), g = te(), r = _(() => oe(o), [o]), C = ((T = r == null ? void 0 : r.elements) == null ? void 0 : T.length) === 0 && !r.previewSVG, [x, c] = j(
-    C && e.isEditable()
-  ), [b, d] = j(!1), v = A(null), O = A(null), l = A(null), [f, m, M] = ae(s), N = w(
-    (t) => (f && (t.preventDefault(), e.update(() => {
-      const n = p(s);
-      n && n.remove();
-    })), !1),
-    [e, f, s]
-  );
-  P(() => {
-    if (!g) {
-      f && M();
-      return;
-    }
-    return se(
-      e.registerCommand(
-        le,
-        (t) => {
-          const n = O.current, u = t.target;
-          return n !== null && n.contains(u) ? (t.shiftKey || M(), m(!f), t.detail > 1 && c(!0), !0) : !1;
-        },
-        D
-      ),
-      e.registerCommand(
-        ne,
-        N,
-        D
-      ),
-      e.registerCommand(
-        ie,
-        N,
-        D
-      )
-    );
-  }, [M, e, f, N, m, g]);
-  const B = w(() => (c(!1), e.update(() => {
-    const t = p(s);
-    t && t.remove();
-  })), [e, s]), J = (t, n, u, z) => e.update(() => {
-    const k = p(s);
-    $(k) && (t && t.length > 0 || Object.keys(u).length > 0 ? k.setData(
-      JSON.stringify({
-        appState: n,
-        elements: t,
-        files: u,
-        previewSVG: z
-      })
-    ) : k.remove());
-  }), { elements: i = [], files: L = {}, appState: U = {}, previewSVG: W } = r, R = w(() => {
-    c(!1), d(!1), l.current = !1, (i == null ? void 0 : i.length) === 0 && e.update(() => {
-      const t = p(s);
-      t && t.remove();
-    });
-  }, [e, s, i == null ? void 0 : i.length]), q = w(() => {
-    l.current ? d(!0) : R();
-  }, []);
-  return /* @__PURE__ */ I(y, { children: [
-    /* @__PURE__ */ a(
-      re,
-      {
-        isCloseModal: b,
-        confirmClose: R,
-        setCloseModalOpen: d
-      }
-    ),
-    /* @__PURE__ */ a(
-      ce,
-      {
-        initialElements: i,
-        isEdited: l,
-        initialFiles: L,
-        initialAppState: U,
-        isShown: x,
-        onDelete: B,
-        onClose: q,
-        onSave: (t, n, u, z) => {
-          J(t, n, u, z), c(!1);
-        },
-        closeOnClickOutside: !1
-      }
-    ),
-    (i == null ? void 0 : i.length) && /* @__PURE__ */ a(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: h
-        },
-        children: /* @__PURE__ */ a(
-          ue,
-          {
-            imageContainerRef: v,
-            className: "image",
-            width: E,
-            height: S,
-            editor: e,
-            nodeKey: s,
-            alignment: h,
-            setModalOpen: c,
-            previewSVG: W
-          }
-        )
-      }
-    )
-  ] });
-}
-export {
-  Se as default
-};