@zenuml/core 3.34.1 → 3.34.2

package/dist/zenuml.esm.mjs

@@ -71156,7 +71156,7 @@ const JW = (i, e) => {
       ]
     }
   );
-}, i$ = "3.34.1";
+}, i$ = "3.34.2";
 function r$(i) {
   const e = Math.floor(i / 1e3), t = Math.floor(i % 1e3), n = Math.floor((i % 1e3 - t) * 1e3);
   return e + "s " + t + "ms " + n + "μs";

package/dist/zenuml.js

@@ -3392,7 +3392,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),c4=L2,ae=b2);const B1=
 `+d).trim(),this.textStyle={...f,...L,...p},this.classNames=[...h,..._,...m],this.commentStyle={...f,...L},this.messageStyle={...f,...p},this.commentClassNames=[...h,..._],this.messageClassNames=[...h,...m]}}const dH=i=>{const e=i.context.getComment()||"",t=new uH(e),n={className:G2("text-left text-sm text-skin-message",{hidden:i.collapsed&&!i.context.ret()}),context:i.context,origin:i.origin,comment:e,commentObj:t,number:i.number};switch(!0){case!!i.context.loop():return S.jsx(Uz,{...n});case!!i.context.alt():return S.jsx(Zz,{...n});case!!i.context.par():return S.jsx(Bz,{...n});case!!i.context.opt():return S.jsx(Gz,{...n});case!!i.context.section():return S.jsx(Hz,{...n});case!!i.context.critical():return S.jsx(Yz,{...n});case!!i.context.tcf():return S.jsx(Vz,{...n});case!!i.context.ref():return S.jsx(qz,{...n});case!!i.context.creation():return S.jsx(Xz,{...n});case!!i.context.message():return S.jsx(eH,{...n});case!!i.context.asyncMessage():return S.jsx(nH,{...n});case!!i.context.divider():return S.jsx(oH,{...n});case!!i.context.ret():return S.jsx(lH,{...n,className:"text-left text-sm text-skin-message"})}},T3=i=>{var n;const e=((n=i.context)==null?void 0:n.stat())||[],t=s=>i.number?i.incremental?dU(i.number,s):`${i.number}.${s+1}`:String(s+1);return S.jsx("div",{className:G2("block",i.className),style:i.style,"data-origin":i.origin,children:e.map((s,l)=>S.jsx("div",{className:G2("statement-container my-4",l===e.length-1&&"[&>.return]:-mb-4 [&>.return]:bottom-[-1px]"),"data-origin":i.origin,children:S.jsx(dH,{origin:i.origin||"",context:s,collapsed:!!i.collapsed,number:t(l)})},l))})};var Ul=typeof document<"u"?v.useLayoutEffect:v.useEffect;const LH={...En}.useInsertionEffect||(i=>i());function CH(i){const e=v.useRef(()=>{});return LH(()=>{e.current=i}),v.useCallback(function(){for(var t=arguments.length,n=new Array(t),s=0;s<t;s++)n[s]=arguments[s];return e.current==null?void 0:e.current(...n)},[])}const _H={...En};let Ff=!1,gH=0;const Uf=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+gH++;function pH(){const[i,e]=v.useState(()=>Ff?Uf():void 0);return Ul(()=>{i==null&&e(Uf())},[]),v.useEffect(()=>{Ff=!0},[]),i}const mH=_H.useId||pH;function hH(){const i=new Map;return{emit(e,t){var n;(n=i.get(e))==null||n.forEach(s=>s(t))},on(e,t){i.has(e)||i.set(e,new Set),i.get(e).add(t)},off(e,t){var n;(n=i.get(e))==null||n.delete(t)}}}const fH=v.createContext(null),EH=v.createContext(null),SH=()=>{var i;return((i=v.useContext(fH))==null?void 0:i.id)||null},TH=()=>v.useContext(EH);function vH(i){const{open:e=!1,onOpenChange:t,elements:n}=i,s=mH(),l=v.useRef({}),[c]=v.useState(()=>hH()),d=SH()!=null,[L,_]=v.useState(n.reference),p=CH((h,R,b)=>{l.current.openEvent=h?R:void 0,c.emit("openchange",{open:h,event:R,reason:b,nested:d}),t==null||t(h,R,b)}),m=v.useMemo(()=>({setPositionReference:_}),[]),f=v.useMemo(()=>({reference:L||n.reference||null,floating:n.floating||null,domReference:n.reference}),[L,n.reference,n.floating]);return v.useMemo(()=>({dataRef:l,open:e,onOpenChange:p,elements:f,events:c,floatingId:s,refs:m}),[e,p,f,c,s,m])}function RH(i){i===void 0&&(i={});const{nodeId:e}=i,t=vH({...i,elements:{reference:null,floating:null,...i.elements}}),n=i.rootContext||t,s=n.elements,[l,c]=v.useState(null),[d,L]=v.useState(null),p=(s==null?void 0:s.domReference)||l,m=v.useRef(null),f=TH();Ul(()=>{p&&(m.current=p)},[p]);const h=ZP({...i,elements:{...s,...d&&{reference:d}}}),R=v.useCallback(D=>{const N=Ke(D)?{getBoundingClientRect:()=>D.getBoundingClientRect(),getClientRects:()=>D.getClientRects(),contextElement:D}:D;L(N),h.refs.setReference(N)},[h.refs]),b=v.useCallback(D=>{(Ke(D)||D===null)&&(m.current=D,c(D)),(Ke(h.refs.reference.current)||h.refs.reference.current===null||D!==null&&!Ke(D))&&h.refs.setReference(D)},[h.refs]),w=v.useMemo(()=>({...h.refs,setReference:b,setPositionReference:R,domReference:m}),[h.refs,b,R]),M=v.useMemo(()=>({...h.elements,domReference:p}),[h.elements,p]),O=v.useMemo(()=>({...h,...n,refs:w,elements:M,nodeId:e}),[h,w,M,e,n]);return Ul(()=>{n.dataRef.current.floatingContext=O;const D=f==null?void 0:f.nodesRef.current.find(N=>N.id===e);D&&(D.context=O)}),v.useMemo(()=>({...h,context:O,refs:w,elements:M}),[h,w,M,O])}function bH(i){const e=v.useRef(i);return v.useEffect(()=>{e.current=i},[i]),e}function xH(i,e,t){const n=bH(e);v.useEffect(()=>{function s(l){n.current(l)}return document.addEventListener(i,s,t),()=>document.removeEventListener(i,s,t)},[i,t,n])}const wH=(i,e)=>{xH("click",t=>{i&&(i.contains(t.target)||e(t))},{capture:!0})},MH=[{name:"bold",content:"B",class:"font-bold"},{name:"italic",content:"I",class:"italic"},{name:"underline",content:"U",class:"underline"},{name:"strikethrough",content:"S",class:"line-through"}],AH=()=>{const[i,e]=t4(Z9),t=i1(Q0),n=k0(ji),[s,l]=v.useState(!1),[c,d]=v.useState([]),[L,_]=v.useState(""),p=b=>{e(b),t(b)},m=v.useRef({start:0,lineHead:0,prevLine:"",leadingSpaces:"",prevLineIsComment:!1,hasStyleBrackets:!1}),{refs:f,floatingStyles:h}=RH({open:s,onOpenChange:l}),R=b=>{var M;if(l(!1),!L)return;const w=m.current;if(w.prevLineIsComment){let O="";if(w.hasStyleBrackets){let D;c.includes(b)?D=c.filter(N=>N!==b):D=[...c,b],O=`${w.leadingSpaces}// [${D.filter(Boolean).join(", ")}] ${w.prevLine.slice(w.prevLine.indexOf("]")+1).trimStart()}`}else O=`${w.leadingSpaces}// [${b}] ${w.prevLine.slice((((M=w.prevLine.match(/\/\/*/))==null?void 0:M.index)||-2)+2).trimStart()}`;O.endsWith(`
 `)||(O+=`
 `),p(i.slice(0,FL(i,w.start))+O+i.slice(w.lineHead))}else p(i.slice(0,w.lineHead)+`${w.leadingSpaces}// [${b}]
