@zenuml/core 2.0.26 → 2.0.27

package/dist/zenuml-core.mjs

@@ -30575,6 +30575,9 @@ class Ew {
   get theme() {
     return this._theme;
   }
+  async getPng() {
+    return this.app.$children[0].toPng();
+  }
 }
 const bw = {
   Vue: ut,

package/dist/zenuml-core.umd.js

@@ -559,4 +559,4 @@ https://github.com/highlightjs/highlight.js/issues/2277`),at=y,U=E);const xt={co
           </code>
         `:`<code>${n}</code>`}};F.setOptions({highlight:function(n,t){if(!t)return vn.highlightAuto(n).value;const e=vn.getLanguage(t)?t:"plaintext";return vn.highlight(e,n).value},breaks:!0}),F.use({renderer:CC});const EC={name:"comment",props:["comment","commentObj"],computed:{markedComment(){var n,t;return((n=this.commentObj)==null?void 0:n.text)&&F.parse((t=this.commentObj)==null?void 0:t.text)||this.comment&&F.parse(this.comment)},color(){var n;return(n=this.commentObj)==null?void 0:n.color}}},u2={};var bC=tt(EC,vC,yC,!1,wC,"460475e2",null,null);function wC(n){for(let t in u2)this[t]=u2[t]}const Wr=function(){return bC.exports}();var TC=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full",class:{"right-to-left":n.rtl},attrs:{"data-el-type":"occurrence","data-belongs-to":n.participant,"data-x-offset":n.center,"data-debug-center-of":n.computedCenter}},[this.context.braceBlock()?e("block",{attrs:{context:n.context.braceBlock().block(),selfCallIndent:n.selfCallIndent}}):n._e()],1)},AC=[];const bw="",ww="",SC={name:"occurrence",props:["context","selfCallIndent","participant","rtl"],data:function(){return{center:0}},computed:{...Dt(["centerOf","messageLayerLeft"]),...Cr(["code"]),computedCenter:function(){try{return this.centerOf(this.participant)}catch(n){return console.error(n),0}}}},h2={};var RC=tt(SC,TC,AC,!1,kC,"03ad2cec",null,null);function kC(n){for(let t in h2)this[t]=h2[t]}const f2=function(){return RC.exports}();class Qn{constructor(t,e,r,s){this.start={line:t,col:e},this.stop={line:r,col:s}}static from(t){const e=t.start,r=t.stop;return new Qn(e.line,e.column,r.line,r.column+r.text.length)}}var OC=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"interaction creation sync text-center transform",class:{"right-to-left":n.rightToLeft,"-translate-x-full":n.rightToLeft,highlight:n.isCurrent},style:{width:n.interactionWidth+"px"},attrs:{"data-signature":n.signature},on:{click:function(r){return r.stopPropagation(),n.onClick.apply(null,arguments)}}},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),e("div",{ref:"messageContainer",staticClass:"message-container pointer-events-none flex items-center h-10",class:{"flex-row-reverse":n.rightToLeft},attrs:{"data-type":"creation","data-to":n.to}},[e("message",{ref:"messageEl",staticClass:"invocation w-full transform -translate-y-1/2 pointer-events-auto",attrs:{content:n.signature,rtl:n.rightToLeft,type:"creation"}}),e("div",{ref:"participantPlaceHolder",staticClass:"invisible right-0 flex flex-col justify-center flex-shrink-0"},[e("participant",{attrs:{entity:{name:n.to}}})],1)],1),e("occurrence",{staticClass:"pointer-events-auto",attrs:{context:n.creation,participant:n.to}}),n.assignee?e("message",{staticClass:"return transform -translate-y-full pointer-events-auto",attrs:{content:n.assignee,rtl:!n.rightToLeft,type:"return"}}):n._e()],1)},NC=[];const d2=ir.child({name:"Creation"}),IC={name:"creation",props:["context","comment","selfCallIndent"],computed:{...Dt(["cursor","onElementClick","distance"]),from(){return this.context.Origin()},creation(){return this.context.creation()},interactionWidth(){let n=Math.abs(this.distance(this.to,this.from)),t=this.selfCallIndent||0;return n+(this.rightToLeft?t:-t)},rightToLeft(){return this.distance(this.to,this.from)<0},signature(){return this.creation.SignatureText()},assignee(){function n(s){return s&&s.getFormattedText()||""}let t=this.creation.creationBody().assignment();if(!t)return"";let e=n(t.assignee());const r=n(t.type());return e+(r?":"+r:"")},to(){return this.creation.Owner()},isCurrent(){return this.creation.isCurrent(this.cursor)}},mounted(){this.layoutMessageContainer(),d2.log(`mounted for ${this.to}`)},updated(){this.layoutMessageContainer(),d2.debug(`mounted for ${this.to}`)},methods:{layoutMessageContainer(){(()=>{if(!this.$refs.participantPlaceHolder||!this.$refs.messageContainer)return;const t=this.$refs.participantPlaceHolder.offsetWidth/2;this.$refs.messageContainer.style.width=`calc(100% + ${t+6}px`,this.rightToLeft&&(this.$refs.messageContainer.style.transform=`translateX( ${-(t+6)}px`)})()},onClick(){this.onElementClick(Qn.from(this.context))}},components:{Participant:sh,Comment:Wr,Occurrence:f2,Message:zr}},p2={};var MC=tt(IC,OC,NC,!1,PC,null,null,null);function PC(n){for(let t in p2)this[t]=p2[t]}const $C=function(){return MC.exports}();var DC=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"message self text-sm flex items-start",staticStyle:{"border-width":"0"}},[e("svg",{staticClass:"arrow text-skin-message-arrow",attrs:{width:"30",height:"24"}},[e("polyline",{staticClass:"line stroke-current fill-none stroke-2",attrs:{points:"0,2 28,2 28,15 14,15"}}),e("polyline",{staticClass:"head stroke-current fill-current stroke-2",attrs:{points:"18,9 8,15 18,21"}})]),e("label",{staticClass:"name px-px hover:text-skin-message-hover hover:bg-skin-message-hover"},[n.assignee?e("span",[n._v(n._s(n.assignee)+" = ")]):n._e(),n._v(" "+n._s(n.content))])])},FC=[];const BC={name:"self-invocation",props:["content","assignee"]},g2={};var UC=tt(BC,DC,FC,!1,HC,null,null,null);function HC(n){for(let t in g2)this[t]=g2[t]}const GC=function(){return UC.exports}();var jC=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"interaction sync inline-block",class:{highlight:n.isCurrent,self:n.isSelf},style:{width:!n.isSelf&&n.interactionWidth+"px",transform:"translateX("+n.translateX+"px)"},attrs:{"data-to":n.to,"data-type":"interaction","data-signature":n.signature},on:{click:function(r){return r.stopPropagation(),n.onClick.apply(null,arguments)}}},[n.showStarter&&n.isRootBlock||n.outOfBand?e("div",{staticClass:"occurrence source border-2",class:{"right-to-left":n.rightToLeft}}):n._e(),n.hasComment?e("comment",{attrs:{commentObj:n.commentObj}}):n._e(),e(n.invocation,{tag:"component",staticClass:"text-center",attrs:{color:n.color,content:n.signature,assignee:n.assignee,rtl:n.rightToLeft,type:"sync"}}),e("occurrence",{attrs:{context:n.message,participant:n.to,selfCallIndent:n.passOnOffset,rtl:n.rightToLeft}}),n.assignee&&!n.isSelf?e("message",{staticClass:"return transform -translate-y-full",attrs:{content:n.assignee,rtl:!n.rightToLeft,type:"return"}}):n._e()],1)},VC=[];const Tw="",zC={name:"interaction",props:["context","selfCallIndent","commentObj"],computed:{...Dt(["participants","distance2","cursor","onElementClick"]),hasComment(){var n,t;return((n=this.commentObj)==null?void 0:n.text)!==""||((t=this.commentObj)==null?void 0:t.color)!==""},color(){var n;return(n=this.commentObj)==null?void 0:n.color},message:function(){var n;return(n=this.context)==null?void 0:n.message()},providedFrom:function(){var n,t;return(t=(n=this.context)==null?void 0:n.message())==null?void 0:t.ProvidedFrom()},from:function(){return this.providedFrom||this.origin},outOfBand:function(){return!!this.providedFrom&&this.providedFrom!==this.origin},assignee:function(){var t;let n=(t=this.message)==null?void 0:t.Assignment();return n?n.getText():""},signature:function(){var n;return(n=this.message)==null?void 0:n.SignatureText()},translateX:function(){if(!this.rightToLeft&&!this.outOfBand)return 0;const t=this.rightToLeft?this.to:this.providedFrom,e=this.distance2(this.origin,t),r=this.selfCallIndent||0;return e+0-r},rightToLeft:function(){return this.distance2(this.from,this.to)<0},isCurrent:function(){var n;return(n=this.message)==null?void 0:n.isCurrent(this.cursor)},showStarter(){return this.participants.Starter().name!=="_STARTER_"},isRootBlock(){var n,t;return((t=(n=this.context)==null?void 0:n.parentCtx)==null?void 0:t.parentCtx)instanceof jm},origin:function(){var n;return(n=this.context)==null?void 0:n.Origin()},passOnOffset:function(){return this.isSelf?(this.selfCallIndent||0)+6:0},interactionWidth:function(){if(this.context&&this.isSelf)return 0;let n=this.outOfBand?0:this.selfCallIndent||0;return Math.abs(this.distance2(this.from,this.to)-n)},to:function(){var n,t;return(t=(n=this.context)==null?void 0:n.message())==null?void 0:t.Owner()},isSelf:function(){return this.to===this.from},invocation:function(){return this.isSelf?"SelfInvocation":"Message"}},methods:{onClick(){this.onElementClick(Qn.from(this.context))}},components:{Message:zr,SelfInvocation:GC,Comment:Wr,Occurrence:f2}},x2={};var ZC=tt(zC,jC,VC,!1,qC,"654355dc",null,null);function qC(n){for(let t in x2)this[t]=x2[t]}const WC=function(){return ZC.exports}();var KC=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"message self flex items-start",staticStyle:{"border-width":"0"}},[e("svg",{staticClass:"arrow text-skin-message-arrow",attrs:{width:"34",height:"34"}},[e("polyline",{staticClass:"stroke-current stroke-2 fill-none",attrs:{points:"0,2 28,2 28,25 1,25"}}),e("polyline",{staticClass:"head stroke-current stroke-2 fill-none",attrs:{points:"11,19 1,25 11,31"}})]),e("label",{staticClass:"name px-px hover:text-skin-message-hover hover:bg-skin-message-hover"},[n._v(n._s(n.content))])])},YC=[];const Aw="",XC={name:"self-invocation-async",props:["content"]},m2={};var QC=tt(XC,KC,YC,!1,JC,"15650a4a",null,null);function JC(n){for(let t in m2)this[t]=m2[t]}const tE=function(){return QC.exports}();var eE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"interaction async",class:{"right-to-left":n.rightToLeft,highlight:n.isCurrent},style:{width:n.interactionWidth+"px",transform:"translateX("+n.translateX+"px)"},attrs:{"data-signature":n.signature},on:{click:function(r){return r.stopPropagation(),n.onClick.apply(null,arguments)}}},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),e(n.invocation,{tag:"component",attrs:{content:n.signature,rtl:n.rightToLeft,type:"async"}})],1)},nE=[];const Sw="";function S1(n){return n==null}const rE={name:"interaction-async",props:["context","comment","selfCallIndent"],computed:{...Dt(["distance","cursor","onElementClick"]),from:function(){return this.context.Origin()},asyncMessage:function(){var n;return(n=this.context)==null?void 0:n.asyncMessage()},interactionWidth:function(){var n;return this.isSelf?10*(((n=this.signature)==null?void 0:n.length)||0)+100:Math.abs(this.distance(this.target,this.source))},translateX:function(){return this.rightToLeft?this.distance(this.target,this.from):this.distance(this.source,this.from)},rightToLeft:function(){return this.distance(this.target,this.source)<0},signature:function(){var n,t;return(t=(n=this.asyncMessage)==null?void 0:n.content())==null?void 0:t.getFormattedText()},source:function(){var n,t;return((t=(n=this.asyncMessage)==null?void 0:n.from())==null?void 0:t.getFormattedText())||this.from},target:function(){var n,t;return(t=(n=this.asyncMessage)==null?void 0:n.to())==null?void 0:t.getFormattedText()},isCurrent:function(){const n=this.asyncMessage.start.start,t=this.asyncMessage.stop.stop+1;return S1(this.cursor)||S1(n)||S1(t)?!1:this.cursor>=n&&this.cursor<=t},isSelf:function(){return this.source===this.target},invocation:function(){return this.isSelf?"SelfInvocationAsync":"Message"}},methods:{onClick(){this.onElementClick(Qn.from(this.context))}},components:{Comment:Wr,SelfInvocationAsync:tE,Message:zr}},_2={};var sE=tt(rE,eE,nE,!1,iE,"146d3785",null,null);function iE(n){for(let t in _2)this[t]=_2[t]}const oE=function(){return sE.exports}();var aE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"fragment alt border-skin-fragment rounded",style:n.fragmentStyle},[e("div",{staticClass:"segment"},[n.comment?e("comment",{attrs:{comment:n.comment,commentObj:n.commentObj}}):n._e(),n._m(0),e("div",{staticClass:"segment"},[e("div",{staticClass:"text-skin-fragment"},[e("label",{staticClass:"condition p-1"},[n._v("["+n._s(n.condition)+"]")])]),n.blockInIfBlock?e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.blockInIfBlock,selfCallIndent:n.selfCallIndent}}):n._e()],1)],1),n._l(n.alt.elseIfBlock(),function(r,s){return[e("div",{key:s+500,staticClass:"segment mt-2 border-t border-solid"},[e("div",{key:s+1e3,staticClass:"text-skin-fragment"},[e("label",{staticClass:"else-if hidden"},[n._v("else if")]),e("label",{staticClass:"condition p-1"},[n._v("["+n._s(n.conditionFromIfElseBlock(r))+"]")])]),e("block",{key:s+2e3,style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.blockInElseIfBlock(r),selfCallIndent:n.selfCallIndent}})],1)]}),n.elseBlock?[e("div",{staticClass:"segment mt-2 border-t border-solid"},[n._m(1),e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.elseBlock,selfCallIndent:n.selfCallIndent}})],1)]:n._e()],2)},lE=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t"},[e("div",{staticClass:"name font-semibold p-1 border-b"},[e("label",{staticClass:"p-0"},[n._v("Alt")])])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"text-skin-fragment"},[e("label",{staticClass:"p-1"},[n._v("[else]")])])}];const Rw="",cE={name:"fragment-alt",props:["context","comment","selfCallIndent","commentObj"],mixins:[Vr],computed:{from:function(){return this.context.Origin()},alt:function(){return this.context.alt()},blockInIfBlock:function(){var n,t,e;return(e=(t=(n=this.alt)==null?void 0:n.ifBlock())==null?void 0:t.braceBlock())==null?void 0:e.block()},condition:function(){var n;return this.conditionFromIfElseBlock((n=this.alt)==null?void 0:n.ifBlock())},elseBlock:function(){var n,t,e;return(e=(t=(n=this.alt)==null?void 0:n.elseBlock())==null?void 0:t.braceBlock())==null?void 0:e.block()}},methods:{conditionFromIfElseBlock(n){var t,e;return(e=(t=n==null?void 0:n.parExpr())==null?void 0:t.condition())==null?void 0:e.getFormattedText()},blockInElseIfBlock(n){var t;return(t=n==null?void 0:n.braceBlock())==null?void 0:t.block()}}},L2={};var uE=tt(cE,aE,lE,!1,hE,"44efdc8c",null,null);function hE(n){for(let t in L2)this[t]=L2[t]}const fE=function(){return uE.exports}();var dE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"fragment par border-skin-fragment rounded",style:n.fragmentStyle},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),n._m(0),e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.par.braceBlock().block(),selfCallIndent:n.selfCallIndent}})],1)},pE=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t"},[e("div",{staticClass:"name font-semibold p-1 border-b"},[e("label",[n._v("Par")])])])}];const kw="",Ow="",gE={name:"fragment-par",props:["context","comment","selfCallIndent"],mixins:[Vr],computed:{from:function(){return this.context.Origin()},par:function(){return this.context.par()}}},v2={};var xE=tt(gE,dE,pE,!1,mE,"52a95b3f",null,null);function mE(n){for(let t in v2)this[t]=v2[t]}const _E=function(){return xE.exports}();var LE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"fragment loop border-skin-fragment rounded",style:n.fragmentStyle},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),n._m(0),e("div",{staticClass:"segment"},[e("div",{staticClass:"text-skin-fragment"},[e("label",{staticClass:"condition p-1"},[n._v("["+n._s(n.condition)+"]")])]),e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.blockInLoop,selfCallIndent:n.selfCallIndent}})],1)],1)},vE=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header text-skin-fragment-header bg-skin-fragment-header text-base leading-4"},[e("div",{staticClass:"name font-semibold p-1 border-b"},[e("label",{staticClass:"p-0"},[n._v("Loop")])])])}];const Nw="",yE={name:"fragment-loop",props:["context","comment","selfCallIndent"],mixins:[Vr],computed:{from:function(){return this.context.Origin()},loop:function(){return this.context.loop()},blockInLoop:function(){var n,t;return(t=(n=this.loop)==null?void 0:n.braceBlock())==null?void 0:t.block()},condition:function(){var n,t,e;return(e=(t=(n=this.loop)==null?void 0:n.parExpr())==null?void 0:t.condition())==null?void 0:e.getFormattedText()}}},y2={};var CE=tt(yE,LE,vE,!1,EE,"645ba87b",null,null);function EE(n){for(let t in y2)this[t]=y2[t]}const bE=function(){return CE.exports}();var wE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"fragment opt border-skin-fragment rounded",style:n.fragmentStyle},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),n._m(0),e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.opt.braceBlock().block(),selfCallIndent:n.selfCallIndent}})],1)},TE=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header bg-skin-fragment-header text-skin-fragment-header text-base leading-4"},[e("div",{staticClass:"name font-semibold p-1 border-b"},[e("label",[n._v("Opt")])])])}];const Iw="",AE={name:"fragment-opt",props:["context","comment","selfCallIndent"],mixins:[Vr],computed:{from:function(){return this.context.Origin()},opt:function(){return this.context.opt()}}},C2={};var SE=tt(AE,wE,TE,!1,RE,"08f77468",null,null);function RE(n){for(let t in C2)this[t]=C2[t]}const kE=function(){return SE.exports}();var OE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"fragment tcf border-skin-fragment rounded",style:n.fragmentStyle},[e("div",{staticClass:"segment"},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),n._m(0),n.blockInTryBlock?e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.blockInTryBlock,selfCallIndent:n.selfCallIndent}}):n._e()],1),n._l(n.tcf.catchBlock(),function(r,s){return[e("div",{key:s+500,staticClass:"segment mt-2 border-t border-solid"},[e("div",{key:s+1e3,staticClass:"header text-skin-fragment"},[e("label",{staticClass:"keyword catch p-1"},[n._v("catch")]),e("label",{staticClass:"exception p-1"},[n._v(n._s(n.exception(r)))])]),e("block",{key:s+2e3,style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.blockInCatchBlock(r),selfCallIndent:n.selfCallIndent}})],1)]}),n.finallyBlock?[e("div",{staticClass:"segment mt-2 border-t border-solid"},[n._m(1),e("block",{style:{paddingLeft:`${n.offsetX}px`},attrs:{context:n.finallyBlock,selfCallIndent:n.selfCallIndent}})],1)]:n._e()],2)},NE=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t"},[e("div",{staticClass:"name font-semibold p-1 border-b"},[e("label",[n._v("Try")])])])},function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"header text-skin-fragment finally"},[e("label",{staticClass:"keyword finally p-1"},[n._v("finally")])])}];const Mw="",IE={name:"fragment-tcf",props:["context","comment","selfCallIndent"],mixins:[Vr],computed:{from:function(){return this.context.Origin()},tcf:function(){return this.context.tcf()},blockInTryBlock:function(){var n,t,e;return(e=(t=(n=this.tcf)==null?void 0:n.tryBlock())==null?void 0:t.braceBlock())==null?void 0:e.block()},finallyBlock:function(){var n,t,e;return(e=(t=(n=this.tcf)==null?void 0:n.finallyBlock())==null?void 0:t.braceBlock())==null?void 0:e.block()}},methods:{exception(n){var t;return(t=n==null?void 0:n.invocation())==null?void 0:t.parameters().getText()},blockInCatchBlock(n){var t;return(t=n==null?void 0:n.braceBlock())==null?void 0:t.block()}}},E2={};var ME=tt(IE,OE,NE,!1,PE,"55e59ff3",null,null);function PE(n){for(let t in E2)this[t]=E2[t]}const $E=function(){return ME.exports}();var DE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"interaction return relative",class:{"right-to-left":n.rightToLeft,highlight:n.isCurrent},style:{width:n.width+"px",left:n.left+"px"},attrs:{"data-signature":n.signature},on:{click:function(r){return r.stopPropagation(),n.onClick.apply(null,arguments)}}},[n.comment?e("comment",{attrs:{comment:n.comment}}):n._e(),n.isSelf?e("div",{staticClass:"flex items-center"},[e("svg",{staticClass:"w-3 h-3 flex-shrink-0 fill-current m-1",attrs:{viewBox:"0 0 512 512"}},[e("path",{staticClass:"cls-1",attrs:{d:"M256 0C114.84 0 0 114.84 0 256s114.84 256 256 256 256-114.84 256-256S397.16 0 256 0Zm0 469.33c-117.63 0-213.33-95.7-213.33-213.33S138.37 42.67 256 42.67 469.33 138.37 469.33 256 373.63 469.33 256 469.33Z"}}),e("path",{staticClass:"cls-1",attrs:{d:"M288 192h-87.16l27.58-27.58a21.33 21.33 0 1 0-30.17-30.17l-64 64a21.33 21.33 0 0 0 0 30.17l64 64a21.33 21.33 0 0 0 30.17-30.17l-27.58-27.58H288a53.33 53.33 0 0 1 0 106.67h-32a21.33 21.33 0 0 0 0 42.66h32a96 96 0 0 0 0-192Z"}})]),e("span",{staticClass:"name text-sm"},[n._v(n._s(n.signature))])]):n._e(),n.isSelf?n._e():e("Message",{attrs:{content:n.signature,rtl:n.rightToLeft,type:"return"}})],1)},FE=[];const BE={name:"return",props:["context","comment"],computed:{...Dt(["distance","cursor","onElementClick"]),from:function(){return this.context.Origin()},asyncMessage:function(){var n;return(n=this.context)==null?void 0:n.ret().asyncMessage()},width:function(){return this.isSelf?gi(this.signature,Wn.MessageContent):Math.abs(this.distance(this.target,this.source))},left:function(){return this.rightToLeft?this.distance(this.target,this.from)+2:this.distance(this.source,this.from)+2},rightToLeft:function(){return this.distance(this.target,this.source)<0},signature:function(){var n,t,e,r,s;return((t=(n=this.asyncMessage)==null?void 0:n.content())==null?void 0:t.getFormattedText())||((s=(r=(e=this.context)==null?void 0:e.ret())==null?void 0:r.expr())==null?void 0:s.getFormattedText())},source:function(){var n,t;return((t=(n=this.asyncMessage)==null?void 0:n.from())==null?void 0:t.getFormattedText())||this.from},target:function(){var n,t,e,r;return((t=(n=this.asyncMessage)==null?void 0:n.to())==null?void 0:t.getFormattedText())||((r=(e=this.context)==null?void 0:e.ret())==null?void 0:r.ReturnTo())},isCurrent:function(){return!1},isSelf:function(){return this.source===this.target}},methods:{onClick(){this.onElementClick(Qn.from(this.context))}},components:{Comment:Wr,Message:zr}},b2={};var UE=tt(BE,DE,FE,!1,HE,null,null,null);function HE(n){for(let t in b2)this[t]=b2[t]}const GE=function(){return UE.exports}();var jE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"divider",style:{width:n.width+"px",transform:"translateX("+(-1*n.centerOfFrom+10)+"px)"}},[e("div",{staticClass:"left bg-skin-divider"}),e("div",{staticClass:"name"},[n._v(n._s(n.name))]),e("div",{staticClass:"right bg-skin-divider"})])},VE=[];const Pw="",zE={name:"divider",props:["context"],computed:{...Dt(["participants","centerOf"]),width(){let n=this.participants.Names().pop();return this.centerOf(n)+10},from:function(){return this.context.Origin()},centerOfFrom(){return this.centerOf(this.from)},name:function(){return this.context.divider().Note()}}},w2={};var ZE=tt(zE,jE,VE,!1,qE,"83993fee",null,null);function qE(n){for(let t in w2)this[t]=w2[t]}const WE=function(){return ZE.exports}();class KE{constructor(t){const e=t.split(`
 `);this.color=e.find(s=>s.trimStart().startsWith("[red]"))?"red":void 0;const r=e.map(s=>s.replace("[red]",""));this.text=r.join(`
-`),this.text=this.text.trimEnd()}}var YE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e(n.subStatement,{tag:"component",staticClass:"text-left text-sm text-skin-message",attrs:{context:n.context,comment:n.comment,commentObj:n.commentObj,selfCallIndent:n.selfCallIndent}})},XE=[];const QE={name:"statement",props:["context","selfCallIndent"],computed:{comment:function(){return this.context.getComment()?this.context.getComment():""},commentObj:function(){return new KE(this.comment)},subStatement:function(){let n=this,t={loop:"FragmentLoop",alt:"FragmentAlt",par:"FragmentPar",opt:"FragmentOpt",tcf:"FragmentTryCatchFinally",creation:"Creation",message:"Interaction",asyncMessage:"InteractionAsync",divider:"Divider",ret:"Return"},e=Object.keys(t).find(r=>n.context[r]()!==null);return t[e]}},components:{Creation:$C,Interaction:WC,InteractionAsync:oE,FragmentAlt:fE,FragmentPar:_E,FragmentOpt:kE,FragmentTryCatchFinally:$E,FragmentLoop:bE,Divider:WE,Return:GE}},T2={};var JE=tt(QE,YE,XE,!1,tb,null,null,null);function tb(n){for(let t in T2)this[t]=T2[t]}const eb=function(){return JE.exports}();var nb=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"block"},n._l(n.statements,function(r,s){return e("div",{key:s,staticClass:"statement-container mt-1"},[e("statement",{attrs:{context:r,selfCallIndent:n.selfCallIndent}})],1)}),0)},rb=[];const sb={name:"block",props:["context","selfCallIndent"],computed:{statements:function(){var n;return(n=this.context)==null?void 0:n.stat()}},components:{Statement:eb}},A2={};var ib=tt(sb,nb,rb,!1,ob,null,null,null);function ob(n){for(let t in A2)this[t]=A2[t]}const ab=function(){return ib.exports}(),lb=ir.child({name:"core"});ct.component("Comment",Wr),ct.component("Block",ab),ct.use(Bo);class cb{constructor(t,e=!1){this.el=t,this.store=Ku(),this.app=new ct({el:this.el,store:new Bo.Store(this.store),render:r=>r(e?f1:$h)})}async render(t,e){return lb.debug("rendering",t,e),this._code=t||this._code,this._theme=e||this._theme,this.store.state.theme=this._theme||"default",await this.app.$store.dispatch("updateCode",{code:this._code}),Promise.resolve(this)}get code(){return this._code}get theme(){return this._theme}}const ub={Vue:ct,Vuex:Bo,Store:Ku,SeqDiagram:f1,DiagramFrame:$h};Wt.VueSequence=ub,Wt.default=cb,Object.defineProperties(Wt,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`),this.text=this.text.trimEnd()}}var YE=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e(n.subStatement,{tag:"component",staticClass:"text-left text-sm text-skin-message",attrs:{context:n.context,comment:n.comment,commentObj:n.commentObj,selfCallIndent:n.selfCallIndent}})},XE=[];const QE={name:"statement",props:["context","selfCallIndent"],computed:{comment:function(){return this.context.getComment()?this.context.getComment():""},commentObj:function(){return new KE(this.comment)},subStatement:function(){let n=this,t={loop:"FragmentLoop",alt:"FragmentAlt",par:"FragmentPar",opt:"FragmentOpt",tcf:"FragmentTryCatchFinally",creation:"Creation",message:"Interaction",asyncMessage:"InteractionAsync",divider:"Divider",ret:"Return"},e=Object.keys(t).find(r=>n.context[r]()!==null);return t[e]}},components:{Creation:$C,Interaction:WC,InteractionAsync:oE,FragmentAlt:fE,FragmentPar:_E,FragmentOpt:kE,FragmentTryCatchFinally:$E,FragmentLoop:bE,Divider:WE,Return:GE}},T2={};var JE=tt(QE,YE,XE,!1,tb,null,null,null);function tb(n){for(let t in T2)this[t]=T2[t]}const eb=function(){return JE.exports}();var nb=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"block"},n._l(n.statements,function(r,s){return e("div",{key:s,staticClass:"statement-container mt-1"},[e("statement",{attrs:{context:r,selfCallIndent:n.selfCallIndent}})],1)}),0)},rb=[];const sb={name:"block",props:["context","selfCallIndent"],computed:{statements:function(){var n;return(n=this.context)==null?void 0:n.stat()}},components:{Statement:eb}},A2={};var ib=tt(sb,nb,rb,!1,ob,null,null,null);function ob(n){for(let t in A2)this[t]=A2[t]}const ab=function(){return ib.exports}(),lb=ir.child({name:"core"});ct.component("Comment",Wr),ct.component("Block",ab),ct.use(Bo);class cb{constructor(t,e=!1){this.el=t,this.store=Ku(),this.app=new ct({el:this.el,store:new Bo.Store(this.store),render:r=>r(e?f1:$h)})}async render(t,e){return lb.debug("rendering",t,e),this._code=t||this._code,this._theme=e||this._theme,this.store.state.theme=this._theme||"default",await this.app.$store.dispatch("updateCode",{code:this._code}),Promise.resolve(this)}get code(){return this._code}get theme(){return this._theme}async getPng(){return this.app.$children[0].toPng()}}const ub={Vue:ct,Vuex:Bo,Store:Ku,SeqDiagram:f1,DiagramFrame:$h};Wt.VueSequence=ub,Wt.default=cb,Object.defineProperties(Wt,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/embed.html

@@ -41,6 +41,15 @@
             }
           }
 
+          if (action === 'get_png') {
+            try {
+              let png = await zenUml.getPng();
+              send_reply({ action: 'cmd_png', png });
+            } catch (e) {
+              send_error(e.message, e.stack);
+            }
+          }
+
           if (action === 'catch_clicks') {
             try {
               const top_origin = ev.origin;
@@ -176,7 +185,7 @@
       })();
     </script>
 
-    <div id="diagram" class="diagram">
+    <div id="diagram" class="diagram" style="text-align: center">
       <pre class="zenuml"></pre>
     </div>
     <script type="module" src="src/main.ts"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenuml/core",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "private": false,
   "repository": {
     "url": "https://github.com/ZenUml/core.git"