@zenuml/core 3.21.1 → 3.21.2

package/dist/zenuml.js

@@ -865,7 +865,7 @@
   <path d="M15.027 20.771h-12.881c-0.484-1.541-0.724-3.151-0.719-4.771 0-1.667 0.24-3.265 0.719-4.771h21.147c2.64-0.011 4.781 2.131 4.776 4.771 0.015 2.625-2.109 4.765-4.735 4.771zM14.427 22.375h-11.692c1.229 2.823 3.265 5.224 5.853 6.907 2.589 1.719 5.636 2.636 8.745 2.625 5.531 0 10.375-2.828 13.24-7.068-1.521-1.573-3.609-2.469-5.803-2.479zM24.771 9.64c2.271 0 4.333-0.957 5.803-2.468-3.24-4.828-8.855-7.511-14.652-7-5.791 0.516-10.848 4.14-13.187 9.468z"/>
 </svg>`,auth0:`<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg width="800px" height="800px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#000000" d="M12.549 1h-4.55l1.407 4.38h4.548l-3.68 2.61 1.406 4.405c2.37-1.725 3.143-4.336 2.274-7.016L12.55 1zM2.045 5.38h4.55L8 1H3.45L2.045 5.38c-.868 2.68-.094 5.29 2.275 7.015L5.725 7.99l-3.68-2.612zm2.275 7.015L8 15l3.68-2.605L8 9.745l-3.68 2.65z"/></svg>`,redis:`<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 -2 28 28" xmlns="http://www.w3.org/2000/svg"><path d="m27.994 14.729c-.012.267-.365.566-1.091.945-1.495.778-9.236 3.967-10.883 4.821-.589.419-1.324.67-2.116.67-.641 0-1.243-.164-1.768-.452l.019.01c-1.304-.622-9.539-3.95-11.023-4.659-.741-.35-1.119-.653-1.132-.933v2.83c0 .282.39.583 1.132.933 1.484.709 9.722 4.037 11.023 4.659.504.277 1.105.44 1.744.44.795 0 1.531-.252 2.132-.681l-.011.008c1.647-.859 9.388-4.041 10.883-4.821.76-.396 1.096-.7 1.096-.982s0-2.791 0-2.791z"/><path d="m27.992 10.115c-.013.267-.365.565-1.09.944-1.495.778-9.236 3.967-10.883 4.821-.59.421-1.326.672-2.121.672-.639 0-1.24-.163-1.763-.449l.019.01c-1.304-.627-9.539-3.955-11.023-4.664-.741-.35-1.119-.653-1.132-.933v2.83c0 .282.39.583 1.132.933 1.484.709 9.721 4.037 11.023 4.659.506.278 1.108.442 1.749.442.793 0 1.527-.251 2.128-.677l-.011.008c1.647-.859 9.388-4.043 10.883-4.821.76-.397 1.096-.7 1.096-.984s0-2.791 0-2.791z"/><path d="m27.992 5.329c.014-.285-.358-.534-1.107-.81-1.451-.533-9.152-3.596-10.624-4.136-.528-.242-1.144-.383-1.794-.383-.734 0-1.426.18-2.035.498l.024-.012c-1.731.622-9.924 3.835-11.381 4.405-.729.287-1.086.552-1.073.834v2.83c0 .282.39.583 1.132.933 1.484.709 9.721 4.038 11.023 4.66.504.277 1.105.439 1.744.439.795 0 1.531-.252 2.133-.68l-.011.008c1.647-.859 9.388-4.043 10.883-4.821.76-.397 1.096-.7 1.096-.984s0-2.791 0-2.791h-.009zm-17.967 2.684 6.488-.996-1.96 2.874zm14.351-2.588-4.253 1.68-3.835-1.523 4.246-1.679 3.838 1.517zm-11.265-2.785-.628-1.157 1.958.765 1.846-.604-.499 1.196 1.881.7-2.426.252-.543 1.311-.879-1.457-2.8-.252 2.091-.754zm-4.827 1.632c1.916 0 3.467.602 3.467 1.344s-1.559 1.344-3.467 1.344-3.474-.603-3.474-1.344 1.553-1.344 3.474-1.344z"/></svg>`};function Oh(){const t=se(0),e=se(0),n=()=>{t.value=document.documentElement.scrollTop,e.value=document.documentElement.scrollLeft};return Ze(()=>{n(),document.addEventListener("scroll",n)}),ft(()=>{document.removeEventListener("scroll",n)}),[t,e]}const Tc=10,rb=1,sb=20;function ib(){let t=document.getElementById("zenuml-intersection-detector-container"),e=Array.from(document.getElementsByClassName("zenuml-intersection-detector"));return t&&e.length===Tc?{detectorContainer:t,detectors:e}:(t=document.createElement("div"),t.id="zenuml-intersection-detector-container",Object.assign(t.style,{position:"absolute",top:"0",left:"0",opacity:"0",pointerEvents:"none"}),e=new Array(Tc).fill(0).map(()=>{const n=document.createElement("div");return n.className="zenuml-intersection-detector",Object.assign(n.style,{position:"absolute",top:"0",left:"0",width:"100%"}),t==null||t.appendChild(n),n}),document.body.appendChild(t),{detectorContainer:t,detectors:e})}function Ih(){const t=se(0);let e;return Ze(()=>{const{detectorContainer:n,detectors:r}=ib(),s=document.documentElement.scrollHeight,i=document.documentElement.scrollWidth-sb;n.style.height=s+"px",n.style.width=i+"px";const o=Math.ceil(document.documentElement.scrollHeight/Tc),l=[...Array(o+1).keys()].map(a=>a/o);r.forEach((a,c)=>{a.style.top=c*o+"px",a.style.height=o+"px"}),e=new IntersectionObserver(([a])=>{(a.intersectionRect.top-a.boundingClientRect.top>rb||a.target===r[0])&&(t.value=a.intersectionRect.top)},{threshold:l}),r.forEach(a=>{e.observe(a)})}),ft(()=>{e.disconnect()}),t}function Sc(t){let e=0,n=t;for(;n;)e+=n.offsetTop,n=n.offsetParent;return e}const ob=10,lb={name:"Participant",setup(t){const e=Ln(),n=se(null);if(e.state.mode===sr.Static)return{translate:0,participant:n};const r=Ih(),[s]=Oh();return{translate:P(()=>{var u;const o=t.offsetTop||0;let l=r.value+s.value;r.value>ob&&(e==null?void 0:e.state.stickyOffset)&&(l+=e==null?void 0:e.state.stickyOffset);const a=((u=e==null?void 0:e.state.diagramElement)==null?void 0:u.clientHeight)||0,c=e!=null&&e.state.diagramElement?Sc(e==null?void 0:e.state.diagramElement):0;return l<o+c?0:Math.min(l-c,a-yh)-o}),participant:n}},props:{entity:{type:Object,required:!0},offsetTop:{type:Number,default:0}},data(){return{color:void 0}},mounted(){this.updateFontColor()},updated(){this.updateFontColor()},computed:{selected(){return this.$store.state.selected.includes(this.entity.name)},stereotype(){return this.entity.stereotype},comment(){return this.entity.comment},icon(){var t;return kh[(t=this.entity.type)==null?void 0:t.toLowerCase()]},backgroundColor(){try{return this.entity.color?this.entity.color&&Gw(this.entity.color):void 0}catch{return}}},methods:{onSelect(){this.$store.commit("onSelect",this.entity.name)},updateFontColor(){if(!this.backgroundColor)return;let t=window.getComputedStyle(this.$refs.participant).getPropertyValue("background-color");if(!t)return;let e=Vw(t);this.color=e>128?"#000":"#fff"}}},ab=["innerHTML","alt"],cb={class:"h-5 group flex flex-col justify-center"},ub={key:0,class:"absolute hidden rounded-lg transform -translate-y-8 bg-gray-400 px-2 py-1 text-center text-sm text-white group-hover:flex"},hb={key:1,class:"interface leading-4"},db={class:"name leading-4"};function fb(t,e,n,r,s,i){return k(),H("div",{class:we(["participant bg-skin-participant shadow-participant border-skin-participant text-skin-participant rounded text-base leading-4 flex flex-col justify-center z-10 h-10 top-8",{selected:i.selected}]),ref:"participant",style:Ce({backgroundColor:i.backgroundColor,color:s.color,transform:`translateY(${r.translate}px)`}),onClick:e[0]||(e[0]=(...o)=>i.onSelect&&i.onSelect(...o))},[i.icon?(k(),H("div",{key:0,innerHTML:i.icon,class:"absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8 [&>svg]:w-full [&>svg]:h-full",alt:`icon for ${n.entity.name}`},null,8,ab)):xe("",!0),T("div",cb,[i.comment?(k(),H("span",ub,ze(i.comment),1)):xe("",!0),i.stereotype?(k(),H("label",hb,"\xAB"+ze(i.stereotype)+"\xBB",1)):xe("",!0),T("label",db,ze(n.entity.label||n.entity.name),1)])],6)}const Mh=Ge(lb,[["render",fb]]),sP="",ni=h0.child({name:"LifeLine"}),pb={name:"life-line",components:{Participant:Mh},props:["entity","context","groupLeft","inGroup","renderParticipants","renderLifeLine"],data:()=>({translateX:0,top:0}),computed:{...vn(["centerOf"]),...Cr(["scale"]),debug(){return!!localStorage.zenumlDebug},left(){return this.centerOf(this.entity.name)-8-(this.groupLeft||0)}},mounted(){ni.debug(`LifeLine mounted for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),ni.debug(`nextTick after updated for ${this.entity.name}`)}),wc.$on("participant_set_top",()=>this.$nextTick(()=>this.setTop()))},updated(){ni.debug(`updated for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),ni.debug(`nextTick after updated for ${this.entity.name}`)})},methods:{onSelect(){this.$store.commit("onSelect",this.entity.name)},setTop(){const t=this.entity.name.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g,"\\$1"),e=this.$store.getters.diagramElement,n=e==null?void 0:e.querySelector(`[data-to="${t}"]`),r=(n==null?void 0:n.offsetParent)!=null;if(n&&n.attributes["data-type"].value==="creation"&&r){ni.debug(`First message to ${this.entity.name} is creation`);const s=this.$el.getBoundingClientRect().y,i=n.getBoundingClientRect().y;this.top=(i-s)/this.scale}else this.top=0}}},gb=["id","entity-type"],mb={key:1,class:"line w0 mx-auto flex-grow w-px"};function xb(t,e,n,r,s,i){var l;const o=Le("participant");return k(),H("div",{id:n.entity.name,"entity-type":(l=n.entity.type)==null?void 0:l.toLowerCase(),class:"lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",style:Ce({paddingTop:t.top+"px",left:i.left+"px"})},[Ki(T("div",null,ze(t.centerOf(n.entity.name)),513),[[M0,i.debug]]),n.renderParticipants?(k(),Oe(o,{key:0,entity:n.entity,offsetTop:t.top},null,8,["entity","offsetTop"])):xe("",!0),n.renderLifeLine?(k(),H("div",mb)):xe("",!0)],12,gb)}const Nh=Ge(pb,[["render",xb],["__scopeId","data-v-19661715"]]),_b={name:"lifeline-group",props:["context","renderParticipants"],computed:{...vn(["centerOf"]),name(){var t,e;return(e=(t=this.context)==null?void 0:t.name())==null?void 0:e.getFormattedText()},offset(){return 0},left(){const t=this.entities[0].name,e=Math.max(J0(t,Er.ParticipantName),"100");return this.centerOf(t)-e/2-8},right(){const t=Math.max(J0(this.entities.slice(-1).name,Er.ParticipantName),"100"),e=this.entities.slice(0).pop().name;return this.centerOf(e)+t/2+20},entities(){return t0(this.context).Array()}},components:{LifeLine:Nh}},Lb={class:"lifeline-group relative flex-grow"};function yb(t,e,n,r,s,i){const o=Le("life-line");return i.entities.length>0?(k(),H("div",{key:0,class:"container absolute flex flex-col h-full",style:Ce({left:`${i.left}px`,width:`${i.right-i.left}px`})},[T("div",{class:we(["flex flex-col flex-grow",{shadow:!n.renderParticipants,"shadow-slate-500/50":!n.renderParticipants}])},[T("div",Lb,[(k(!0),H(Pe,null,xn(i.entities,l=>(k(),Oe(o,{inGroup:"true",key:l.name,ref_for:!0,ref:l.name,entity:l,"group-left":i.left,renderParticipants:n.renderParticipants},null,8,["entity","group-left","renderParticipants"]))),128))])],2)],4)):xe("",!0)}const vb=Ge(_b,[["render",yb]]),Ph=h0.child({name:"LifeLineLayer"}),Cb=70,wb=10,bb={name:"life-line-layer",props:["context","renderParticipants","renderLifeLine","leftGap"],setup(){const e=Ln(),n=P(()=>e.state.mode);if(n.value===sr.static)return{translate:0,RenderMode:sr,mode:n};const r=Ih(),[s]=Oh();return{translate:P(()=>{var c;let o=r.value+s.value;r.value>wb&&(e==null?void 0:e.state.stickyOffset)&&(o+=e==null?void 0:e.state.stickyOffset);const l=((c=e==null?void 0:e.state.diagramElement)==null?void 0:c.clientHeight)||0,a=e!=null&&e.state.diagramElement?Sc(e==null?void 0:e.state.diagramElement):0;return o<=0+a?0:Math.min(o-a,l-Cb)-0}),RenderMode:sr,mode:n}},computed:{...vn(["participants","GroupContext","ParticipantContext","centerOf"]),debug(){return!!localStorage.zenumlDebug},invisibleStarter(){return this.starterParticipant.name==="_STARTER_"},starterParticipant(){return this.participants.Starter()},starterOnTheLeft(){return!this.starterParticipant.explicit},implicitParticipants(){return this.participants.ImplicitArray()},explicitGroupAndParticipants(){var t;return(t=this.context)==null?void 0:t.children.filter(e=>{const n=e instanceof gh,r=e instanceof mh;return n||r})}},methods:{...y4(["increaseGeneration"]),getParticipantEntity(t){return t0(t).First()}},updated(){Ph.debug("LifeLineLayer updated")},mounted(){Ph.debug("LifeLineLayer mounted")},components:{LifeLine:Nh,LifeLineGroup:vb}},Eb={class:"container relative grow"};function Tb(t,e,n,r,s,i){const o=Le("life-line"),l=Le("life-line-group");return k(),H("div",{class:"life-line-layer lifeline-layer z-30 absolute h-full flex flex-col top-0",style:Ce({"min-width":r.mode===r.RenderMode.Dynamic?"200px":"auto",width:`calc(100% - ${n.leftGap}px)`,pointerEvents:n.renderParticipants?"none":"all"})},[T("div",{style:Ce({transform:`translateY(${r.translate>0?r.translate-1:r.translate}px)`}),class:"pt-8 after:bg-gradient-to-b after:from-skin-frame after:via-skin-frame after:to-skin-frame/0 after:block after:absolute after:top-0 after:w-full after:h-[72px]"},null,4),T("div",Eb,[i.starterOnTheLeft?(k(),Oe(o,{key:0,entity:i.starterParticipant,class:we(["starter",{invisible:i.invisibleStarter&&!i.debug}]),renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","class","renderParticipants","renderLifeLine"])):xe("",!0),(k(!0),H(Pe,null,xn(i.explicitGroupAndParticipants,(a,c)=>(k(),H(Pe,null,[a instanceof t.GroupContext?(k(),Oe(l,{key:c,context:a,renderParticipants:n.renderParticipants},null,8,["context","renderParticipants"])):xe("",!0),a instanceof t.ParticipantContext?(k(),Oe(o,{key:c,entity:i.getParticipantEntity(a),renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","renderParticipants","renderLifeLine"])):xe("",!0)],64))),256)),(k(!0),H(Pe,null,xn(i.implicitParticipants,a=>(k(),Oe(o,{key:a.name,entity:a,renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","renderParticipants","renderLifeLine"]))),128))])],4)}const Ac=Ge(bb,[["render",Tb]]),Sb={class:"message-layer relative z-30 pt-24 pb-10"},Fh=Ke({__name:"MessageLayer",props:{context:null},setup(t){const e=t,n=Os(()=>Promise.resolve().then(()=>EM)),r=h0.child({name:"MessageLayer"}),s=Ln(),i=P(()=>s.getters.participants),o=P(()=>s.getters.centerOf),l=P(()=>{var g,x;const c=(g=e.context)==null?void 0:g.stat()[0].message();if(!c)return!1;const u=c==null?void 0:c.Owner(),h=c==null?void 0:c.ProvidedFrom(),d=(x=e.context)==null?void 0:x.Origin();return!u||u===(h||d)}),a=P(()=>{if(i.value.Array().length>=1){const c=i.value.Array().slice(0)[0].name;return o.value(c)+(l.value?1:0)}return 0});return Ze(()=>{r.debug("MessageLayer mounted")}),S0(()=>{r.debug("MessageLayer updated")}),(c,u)=>{const h=Le("block");return k(),H("div",Sb,[Z(h,{context:t.context,style:Ce({"padding-left":he(a)+"px"})},null,8,["context","style"]),Z(he(n))])}}}),iP="",Ab=E.tree.ParseTreeWalker.DEFAULT;class Rc extends A{constructor(n){super();J(this,"_orderedParticipants");J(this,"frameRoot",null);J(this,"parents",[]);this._orderedParticipants=n}getLocalParticipants(n){return[n.Origin(),...t0(n).ImplicitArray().map(r=>r.name)]}getLeft(n){const r=this.getLocalParticipants(n);return this._orderedParticipants.find(s=>r.includes(s))||""}getRight(n){return this._orderedParticipants.slice().reverse().find(r=>this.getLocalParticipants(n).includes(r))||""}enterFragment(n){var s;const r={left:this.getLeft(n),right:this.getRight(n),children:[]};this.frameRoot||(this.frameRoot=r),this.parents.length>0&&((s=this.parents[this.parents.length-1].children)==null||s.push(r)),this.parents.push(r)}exitFragment(){this.parents.pop()}enterTcf(n){this.enterFragment(n)}enterOpt(n){this.enterFragment(n)}enterPar(n){this.enterFragment(n)}enterAlt(n){this.enterFragment(n)}enterLoop(n){this.enterFragment(n)}exitTcf(){this.exitFragment()}exitOpt(){this.exitFragment()}exitPar(){this.exitFragment()}exitAlt(){this.exitFragment()}exitLoop(){this.exitFragment()}getFrame(n){return n.children.map(r=>{Ab.walk(this,r)}),this.frameRoot}}function kc(t,e){if(!t.children||t.children.length===0)return 1;let n=0;for(const r of t.children)e==="LEFT"&&r.left!==t.left||e==="RIGHT"&&r.right!==t.right||(n=Math.max(n,kc(r,e)));return n+1}function Oc(t){return t?{left:10*kc(t,"LEFT"),right:10*kc(t,"RIGHT")}:{left:0,right:0}}function Dh(t,e){const n=e.orderedParticipantNames(),r=[t.Origin(),...t0(t).Names()],s=n.find(u=>r.includes(u))||"",i=n.slice().reverse().find(u=>r.includes(u))||"",l=new Rc(n).getFrame(t),a=Oc(l),c=Rb(t,i,e);return e.distance(s,i)+a.left+a.right+e.half(s)+e.half(i)+c}function Rb(t,e,n){const s=wh(t).filter(i=>i.from===i.to).map(i=>J0(i.signature,Er.MessageContent)+37-n.distance(i.from,e)-n.half(e));return Math.max.apply(null,[0,...s])}const Ic=Ke({__name:"SeqDiagram",setup(t){const e=Ln(),n=P(()=>e.state.theme),r=P(()=>e.state.mode),s=P(()=>e.getters.rootContext),i=P(()=>e.getters.coordinates),o=P(()=>Dh(s.value,i.value)),l=P(()=>{const c=i.value.orderedParticipantNames(),h=new Rc(c).getFrame(s.value);return h?Oc(h).left+vc+20:0}),a=se(null);return e.commit("diagramElement",a),(c,u)=>(k(),H("div",{class:we(["zenuml sequence-diagram relative box-border text-left overflow-visible",he(n)]),ref_key:"diagramRef",ref:a},[T("div",{style:Ce({paddingLeft:`${he(l)}px`}),class:"relative"},[he(r)===he(sr).Dynamic?(k(),H(Pe,{key:0},[Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!1,renderLifeLine:!0},null,8,["leftGap","context"]),Z(Fh,{context:he(s).block(),style:Ce({width:`${he(o)}px`})},null,8,["context","style"]),Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!0,renderLifeLine:!1},null,8,["leftGap","context"])],64)):xe("",!0),he(r)===he(sr).Static?(k(),H(Pe,{key:1},[Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!0,renderLifeLine:!0},null,8,["leftGap","context"]),Z(Fh,{context:he(s).block(),style:Ce({width:`${he(o)}px`})},null,8,["context","style"])],64)):xe("",!0)],4)],2))}}),oP="",kb={name:"IconList",props:["types"],computed:{},methods:{icon(t){return kh[t==null?void 0:t.toLowerCase()]}}},Ob={role:"list",class:"mt-3 grid grid-cols-4 gap-5 sm:gap-6 sm:grid-cols-6 lg:grid-cols-8"},Ib={class:"h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md"},Mb=["innerHTML","alt"],Nb={class:"flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md"},Pb={class:"px-2 py-2 text-xs"},Fb={class:"text-gray-900 font-medium hover:text-gray-600"};function Db(t,e,n,r,s,i){return k(),H("ul",Ob,[(k(!0),H(Pe,null,xn(n.types,o=>(k(),H("li",{key:o,class:"col-span-1 flex flex-col shadow-sm rounded-md"},[T("div",Ib,[i.icon?(k(),H("i",{key:0,innerHTML:i.icon(o),class:"object-contain h-8 w-8 m-auto [&>svg]:w-full [&>svg]:h-full",alt:`icon for ${o}`},null,8,Mb)):xe("",!0)]),T("div",Nb,[T("div",Pb,[T("span",Fb,"@"+ze(o),1)])])]))),128))])}const Bb={name:"TipsDialog",components:{Icon:Tr,IconList:Ge(kb,[["render",Db]])},computed:{standardTypes(){return["Actor","Boundary","Control","Database","Entity"]},awsServices(){return["CloudWatch","CloudFront","Cognito","DynamoDB","EBS","EC2","ECS","EFS","ElastiCache","ElasticBeantalk","ElasticFileSystem","Glacier","IAM","Kinesis","Lambda","LightSail","RDS","Redshift","S3","SNS","SQS","Sagemaker","VPC"]},azureServices(){return["AzureActiveDirectory","AzureBackup","AzureCDN","AzureDataFactory","AzureDevOps","AzureFunction","AzureSQL","CosmosDB","LogicApps","VirtualMachine"]},googleServices(){return["BigTable","BigQuery","CloudCDN","CloudDNS","CloudInterconnect","CloudLoadBalancing","CloudSQL","CloudStorage","DataLab","DataProc","GoogleIAM","GoogleSecurity","GoogleVPC","PubSub","SecurityScanner","StackDriver","VisionAPI"]}},methods:{closeTipsDialog(){var t;this.$store.state.showTips=!1;try{(t=this.$gtag)==null||t.event("close",{event_category:"help",event_label:"tips dialog"})}catch(e){console.error(e)}}}},$b={class:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block"},Hb=T("div",{class:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true"},null,-1),Ub=T("span",{class:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"},"\u200B",-1),zb={class:"z-40 inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:p-2"},Vb={class:"bg-white px-4 py-5 border-b border-gray-200 sm:px-6",slot:"header"},Gb=T("h3",{class:"text-xl leading-6 font-medium text-gray-900 inline-block"}," ZenUML Tips ",-1),jb=T("span",{class:"sr-only"},"Close menu",-1),Zb={slot:"body"},Wb={class:"relative bg-white pb-32 mt-4 overflow-hidden"},qb={class:"relative"},Kb={class:"lg:mx-auto lg:max-w-11/12 lg:px-8"},Yb=i1(`<div class="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1"><div><div class="px-4 max-w-full mx-auto sm:px-6 lg:max-w-none lg:mx-0"><h2 class="mt-4 mb-4 text-lg leading-6 font-medium text-gray-900"> Declare Participants </h2><pre class="text-xs w-full bg-gray-50 text-gray-600 p-2 rounded-lg"><code>// Define a Starter (optional)