-`+i.slice(w.lineHead))};return wH(f.floating.current,()=>{l(!1)}),v.useEffect(()=>{n((b,w)=>{setTimeout(()=>{var O;const M=m.current;if(M.start=b.start.start,M.lineHead=zi(i,M.start),M.prevLine=pb(i,M.start),M.leadingSpaces=((O=i.slice(M.lineHead).match(/^\s*/))==null?void 0:O[0])||"",M.prevLineIsComment=M.prevLine.trim().startsWith("//"),M.prevLineIsComment){const D=M.prevLine.trimStart().slice(2).trimStart(),N=D.indexOf("["),F=D.indexOf("]");M.hasStyleBrackets=!!(N===0&&F),M.hasStyleBrackets?d(D.slice(N+1,F).split(",").map(U=>U.trim())):d([])}f.setReference(w),_(b),l(!0)},0)})},[i,f,n]),S.jsx("div",{id:"style-panel",ref:f.setFloating,style:h,children:s&&S.jsx("div",{className:"flex bg-white shadow-md z-10 rounded-md p-1",children:MH.map(b=>S.jsx("div",{onClick:()=>R(b.class),children:S.jsx("div",{className:G2("w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200",[b.class,{"bg-gray-100":c.includes(b.class)}]),children:b.content})},b.name))})})},Zf=X6.child({name:"MessageLayer"}),Bf=i=>{const e=i1(B9),t=v.useMemo(()=>{const c=Xn(e);return c.length===0?$e:c[0].from||$e},[e]),n=Z3(t)+1,[s,l]=v.useState(!1);return s&&Zf.debug("MessageLayer updated"),v.useEffect(()=>{l(!0),Zf.debug("MessageLayer mounted")},[]),S.jsxs("div",{className:"message-layer relative z-30 pt-14 pb-10",style:i.style,children:[S.jsx(T3,{context:i.context,style:{paddingLeft:`${n}px`},origin:t}),S.jsx(AH,{})]})},Gf=i=>{const e=i1(G9),t=i1(D4),n=i1(B9),s=i1(f4),l=k0(Ki),c=v.useRef(null);v.useEffect(()=>{l(c.current)}),v.useImperativeHandle(i.ref,()=>c.current);const d=v.useMemo(()=>{const _=s.orderedParticipantNames(),m=new M8(_).getFrame(n);return m?A8(m).left:0},[s,n]),L=v.useMemo(()=>Tg(n,s)-d,[n,s,d]);return S.jsx("div",{className:G2("zenuml sequence-diagram relative box-border text-left overflow-visible px-2.5",e,i.className),style:i.style,ref:c,children:S.jsx("div",{style:{paddingLeft:`${d}px`},className:"relative z-container",children:t===U3.Dynamic?S.jsxs(S.Fragment,{children:[S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderLifeLine:!0}),S.jsx(Bf,{context:n==null?void 0:n.block(),style:{width:`${L}px`}}),S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderParticipants:!0})]}):S.jsxs(S.Fragment,{children:[S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderParticipants:!0,renderLifeLine:!0}),S.jsx(Bf,{context:n==null?void 0:n.block(),style:{width:`${L}px`}})]})})})},Y8={backgroundColor:"white",filter:i=>{var e;return!((e=i==null?void 0:i.classList)!=null&&e.contains("hide-export"))}},yH=({ref:i,children:e})=>{const t=v.useRef(null),n=v.useRef(null),s=i1(B9),[l,c]=t4(QL),[d,L]=t4(KL),[_,p]=t4(G9),[m,f]=t4(jL),h=i1($L),R=i1(D4),b=s==null?void 0:s.title(),w=()=>{c(!0)},M=async()=>{if(t.current)return mC(t.current,Y8)},O=async()=>{if(t.current)return nr(t.current,Y8)},D=async()=>{if(t.current)return Nx(t.current,Y8)},N=async()=>{if(t.current)return yx(t.current,Y8)},F=()=>{const K=Math.min(1,d+.1);L(K)},U=()=>{L(d-.1)},k=K=>{const X="zenuml-style";let r2;r2=document.createElement("style"),r2.id=X,document.head.append(r2),r2.textContent=K},n2=K=>{const X=new URL(K).hostname;if(X==="https://github.com"||X==="https://githubusercontent.com"){fetch(K.replace("github.com","raw.githubusercontent.com").replace("blob/","")).then(g2=>g2.text()).then(g2=>{k(g2)});return}const r2="zenuml-remote-css";let t2;t2=document.createElement("link"),t2.id=r2,t2.rel="stylesheet",document.head.append(t2),t2.href=K};return v.useImperativeHandle(i,()=>({toPng:M,toSvg:O,toBlob:D,toJpeg:N,zoomIn:F,zoomOut:U,setTheme:p,setRemoteCss:n2})),S.jsxs("div",{ref:t,className:G2("p-1 bg-skin-canvas inline-block",_),children:[S.jsx(Ew,{}),S.jsxs("div",{className:"frame text-skin-base bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded",children:[S.jsxs("div",{ref:n,children:[S.jsxs("div",{className:"header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t",children:[S.jsx("div",{className:"left hide-export",children:e}),S.jsxs("div",{className:"right flex-grow flex justify-between",children:[S.jsx(Tw,{context:b}),S.jsx(Sw,{className:"hide-export flex items-center"})]})]}),l&&S.jsx("div",{className:"fixed z-40 inset-0 overflow-y-auto","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:S.jsx(HD,{})}),S.jsx(Gf,{className:"origin-top-left",style:{transform:`scale(${d})`}})]}),S.jsx("div",{className:"footer rounded text-skin-control bg-skin-title px-4 py-1 flex justify-between items-center gap-3",children:R===U3.Dynamic&&S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"flex items-center gap-3 color-base",children:[S.jsx("button",{className:"bottom-1 flex items-center left-1 hide-export",onClick:w,children:S.jsx(Ce,{name:"tip",className:"filter grayscale w-4 h-4"})}),h&&S.jsx($F,{}),S.jsxs("div",{className:"flex items-center",children:[S.jsx("input",{type:"checkbox",id:"order-display",className:"mr-1",checked:!!m,onChange:()=>f(!m)}),S.jsx("label",{htmlFor:"order-display",title:"Numbering the diagram",className:"select-none",children:S.jsx(Ce,{name:"numbering",className:"w-6 h-6"})})]})]}),S.jsxs("div",{className:"zoom-controls flex hide-export gap-1",children:[S.jsx("button",{className:"zoom-in",onClick:F,children:S.jsx(Ce,{name:"zoom-in",className:"w-4 h-4"})}),S.jsxs("label",{className:"w-12 block text-center",children:[Number(d*100).toFixed(0),"%"]}),S.jsx("button",{className:"zoom-out",onClick:U,children:S.jsx(Ce,{name:"zoom-out",className:"w-4 h-4"})})]}),S.jsx("a",{target:"_blank",href:"https://zenuml.com",className:"brand text-xs hover:underline",children:"ZenUML.com"})]})})]})]})},NH="3.34.1";function OH(i){const e=Math.floor(i/1e3),t=Math.floor(i%1e3),n=Math.floor((i%1e3-t)*1e3);return e+"s "+t+"ms "+n+"μs"}const IH=(i,e)=>{const n=zf()-e;return console.debug(i+" cost: "+OH(n)),n},zf=()=>performance.now();var Zl={exports:{}},T5={},Bl={exports:{}},Gl={};/**
+`+i.slice(w.lineHead))};return wH(f.floating.current,()=>{l(!1)}),v.useEffect(()=>{n((b,w)=>{setTimeout(()=>{var O;const M=m.current;if(M.start=b.start.start,M.lineHead=zi(i,M.start),M.prevLine=pb(i,M.start),M.leadingSpaces=((O=i.slice(M.lineHead).match(/^\s*/))==null?void 0:O[0])||"",M.prevLineIsComment=M.prevLine.trim().startsWith("//"),M.prevLineIsComment){const D=M.prevLine.trimStart().slice(2).trimStart(),N=D.indexOf("["),F=D.indexOf("]");M.hasStyleBrackets=!!(N===0&&F),M.hasStyleBrackets?d(D.slice(N+1,F).split(",").map(U=>U.trim())):d([])}f.setReference(w),_(b),l(!0)},0)})},[i,f,n]),S.jsx("div",{id:"style-panel",ref:f.setFloating,style:h,children:s&&S.jsx("div",{className:"flex bg-white shadow-md z-10 rounded-md p-1",children:MH.map(b=>S.jsx("div",{onClick:()=>R(b.class),children:S.jsx("div",{className:G2("w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200",[b.class,{"bg-gray-100":c.includes(b.class)}]),children:b.content})},b.name))})})},Zf=X6.child({name:"MessageLayer"}),Bf=i=>{const e=i1(B9),t=v.useMemo(()=>{const c=Xn(e);return c.length===0?$e:c[0].from||$e},[e]),n=Z3(t)+1,[s,l]=v.useState(!1);return s&&Zf.debug("MessageLayer updated"),v.useEffect(()=>{l(!0),Zf.debug("MessageLayer mounted")},[]),S.jsxs("div",{className:"message-layer relative z-30 pt-14 pb-10",style:i.style,children:[S.jsx(T3,{context:i.context,style:{paddingLeft:`${n}px`},origin:t}),S.jsx(AH,{})]})},Gf=i=>{const e=i1(G9),t=i1(D4),n=i1(B9),s=i1(f4),l=k0(Ki),c=v.useRef(null);v.useEffect(()=>{l(c.current)}),v.useImperativeHandle(i.ref,()=>c.current);const d=v.useMemo(()=>{const _=s.orderedParticipantNames(),m=new M8(_).getFrame(n);return m?A8(m).left:0},[s,n]),L=v.useMemo(()=>Tg(n,s)-d,[n,s,d]);return S.jsx("div",{className:G2("zenuml sequence-diagram relative box-border text-left overflow-visible px-2.5",e,i.className),style:i.style,ref:c,children:S.jsx("div",{style:{paddingLeft:`${d}px`},className:"relative z-container",children:t===U3.Dynamic?S.jsxs(S.Fragment,{children:[S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderLifeLine:!0}),S.jsx(Bf,{context:n==null?void 0:n.block(),style:{width:`${L}px`}}),S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderParticipants:!0})]}):S.jsxs(S.Fragment,{children:[S.jsx(qr,{leftGap:d,context:n==null?void 0:n.head(),renderParticipants:!0,renderLifeLine:!0}),S.jsx(Bf,{context:n==null?void 0:n.block(),style:{width:`${L}px`}})]})})})},Y8={backgroundColor:"white",filter:i=>{var e;return!((e=i==null?void 0:i.classList)!=null&&e.contains("hide-export"))}},yH=({ref:i,children:e})=>{const t=v.useRef(null),n=v.useRef(null),s=i1(B9),[l,c]=t4(QL),[d,L]=t4(KL),[_,p]=t4(G9),[m,f]=t4(jL),h=i1($L),R=i1(D4),b=s==null?void 0:s.title(),w=()=>{c(!0)},M=async()=>{if(t.current)return mC(t.current,Y8)},O=async()=>{if(t.current)return nr(t.current,Y8)},D=async()=>{if(t.current)return Nx(t.current,Y8)},N=async()=>{if(t.current)return yx(t.current,Y8)},F=()=>{const K=Math.min(1,d+.1);L(K)},U=()=>{L(d-.1)},k=K=>{const X="zenuml-style";let r2;r2=document.createElement("style"),r2.id=X,document.head.append(r2),r2.textContent=K},n2=K=>{const X=new URL(K).hostname;if(X==="https://github.com"||X==="https://githubusercontent.com"){fetch(K.replace("github.com","raw.githubusercontent.com").replace("blob/","")).then(g2=>g2.text()).then(g2=>{k(g2)});return}const r2="zenuml-remote-css";let t2;t2=document.createElement("link"),t2.id=r2,t2.rel="stylesheet",document.head.append(t2),t2.href=K};return v.useImperativeHandle(i,()=>({toPng:M,toSvg:O,toBlob:D,toJpeg:N,zoomIn:F,zoomOut:U,setTheme:p,setRemoteCss:n2})),S.jsxs("div",{ref:t,className:G2("p-1 bg-skin-canvas inline-block",_),children:[S.jsx(Ew,{}),S.jsxs("div",{className:"frame text-skin-base bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded",children:[S.jsxs("div",{ref:n,children:[S.jsxs("div",{className:"header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t",children:[S.jsx("div",{className:"left hide-export",children:e}),S.jsxs("div",{className:"right flex-grow flex justify-between",children:[S.jsx(Tw,{context:b}),S.jsx(Sw,{className:"hide-export flex items-center"})]})]}),l&&S.jsx("div",{className:"fixed z-40 inset-0 overflow-y-auto","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:S.jsx(HD,{})}),S.jsx(Gf,{className:"origin-top-left",style:{transform:`scale(${d})`}})]}),S.jsx("div",{className:"footer rounded text-skin-control bg-skin-title px-4 py-1 flex justify-between items-center gap-3",children:R===U3.Dynamic&&S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"flex items-center gap-3 color-base",children:[S.jsx("button",{className:"bottom-1 flex items-center left-1 hide-export",onClick:w,children:S.jsx(Ce,{name:"tip",className:"filter grayscale w-4 h-4"})}),h&&S.jsx($F,{}),S.jsxs("div",{className:"flex items-center",children:[S.jsx("input",{type:"checkbox",id:"order-display",className:"mr-1",checked:!!m,onChange:()=>f(!m)}),S.jsx("label",{htmlFor:"order-display",title:"Numbering the diagram",className:"select-none",children:S.jsx(Ce,{name:"numbering",className:"w-6 h-6"})})]})]}),S.jsxs("div",{className:"zoom-controls flex hide-export gap-1",children:[S.jsx("button",{className:"zoom-in",onClick:F,children:S.jsx(Ce,{name:"zoom-in",className:"w-4 h-4"})}),S.jsxs("label",{className:"w-12 block text-center",children:[Number(d*100).toFixed(0),"%"]}),S.jsx("button",{className:"zoom-out",onClick:U,children:S.jsx(Ce,{name:"zoom-out",className:"w-4 h-4"})})]}),S.jsx("a",{target:"_blank",href:"https://zenuml.com",className:"brand text-xs hover:underline",children:"ZenUML.com"})]})})]})]})},NH="3.34.2";function OH(i){const e=Math.floor(i/1e3),t=Math.floor(i%1e3),n=Math.floor((i%1e3-t)*1e3);return e+"s "+t+"ms "+n+"μs"}const IH=(i,e)=>{const n=zf()-e;return console.debug(i+" cost: "+OH(n)),n},zf=()=>performance.now();var Zl={exports:{}},T5={},Bl={exports:{}},Gl={};/**
  * @license React
  * scheduler.production.js
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenuml/core",
-  "version": "3.34.1",
+  "version": "3.34.2",
   "private": false,
   "license": "MIT",
   "repository": {