+<svg fill="#000000" width="800px" height="800px" viewBox="0 -2 28 28" xmlns="http://www.w3.org/2000/svg"><path d="m27.994 14.729c-.012.267-.365.566-1.091.945-1.495.778-9.236 3.967-10.883 4.821-.589.419-1.324.67-2.116.67-.641 0-1.243-.164-1.768-.452l.019.01c-1.304-.622-9.539-3.95-11.023-4.659-.741-.35-1.119-.653-1.132-.933v2.83c0 .282.39.583 1.132.933 1.484.709 9.722 4.037 11.023 4.659.504.277 1.105.44 1.744.44.795 0 1.531-.252 2.132-.681l-.011.008c1.647-.859 9.388-4.041 10.883-4.821.76-.396 1.096-.7 1.096-.982s0-2.791 0-2.791z"/><path d="m27.992 10.115c-.013.267-.365.565-1.09.944-1.495.778-9.236 3.967-10.883 4.821-.59.421-1.326.672-2.121.672-.639 0-1.24-.163-1.763-.449l.019.01c-1.304-.627-9.539-3.955-11.023-4.664-.741-.35-1.119-.653-1.132-.933v2.83c0 .282.39.583 1.132.933 1.484.709 9.721 4.037 11.023 4.659.506.278 1.108.442 1.749.442.793 0 1.527-.251 2.128-.677l-.011.008c1.647-.859 9.388-4.043 10.883-4.821.76-.397 1.096-.7 1.096-.984s0-2.791 0-2.791z"/><path d="m27.992 5.329c.014-.285-.358-.534-1.107-.81-1.451-.533-9.152-3.596-10.624-4.136-.528-.242-1.144-.383-1.794-.383-.734 0-1.426.18-2.035.498l.024-.012c-1.731.622-9.924 3.835-11.381 4.405-.729.287-1.086.552-1.073.834v2.83c0 .282.39.583 1.132.933 1.484.709 9.721 4.038 11.023 4.66.504.277 1.105.439 1.744.439.795 0 1.531-.252 2.133-.68l-.011.008c1.647-.859 9.388-4.043 10.883-4.821.76-.397 1.096-.7 1.096-.984s0-2.791 0-2.791h-.009zm-17.967 2.684 6.488-.996-1.96 2.874zm14.351-2.588-4.253 1.68-3.835-1.523 4.246-1.679 3.838 1.517zm-11.265-2.785-.628-1.157 1.958.765 1.846-.604-.499 1.196 1.881.7-2.426.252-.543 1.311-.879-1.457-2.8-.252 2.091-.754zm-4.827 1.632c1.916 0 3.467.602 3.467 1.344s-1.559 1.344-3.467 1.344-3.474-.603-3.474-1.344 1.553-1.344 3.474-1.344z"/></svg>`};function Oh(){const t=se(0),e=se(0),n=()=>{t.value=document.documentElement.scrollTop,e.value=document.documentElement.scrollLeft};return Ze(()=>{n(),document.addEventListener("scroll",n)}),ft(()=>{document.removeEventListener("scroll",n)}),[t,e]}const Tc=10,rb=1,sb=20;function ib(){let t=document.getElementById("zenuml-intersection-detector-container"),e=Array.from(document.getElementsByClassName("zenuml-intersection-detector"));return t&&e.length===Tc?{detectorContainer:t,detectors:e}:(t=document.createElement("div"),t.id="zenuml-intersection-detector-container",Object.assign(t.style,{position:"absolute",top:"0",left:"0",opacity:"0",pointerEvents:"none"}),e=new Array(Tc).fill(0).map(()=>{const n=document.createElement("div");return n.className="zenuml-intersection-detector",Object.assign(n.style,{position:"absolute",top:"0",left:"0",width:"100%"}),t==null||t.appendChild(n),n}),document.body.appendChild(t),{detectorContainer:t,detectors:e})}function Ih(){const t=se(0);let e;return Ze(()=>{const{detectorContainer:n,detectors:r}=ib(),s=document.documentElement.scrollHeight,i=document.documentElement.scrollWidth-sb;n.style.height=s+"px",n.style.width=i+"px";const o=Math.ceil(document.documentElement.scrollHeight/Tc),l=[...Array(o+1).keys()].map(a=>a/o);r.forEach((a,c)=>{a.style.top=c*o+"px",a.style.height=o+"px"}),e=new IntersectionObserver(([a])=>{(a.intersectionRect.top-a.boundingClientRect.top>rb||a.target===r[0])&&(t.value=a.intersectionRect.top)},{threshold:l}),r.forEach(a=>{e.observe(a)})}),ft(()=>{e.disconnect()}),t}function Sc(t){let e=0,n=t;for(;n;)e+=n.offsetTop,n=n.offsetParent;return e}const ob=10,lb={name:"Participant",setup(t){const e=Ln(),n=se(null);if(e.state.mode===sr.Static)return{translate:0,participant:n};const r=Ih(),[s]=Oh();return{translate:P(()=>{var u;const o=t.offsetTop||0;let l=r.value+s.value;r.value>ob&&(e==null?void 0:e.state.stickyOffset)&&(l+=e==null?void 0:e.state.stickyOffset);const a=((u=e==null?void 0:e.state.diagramElement)==null?void 0:u.clientHeight)||0,c=e!=null&&e.state.diagramElement?Sc(e==null?void 0:e.state.diagramElement):0;return l<o+c?0:Math.min(l-c,a-yh)-o}),participant:n}},props:{entity:{type:Object,required:!0},offsetTop:{type:Number,default:0}},data(){return{color:void 0}},mounted(){this.updateFontColor()},updated(){this.updateFontColor()},computed:{selected(){return this.$store.state.selected.includes(this.entity.name)},stereotype(){return this.entity.stereotype},comment(){return this.entity.comment},icon(){var t;return kh[(t=this.entity.type)==null?void 0:t.toLowerCase()]},backgroundColor(){try{return this.entity.color?this.entity.color&&Gw(this.entity.color):void 0}catch{return}}},methods:{onSelect(){this.$store.commit("onSelect",this.entity.name)},updateFontColor(){if(!this.backgroundColor)return;let t=window.getComputedStyle(this.$refs.participant).getPropertyValue("background-color");if(!t)return;let e=Vw(t);this.color=e>128?"#000":"#fff"}}},ab=["innerHTML","alt"],cb={class:"h-5 group flex flex-col justify-center"},ub={key:0,class:"absolute hidden rounded-lg transform -translate-y-8 bg-gray-400 px-2 py-1 text-center text-sm text-white group-hover:flex"},hb={key:1,class:"interface leading-4"},db={class:"name leading-4"};function fb(t,e,n,r,s,i){return k(),H("div",{class:we(["participant bg-skin-participant shadow-participant border-skin-participant text-skin-participant rounded text-base leading-4 flex flex-col justify-center z-10 h-10 top-8",{selected:i.selected}]),ref:"participant",style:Ce({backgroundColor:i.backgroundColor,color:s.color,transform:`translateY(${r.translate}px)`}),onClick:e[0]||(e[0]=(...o)=>i.onSelect&&i.onSelect(...o))},[i.icon?(k(),H("div",{key:0,innerHTML:i.icon,class:"absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8 [&>svg]:w-full [&>svg]:h-full",alt:`icon for ${n.entity.name}`},null,8,ab)):xe("",!0),T("div",cb,[i.comment?(k(),H("span",ub,ze(i.comment),1)):xe("",!0),i.stereotype?(k(),H("label",hb,"\xAB"+ze(i.stereotype)+"\xBB",1)):xe("",!0),T("label",db,ze(n.entity.label||n.entity.name),1)])],6)}const Mh=Ge(lb,[["render",fb]]),sP="",ni=h0.child({name:"LifeLine"}),pb={name:"life-line",components:{Participant:Mh},props:["entity","context","groupLeft","inGroup","renderParticipants","renderLifeLine"],data:()=>({translateX:0,top:0}),computed:{...vn(["centerOf"]),...Cr(["scale"]),debug(){return!!localStorage.zenumlDebug},left(){return this.centerOf(this.entity.name)-8-(this.groupLeft||0)}},mounted(){ni.debug(`LifeLine mounted for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),ni.debug(`nextTick after updated for ${this.entity.name}`)}),wc.$on("participant_set_top",()=>this.$nextTick(()=>this.setTop()))},updated(){ni.debug(`updated for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),ni.debug(`nextTick after updated for ${this.entity.name}`)})},methods:{onSelect(){this.$store.commit("onSelect",this.entity.name)},setTop(){const t=this.entity.name.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g,"\\$1"),e=this.$store.getters.diagramElement,n=e==null?void 0:e.querySelector(`[data-to="${t}"]`),r=(n==null?void 0:n.offsetParent)!=null;if(n&&n.attributes["data-type"].value==="creation"&&r){ni.debug(`First message to ${this.entity.name} is creation`);const s=this.$el.getBoundingClientRect().y,i=n.getBoundingClientRect().y;this.top=(i-s)/this.scale}else this.top=0}}},gb=["id","entity-type"],mb={key:1,class:"line w0 mx-auto flex-grow w-px"};function xb(t,e,n,r,s,i){var l;const o=Le("participant");return k(),H("div",{id:n.entity.name,"entity-type":(l=n.entity.type)==null?void 0:l.toLowerCase(),class:"lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",style:Ce({paddingTop:t.top+"px",left:i.left+"px"})},[Ki(T("div",null,ze(t.centerOf(n.entity.name)),513),[[M0,i.debug]]),n.renderParticipants?(k(),Oe(o,{key:0,entity:n.entity,offsetTop:t.top},null,8,["entity","offsetTop"])):xe("",!0),n.renderLifeLine?(k(),H("div",mb)):xe("",!0)],12,gb)}const Nh=Ge(pb,[["render",xb],["__scopeId","data-v-19661715"]]),_b={name:"lifeline-group",props:["context","renderParticipants","renderLifeLine"],computed:{...vn(["centerOf"]),name(){var t,e;return(e=(t=this.context)==null?void 0:t.name())==null?void 0:e.getFormattedText()},offset(){return 0},left(){const t=this.entities[0].name,e=Math.max(J0(t,Er.ParticipantName),"100");return this.centerOf(t)-e/2-8},right(){const t=Math.max(J0(this.entities.slice(-1).name,Er.ParticipantName),"100"),e=this.entities.slice(0).pop().name;return this.centerOf(e)+t/2+20},entities(){return t0(this.context).Array()}},components:{LifeLine:Nh}},Lb={class:"lifeline-group relative flex-grow"};function yb(t,e,n,r,s,i){const o=Le("life-line");return i.entities.length>0?(k(),H("div",{key:0,class:"container absolute flex flex-col h-full",style:Ce({left:`${i.left}px`,width:`${i.right-i.left}px`})},[T("div",{class:we(["flex flex-col flex-grow",{shadow:!n.renderParticipants,"shadow-slate-500/50":!n.renderParticipants}])},[T("div",Lb,[(k(!0),H(Pe,null,xn(i.entities,l=>(k(),Oe(o,{inGroup:"true",key:l.name,ref_for:!0,ref:l.name,entity:l,"group-left":i.left,"render-life-line":n.renderLifeLine,renderParticipants:n.renderParticipants},null,8,["entity","group-left","render-life-line","renderParticipants"]))),128))])],2)],4)):xe("",!0)}const vb=Ge(_b,[["render",yb]]),Ph=h0.child({name:"LifeLineLayer"}),Cb=70,wb=10,bb={name:"life-line-layer",props:["context","renderParticipants","renderLifeLine","leftGap"],setup(){const e=Ln(),n=P(()=>e.state.mode);if(n.value===sr.static)return{translate:0,RenderMode:sr,mode:n};const r=Ih(),[s]=Oh();return{translate:P(()=>{var c;let o=r.value+s.value;r.value>wb&&(e==null?void 0:e.state.stickyOffset)&&(o+=e==null?void 0:e.state.stickyOffset);const l=((c=e==null?void 0:e.state.diagramElement)==null?void 0:c.clientHeight)||0,a=e!=null&&e.state.diagramElement?Sc(e==null?void 0:e.state.diagramElement):0;return o<=0+a?0:Math.min(o-a,l-Cb)-0}),RenderMode:sr,mode:n}},computed:{...vn(["participants","GroupContext","ParticipantContext","centerOf"]),debug(){return!!localStorage.zenumlDebug},invisibleStarter(){return this.starterParticipant.name==="_STARTER_"},starterParticipant(){return this.participants.Starter()},starterOnTheLeft(){return!this.starterParticipant.explicit},implicitParticipants(){return this.participants.ImplicitArray()},explicitGroupAndParticipants(){var t;return(t=this.context)==null?void 0:t.children.filter(e=>{const n=e instanceof gh,r=e instanceof mh;return n||r})}},methods:{...y4(["increaseGeneration"]),getParticipantEntity(t){return t0(t).First()}},updated(){Ph.debug("LifeLineLayer updated")},mounted(){Ph.debug("LifeLineLayer mounted")},components:{LifeLine:Nh,LifeLineGroup:vb}},Eb={class:"container relative grow"};function Tb(t,e,n,r,s,i){const o=Le("life-line"),l=Le("life-line-group");return k(),H("div",{class:"life-line-layer lifeline-layer z-30 absolute h-full flex flex-col top-0",style:Ce({"min-width":r.mode===r.RenderMode.Dynamic?"200px":"auto",width:`calc(100% - ${n.leftGap}px)`,pointerEvents:n.renderParticipants?"none":"all"})},[T("div",{style:Ce({transform:`translateY(${r.translate>0?r.translate-1:r.translate}px)`}),class:"pt-8 after:bg-gradient-to-b after:from-skin-frame after:via-skin-frame after:to-skin-frame/0 after:block after:absolute after:top-0 after:w-full after:h-[72px]"},null,4),T("div",Eb,[i.starterOnTheLeft?(k(),Oe(o,{key:0,entity:i.starterParticipant,class:we(["starter",{invisible:i.invisibleStarter&&!i.debug}]),renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","class","renderParticipants","renderLifeLine"])):xe("",!0),(k(!0),H(Pe,null,xn(i.explicitGroupAndParticipants,(a,c)=>(k(),H(Pe,null,[a instanceof t.GroupContext?(k(),Oe(l,{key:c,context:a,renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["context","renderParticipants","renderLifeLine"])):xe("",!0),a instanceof t.ParticipantContext?(k(),Oe(o,{key:c,entity:i.getParticipantEntity(a),renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","renderParticipants","renderLifeLine"])):xe("",!0)],64))),256)),(k(!0),H(Pe,null,xn(i.implicitParticipants,a=>(k(),Oe(o,{key:a.name,entity:a,renderParticipants:n.renderParticipants,renderLifeLine:n.renderLifeLine},null,8,["entity","renderParticipants","renderLifeLine"]))),128))])],4)}const Ac=Ge(bb,[["render",Tb]]),Sb={class:"message-layer relative z-30 pt-24 pb-10"},Fh=Ke({__name:"MessageLayer",props:{context:null},setup(t){const e=t,n=Os(()=>Promise.resolve().then(()=>EM)),r=h0.child({name:"MessageLayer"}),s=Ln(),i=P(()=>s.getters.participants),o=P(()=>s.getters.centerOf),l=P(()=>{var g,x;const c=(g=e.context)==null?void 0:g.stat()[0].message();if(!c)return!1;const u=c==null?void 0:c.Owner(),h=c==null?void 0:c.ProvidedFrom(),d=(x=e.context)==null?void 0:x.Origin();return!u||u===(h||d)}),a=P(()=>{if(i.value.Array().length>=1){const c=i.value.Array().slice(0)[0].name;return o.value(c)+(l.value?1:0)}return 0});return Ze(()=>{r.debug("MessageLayer mounted")}),S0(()=>{r.debug("MessageLayer updated")}),(c,u)=>{const h=Le("block");return k(),H("div",Sb,[Z(h,{context:t.context,style:Ce({"padding-left":he(a)+"px"})},null,8,["context","style"]),Z(he(n))])}}}),iP="",Ab=E.tree.ParseTreeWalker.DEFAULT;class Rc extends A{constructor(n){super();J(this,"_orderedParticipants");J(this,"frameRoot",null);J(this,"parents",[]);this._orderedParticipants=n}getLocalParticipants(n){return[n.Origin(),...t0(n).ImplicitArray().map(r=>r.name)]}getLeft(n){const r=this.getLocalParticipants(n);return this._orderedParticipants.find(s=>r.includes(s))||""}getRight(n){return this._orderedParticipants.slice().reverse().find(r=>this.getLocalParticipants(n).includes(r))||""}enterFragment(n){var s;const r={left:this.getLeft(n),right:this.getRight(n),children:[]};this.frameRoot||(this.frameRoot=r),this.parents.length>0&&((s=this.parents[this.parents.length-1].children)==null||s.push(r)),this.parents.push(r)}exitFragment(){this.parents.pop()}enterTcf(n){this.enterFragment(n)}enterOpt(n){this.enterFragment(n)}enterPar(n){this.enterFragment(n)}enterAlt(n){this.enterFragment(n)}enterLoop(n){this.enterFragment(n)}exitTcf(){this.exitFragment()}exitOpt(){this.exitFragment()}exitPar(){this.exitFragment()}exitAlt(){this.exitFragment()}exitLoop(){this.exitFragment()}getFrame(n){return n.children.map(r=>{Ab.walk(this,r)}),this.frameRoot}}function kc(t,e){if(!t.children||t.children.length===0)return 1;let n=0;for(const r of t.children)e==="LEFT"&&r.left!==t.left||e==="RIGHT"&&r.right!==t.right||(n=Math.max(n,kc(r,e)));return n+1}function Oc(t){return t?{left:10*kc(t,"LEFT"),right:10*kc(t,"RIGHT")}:{left:0,right:0}}function Dh(t,e){const n=e.orderedParticipantNames(),r=[t.Origin(),...t0(t).Names()],s=n.find(u=>r.includes(u))||"",i=n.slice().reverse().find(u=>r.includes(u))||"",l=new Rc(n).getFrame(t),a=Oc(l),c=Rb(t,i,e);return e.distance(s,i)+a.left+a.right+e.half(s)+e.half(i)+c}function Rb(t,e,n){const s=wh(t).filter(i=>i.from===i.to).map(i=>J0(i.signature,Er.MessageContent)+37-n.distance(i.from,e)-n.half(e));return Math.max.apply(null,[0,...s])}const Ic=Ke({__name:"SeqDiagram",setup(t){const e=Ln(),n=P(()=>e.state.theme),r=P(()=>e.state.mode),s=P(()=>e.getters.rootContext),i=P(()=>e.getters.coordinates),o=P(()=>Dh(s.value,i.value)),l=P(()=>{const c=i.value.orderedParticipantNames(),h=new Rc(c).getFrame(s.value);return h?Oc(h).left+vc+20:0}),a=se(null);return e.commit("diagramElement",a),(c,u)=>(k(),H("div",{class:we(["zenuml sequence-diagram relative box-border text-left overflow-visible",he(n)]),ref_key:"diagramRef",ref:a},[T("div",{style:Ce({paddingLeft:`${he(l)}px`}),class:"relative"},[he(r)===he(sr).Dynamic?(k(),H(Pe,{key:0},[Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!1,renderLifeLine:!0},null,8,["leftGap","context"]),Z(Fh,{context:he(s).block(),style:Ce({width:`${he(o)}px`})},null,8,["context","style"]),Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!0,renderLifeLine:!1},null,8,["leftGap","context"])],64)):xe("",!0),he(r)===he(sr).Static?(k(),H(Pe,{key:1},[Z(Ac,{leftGap:he(l),context:he(s).head(),renderParticipants:!0,renderLifeLine:!0},null,8,["leftGap","context"]),Z(Fh,{context:he(s).block(),style:Ce({width:`${he(o)}px`})},null,8,["context","style"])],64)):xe("",!0)],4)],2))}}),oP="",kb={name:"IconList",props:["types"],computed:{},methods:{icon(t){return kh[t==null?void 0:t.toLowerCase()]}}},Ob={role:"list",class:"mt-3 grid grid-cols-4 gap-5 sm:gap-6 sm:grid-cols-6 lg:grid-cols-8"},Ib={class:"h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md"},Mb=["innerHTML","alt"],Nb={class:"flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md"},Pb={class:"px-2 py-2 text-xs"},Fb={class:"text-gray-900 font-medium hover:text-gray-600"};function Db(t,e,n,r,s,i){return k(),H("ul",Ob,[(k(!0),H(Pe,null,xn(n.types,o=>(k(),H("li",{key:o,class:"col-span-1 flex flex-col shadow-sm rounded-md"},[T("div",Ib,[i.icon?(k(),H("i",{key:0,innerHTML:i.icon(o),class:"object-contain h-8 w-8 m-auto [&>svg]:w-full [&>svg]:h-full",alt:`icon for ${o}`},null,8,Mb)):xe("",!0)]),T("div",Nb,[T("div",Pb,[T("span",Fb,"@"+ze(o),1)])])]))),128))])}const Bb={name:"TipsDialog",components:{Icon:Tr,IconList:Ge(kb,[["render",Db]])},computed:{standardTypes(){return["Actor","Boundary","Control","Database","Entity"]},awsServices(){return["CloudWatch","CloudFront","Cognito","DynamoDB","EBS","EC2","ECS","EFS","ElastiCache","ElasticBeantalk","ElasticFileSystem","Glacier","IAM","Kinesis","Lambda","LightSail","RDS","Redshift","S3","SNS","SQS","Sagemaker","VPC"]},azureServices(){return["AzureActiveDirectory","AzureBackup","AzureCDN","AzureDataFactory","AzureDevOps","AzureFunction","AzureSQL","CosmosDB","LogicApps","VirtualMachine"]},googleServices(){return["BigTable","BigQuery","CloudCDN","CloudDNS","CloudInterconnect","CloudLoadBalancing","CloudSQL","CloudStorage","DataLab","DataProc","GoogleIAM","GoogleSecurity","GoogleVPC","PubSub","SecurityScanner","StackDriver","VisionAPI"]}},methods:{closeTipsDialog(){var t;this.$store.state.showTips=!1;try{(t=this.$gtag)==null||t.event("close",{event_category:"help",event_label:"tips dialog"})}catch(e){console.error(e)}}}},$b={class:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block"},Hb=T("div",{class:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true"},null,-1),Ub=T("span",{class:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"},"\u200B",-1),zb={class:"z-40 inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:p-2"},Vb={class:"bg-white px-4 py-5 border-b border-gray-200 sm:px-6",slot:"header"},Gb=T("h3",{class:"text-xl leading-6 font-medium text-gray-900 inline-block"}," ZenUML Tips ",-1),jb=T("span",{class:"sr-only"},"Close menu",-1),Zb={slot:"body"},Wb={class:"relative bg-white pb-32 mt-4 overflow-hidden"},qb={class:"relative"},Kb={class:"lg:mx-auto lg:max-w-11/12 lg:px-8"},Yb=i1(`<div class="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1"><div><div class="px-4 max-w-full mx-auto sm:px-6 lg:max-w-none lg:mx-0"><h2 class="mt-4 mb-4 text-lg leading-6 font-medium text-gray-900"> Declare Participants </h2><pre class="text-xs w-full bg-gray-50 text-gray-600 p-2 rounded-lg"><code>// Define a Starter (optional)
 @Starter(A)
 
 // Show icons

package/dist/{zoom-in.22d09553.js → zoom-in.ce045c35.js}

@@ -1,4 +1,4 @@
-import { o as c, c as e, a as o } from "./core.f8710d2d.js";
+import { o as c, c as e, a as o } from "./core.4014abe8.js";
 const s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
   _ as default,
   l as render
 };
-//# sourceMappingURL=zoom-in.22d09553.js.map
+//# sourceMappingURL=zoom-in.ce045c35.js.map

package/dist/{zoom-out.bd5ce17e.js → zoom-out.23aca112.js}

@@ -1,4 +1,4 @@
-import { o as t, c, a as o } from "./core.f8710d2d.js";
+import { o as t, c, a as o } from "./core.4014abe8.js";
 const e = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -20,4 +20,4 @@ export {
   h as default,
   s as render
 };
-//# sourceMappingURL=zoom-out.bd5ce17e.js.map
+//# sourceMappingURL=zoom-out.23aca112.js.map

package/package.json

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