@zenuml/core 3.6.1 → 3.6.2

package/dist/zenuml.esm.mjs

@@ -26069,14 +26069,15 @@ function wv(t) {
 const Tv = 70, Av = 10, Sv = {
   name: "Participant",
   setup(t) {
-    const e = t.offsetTop || 0, n = Rf(), r = me(null), s = Ev(), [i] = bv();
+    const e = Rf(), n = me(null), r = Ev(), [s] = bv();
     return { translate: de(() => {
       var u;
-      let l = s.value + i.value;
-      s.value > Av && (n == null ? void 0 : n.state.stickyOffset) && (l += n == null ? void 0 : n.state.stickyOffset);
-      const a = ((u = n == null ? void 0 : n.state.diagramElement) == null ? void 0 : u.clientHeight) || 0, c = n != null && n.state.diagramElement ? wv(n == null ? void 0 : n.state.diagramElement) : 0;
-      return l < e + c ? 0 : Math.min(l - c, a - Tv) - e;
-    }), participant: r };
+      const o = t.offsetTop || 0;
+      let l = r.value + s.value;
+      r.value > Av && (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 ? wv(e == null ? void 0 : e.state.diagramElement) : 0;
+      return l < o + c ? 0 : Math.min(l - c, a - Tv) - o;
+    }), participant: n };
   },
   props: {
     entity: {

package/dist/zenuml.js

@@ -446,7 +446,7 @@
 	</g>
 </g>
 </svg>
-`,googlevpc:'<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#aecbfa;}.cls-2{fill:#669df6;}.cls-3{fill:#4285f4;}</style></defs><title>Icon_24px_VirtualPrivateCloud_Color</title><g data-name="Product Icons"><rect class="cls-1" x="16" y="2" width="6" height="6"/><rect class="cls-2" x="19" y="2" width="3" height="6"/><rect class="cls-1" x="16" y="16" width="6" height="6"/><rect class="cls-2" x="19" y="16" width="3" height="6"/><rect class="cls-1" x="2" y="2" width="6" height="6"/><rect class="cls-2" x="5" y="2" width="3" height="6"/><rect class="cls-1" x="2" y="16" width="6" height="6"/><rect class="cls-2" x="5" y="16" width="3" height="6"/><rect class="cls-2" x="8" y="4" width="8" height="2"/><rect class="cls-2" x="8" y="18" width="8" height="2"/><rect class="cls-2" x="18" y="8" width="2" height="8"/><rect class="cls-2" x="4" y="8" width="2" height="8"/><rect class="cls-3" x="4" y="8" width="2" height="2"/><rect class="cls-3" x="18" y="8" width="2" height="2"/><rect class="cls-3" x="8" y="4" width="2" height="2"/><rect class="cls-3" x="8" y="18" width="2" height="2"/></g></svg>',pubsub:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{filter:url(#luminosity-noclip);}.cls-2{fill:#669df6;}.cls-3{mask:url(#mask);}.cls-4{fill:#4285f4;}.cls-5{fill:#aecbfa;}</style><filter id="luminosity-noclip" x="4.64" y="4.19" width="14.73" height="12.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-color="#fff" result="bg"/><feBlend in="SourceGraphic" in2="bg"/></filter><mask id="mask" x="4.64" y="4.19" width="14.73" height="12.76" maskUnits="userSpaceOnUse"><circle class="cls-1" cx="12" cy="12.23" r="3.58"/></mask></defs><title>Icon_24px_Pub-Sub_Color</title><g data-name="Product Icons"><circle class="cls-2" cx="18.97" cy="8.21" r="1.72"/><circle class="cls-2" cx="5.03" cy="8.21" r="1.72"/><circle class="cls-2" cx="12" cy="20.28" r="1.72"/><g class="cls-3"><rect class="cls-4" x="14.69" y="10.22" width="1.59" height="8.04" transform="matrix(0.5, -0.87, 0.87, 0.5, -4.59, 20.53)"/><rect class="cls-4" x="4.49" y="13.45" width="8.04" height="1.59" transform="translate(-5.98 6.17) rotate(-30)"/><rect class="cls-4" x="11.2" y="4.19" width="1.59" height="8.04"/></g><circle class="cls-5" cx="12" cy="12.23" r="2.78"/><circle class="cls-5" cx="5.03" cy="16.25" r="2.19"/><circle class="cls-5" cx="18.97" cy="16.25" r="2.19"/><circle class="cls-5" cx="12" cy="4.19" r="2.19"/></g></svg>',securityscanner:'<svg id="Artwork" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><circle cx="11.45" cy="11.51" r="2.89" style="fill:#669df6"/><path d="M18.05,6.81a8.12,8.12,0,0,0-4.94-3.23l-.27,1.3A6.79,6.79,0,1,1,6.65,6.74l-1-.94a8.1,8.1,0,1,0,13,2.12A1.31,1.31,0,0,1,18.05,6.81Z" style="fill:#aecbfa"/><path d="M14.46,20.42a2,2,0,1,1,0-3.93" style="fill:#669df6"/><path d="M14.46,16.49a2,2,0,1,1,0,3.93" style="fill:#4285f4"/><path d="M19.38,8.1a1.34,1.34,0,0,1,0-2.67v-1h0a2.38,2.38,0,0,0,0,4.75Z" style="fill:#669df6"/><path d="M19.38,5.43a1.34,1.34,0,0,1,0,2.67v1h0a2.38,2.38,0,0,0,0-4.75Z" style="fill:#4285f4"/><path d="M4.22,12.78a2,2,0,1,1,0-3.93" style="fill:#669df6"/><path d="M4.22,8.85a2,2,0,0,1,0,3.93" style="fill:#4285f4"/></svg>',stackdriver:'<svg id="Artwork" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><polygon points="11.19 11.35 15.75 3.51 6.75 3.51 2.25 11.35 11.19 11.35" style="fill:#aecbfa"/><polygon points="2.25 12.65 6.74 20.49 15.73 20.49 11.25 12.65 2.25 12.65" style="fill:#4285f4"/><path d="M21.75,12l-4.5-7.87L12.74,12l4.51,7.87Z" style="fill:#669df6"/></svg>',visionapi:'<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;}.cls-2{fill:#669df6;}.cls-3{fill:#aecbfa;}.cls-4{fill:#4285f4;}</style></defs><title>Icon_24px_VisionAPI_Color</title><g data-name="Product Icons"><g data-name="colored-32/vision"><rect class="cls-1" width="24" height="24"/><g ><polygon class="cls-2" points="6 12 12 16.99 12 20 2 12 6 12"/><polygon id="Shape-2" data-name="Shape" class="cls-2" points="12 16.99 18 12 22 12 12 20 12 16.99"/><polygon id="Shape-3" data-name="Shape" class="cls-3" points="2 12 12 4 12 7.01 6 12 2 12"/><polygon id="Shape-4" data-name="Shape" class="cls-3" points="12 7.01 18 12 22 12 12 4 12 7.01"/><circle id="Oval" class="cls-4" cx="12" cy="12" r="2"/></g></g></g></svg>'};function bb(){const t=me(0),e=me(0),n=()=>{t.value=document.documentElement.scrollTop,e.value=document.documentElement.scrollLeft};return qe(()=>{n(),document.addEventListener("scroll",n)}),ut(()=>{document.removeEventListener("scroll",n)}),[t,e]}const Md=10,vb=1,Mi=document.createElement("div");Object.assign(Mi.style,{position:"absolute",top:"0",left:"0",opacity:"0",pointerEvents:"none"});const jc=new Array(Md).fill(0).map(()=>{const t=document.createElement("div");return Object.assign(t.style,{position:"absolute",top:"0",left:"0",width:"100%"}),Mi.appendChild(t),t});document.body.appendChild(Mi);function Eb(){const t=me(0);let e;return qe(()=>{const n=document.documentElement.scrollHeight,r=document.documentElement.scrollWidth;Mi.style.height=n+"px",Mi.style.width=r+"px";const s=Math.ceil(document.documentElement.scrollHeight/Md),i=[...Array(s+1).keys()].map(o=>o/s);jc.forEach((o,l)=>{o.style.top=l*s+"px",o.style.height=s+"px"}),e=new IntersectionObserver(([o])=>{(o.intersectionRect.top-o.boundingClientRect.top>vb||o.target===jc[0])&&(t.value=o.intersectionRect.top)},{threshold:i}),jc.forEach(o=>{e.observe(o)})}),ut(()=>{e.disconnect()}),t}function wb(t){for(var e=0,n=t;n;)e+=n.offsetTop,n=n.offsetParent;return e}const Tb=70,Ab=10,Sb={name:"Participant",setup(t){const e=t.offsetTop||0,n=g2(),r=me(null),s=Eb(),[i]=bb();return{translate:de(()=>{var u;let l=s.value+i.value;s.value>Ab&&(n==null?void 0:n.state.stickyOffset)&&(l+=n==null?void 0:n.state.stickyOffset);const a=((u=n==null?void 0:n.state.diagramElement)==null?void 0:u.clientHeight)||0,c=n!=null&&n.state.diagramElement?wb(n==null?void 0:n.state.diagramElement):0;return l<e+c?0:Math.min(l-c,a-Tb)-e}),participant:r}},props:{entity:{type:Object,required:!0},offsetTop: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 Pd[(t=this.entity.type)==null?void 0:t.toLowerCase()]},backgroundColor(){try{return this.entity.color?this.entity.color&&cb(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=ab(t);this.color=e>128?"#000":"#fff"}}},kb=["innerHTML","alt"],Rb={class:"h-5 group flex flex-col justify-center"},Ob={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"},Ib={key:1,class:"interface leading-4"},Nb={class:"name leading-4"};function Pb(t,e,n,r,s,i){return R(),W("div",{class:Ce(["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:ye({backgroundColor:i.backgroundColor,color:s.color,transform:`translateY(${r.translate}px)`}),onClick:e[0]||(e[0]=(...o)=>i.onSelect&&i.onSelect(...o))},[i.icon?(R(),W("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,kb)):_e("",!0),w("div",Rb,[i.comment?(R(),W("span",Ob,$e(i.comment),1)):_e("",!0),i.stereotype?(R(),W("label",Ib,"\xAB"+$e(i.stereotype)+"\xBB",1)):_e("",!0),w("label",Nb,$e(n.entity.label||n.entity.name),1)])],6)}const Fd=Fe(Sb,[["render",Pb]]),EO="",Fi=js.child({name:"LifeLine"}),Mb={name:"life-line",components:{Participant:Fd},props:["entity","context","groupLeft","inGroup","renderParticipants"],data:()=>({translateX:0,top:0}),computed:{...Jt(["centerOf"]),...Qt(["scale"]),debug(){return!!localStorage.zenumlDebug},left(){return this.centerOf(this.entity.name)-8-(this.groupLeft||0)}},mounted(){Fi.debug(`LifeLine mounted for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),Fi.debug(`nextTick after updated for ${this.entity.name}`)}),Uc.$on("participant_set_top",()=>this.$nextTick(()=>this.setTop()))},updated(){Fi.debug(`updated for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),Fi.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"),n=this.$root.$refs.diagram.$el.querySelector(`[data-to="${t}"]`),r=(n==null?void 0:n.offsetParent)!=null;if(n&&n.attributes["data-type"].value==="creation"&&r){Fi.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}}},Fb=["id"],Db={key:1,class:"line w0 mx-auto flex-grow w-px"};function $b(t,e,n,r,s,i){const o=xe("participant");return R(),W("div",{id:n.entity.name,class:"lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",style:ye({paddingTop:t.top+"px",left:i.left+"px"})},[wo(w("div",null,$e(t.centerOf(n.entity.name)),513),[[di,i.debug]]),n.renderParticipants?(R(),Ue(o,{key:0,entity:n.entity,offsetTop:t.top},null,8,["entity","offsetTop"])):(R(),W("div",Db))],12,Fb)}const Dd=Fe(Mb,[["render",$b],["__scopeId","data-v-ffe9eaee"]]),Bb={name:"lifeline-group",props:["context","renderParticipants"],computed:{...Jt(["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(Jn(t,mr.ParticipantName),"100");return this.centerOf(t)-e/2-8},right(){const t=Math.max(Jn(this.entities.slice(-1).name,mr.ParticipantName),"100"),e=this.entities.slice(0).pop().name;return this.centerOf(e)+t/2+20},entities(){return Fs(this.context).Array()}},components:{LifeLine:Dd}},Ub={class:"lifeline-group relative flex-grow"};function Hb(t,e,n,r,s,i){const o=xe("life-line");return i.entities.length>0?(R(),W("div",{key:0,class:"container absolute flex flex-col h-full",style:ye({left:`${i.left}px`,width:`${i.right-i.left}px`})},[w("div",{class:Ce(["flex flex-col flex-grow",{shadow:n.renderParticipants,"shadow-slate-500/50":!n.renderParticipants}])},[w("div",Ub,[(R(!0),W(Be,null,An(i.entities,l=>(R(),Ue(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)):_e("",!0)}const Vb=Fe(Bb,[["render",Hb]]),$d=js.child({name:"LifeLineLayer"}),jb={name:"life-line-layer",props:["context","renderParticipants"],computed:{...Jt(["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 vd,r=e instanceof Ed;return n||r})}},methods:{...a1(["increaseGeneration"]),getParticipantEntity(t){return Fs(t).First()}},updated(){$d.debug("LifeLineLayer updated")},mounted(){$d.debug("LifeLineLayer mounted")},components:{LifeLine:Dd,LifeLineGroup:Vb}},Gb={class:"container relative grow"};function zb(t,e,n,r,s,i){const o=xe("life-line"),l=xe("life-line-group");return R(),W("div",{class:"life-line-layer lifeline-layer absolute h-full flex flex-col pt-8 top-0",style:ye({"min-width":"200px",pointerEvents:n.renderParticipants?"none":"all"})},[w("div",Gb,[i.starterOnTheLeft?(R(),Ue(o,{key:0,entity:i.starterParticipant,class:Ce(["starter",{invisible:i.invisibleStarter&&!i.debug}]),renderParticipants:n.renderParticipants},null,8,["entity","class","renderParticipants"])):_e("",!0),(R(!0),W(Be,null,An(i.explicitGroupAndParticipants,(a,c)=>(R(),W(Be,null,[a instanceof t.GroupContext?(R(),Ue(l,{key:c,context:a,renderParticipants:n.renderParticipants},null,8,["context","renderParticipants"])):_e("",!0),a instanceof t.ParticipantContext?(R(),Ue(o,{key:c,entity:i.getParticipantEntity(a),renderParticipants:n.renderParticipants},null,8,["entity","renderParticipants"])):_e("",!0)],64))),256)),(R(!0),W(Be,null,An(i.implicitParticipants,a=>(R(),Ue(o,{key:a.name,entity:a,renderParticipants:n.renderParticipants},null,8,["entity","renderParticipants"]))),128))])],4)}const Wb=Fe(jb,[["render",zb]]),wO="",Bd=js.child({name:"MessageLayer"}),qb={name:"message-layer",props:["context"],data(){return{left:0,right:0,totalWidth:0}},computed:{...Jt(["participants","centerOf"]),paddingLeft(){if(this.participants.Array().length>=1){const t=this.participants.Array().slice(0)[0].name;return this.centerOf(t)}return 0}},methods:{...a1(["onMessageLayerMountedOrUpdated"]),participantNames(){return this.participants.Names()}},updated(){Bd.debug("MessageLayer updated")},mounted(){Bd.debug("MessageLayer mounted")}},Zb={class:"message-layer pt-24 pb-10"};function Kb(t,e,n,r,s,i){const o=xe("block");return R(),W("div",Zb,[Z(o,{context:n.context,style:ye({"padding-left":i.paddingLeft+"px"})},null,8,["context","style"])])}const Yb=Fe(qb,[["render",Kb]]),Xb=v.tree.ParseTreeWalker.DEFAULT;class Gc extends E{constructor(n){super();K(this,"_orderedParticipants");K(this,"frameRoot",null);K(this,"parents",[]);this._orderedParticipants=n}getLocalParticipants(n){return[n.Origin(),...Fs(n).ImplicitArray().map(r=>r.name)]}getLeft(n){let 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=>{Xb.walk(this,r)}),this.frameRoot}}function zc(t,e){if(!t.children||t.children.length===0)return 1;let n=0;for(let r of t.children)e==="LEFT"&&r.left!==t.left||e==="RIGHT"&&r.right!==t.right||(n=Math.max(n,zc(r,e)));return n+1}function Wc(t){return t?{left:10*zc(t,"LEFT"),right:10*zc(t,"RIGHT")}:{left:0,right:0}}function Ud(t,e){const n=e.orderedParticipantNames(),r=[t.Origin(),...Fs(t).Names()],s=n.find(u=>r.includes(u))||"",i=n.slice().reverse().find(u=>r.includes(u))||"",l=new Gc(n).getFrame(t),a=Wc(l),c=Qb(t,i,e);return console.debug(`frame: ${JSON.stringify(l)} extraWidth: ${c}, leftParticipant: ${s}, rightParticipant: ${i}, border: ${JSON.stringify(a)}`),e.distance(s,i)+a.left+a.right+Dn.half(Jn,s)+Dn.half(Jn,i)+c}function Qb(t,e,n){const s=Ad(t).filter(i=>i.from===i.to).map(i=>Jn(i.signature,mr.MessageContent)+37-n.distance(i.from,e)-Dn.half(Jn,e));return Math.max.apply(null,[0,...s])}const TO="",Jb={name:"seq-diagram",components:{LifeLineLayer:Wb,MessageLayer:Yb},computed:{...Jt(["rootContext","coordinates"]),...Qt(["numbering"]),width(){return Ud(this.rootContext,this.coordinates)},paddingLeft:function(){const t=this.coordinates.orderedParticipantNames(),n=new Gc(t).getFrame(this.rootContext);return n?Wc(n).left+$c+20:0}},mounted:function(){this.$store.state.diagramElement=this.$refs.diagram}};function ev(t,e,n,r,s,i){const o=xe("life-line-layer"),l=xe("message-layer");return R(),W("div",{class:"zenuml sequence-diagram relative box-border text-left overflow-visible",style:ye({paddingLeft:`${i.paddingLeft}px`}),ref:"diagram"},[Z(o,{context:t.rootContext.head(),renderParticipants:!1},null,8,["context"]),Z(l,{context:t.rootContext.block(),style:ye({width:`${i.width}px`})},null,8,["context","style"]),Z(o,{context:t.rootContext.head(),renderParticipants:!0},null,8,["context"])],4)}const qc=Fe(Jb,[["render",ev]]),tv={name:"IconList",props:["types"],computed:{},methods:{icon(t){return Pd[t==null?void 0:t.toLowerCase()]}}},nv={role:"list",class:"mt-3 grid grid-cols-4 gap-5 sm:gap-6 sm:grid-cols-6 lg:grid-cols-8"},rv={class:"h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md"},sv=["innerHTML","alt"],iv={class:"flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md"},ov={class:"px-2 py-2 text-xs"},lv={class:"text-gray-900 font-medium hover:text-gray-600"};function av(t,e,n,r,s,i){return R(),W("ul",nv,[(R(!0),W(Be,null,An(n.types,o=>(R(),W("li",{key:o,class:"col-span-1 flex flex-col shadow-sm rounded-md"},[w("div",rv,[i.icon?(R(),W("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,sv)):_e("",!0)]),w("div",iv,[w("div",ov,[w("span",lv,"@"+$e(o),1)])])]))),128))])}const cv={name:"TipsDialog",components:{IconList:Fe(tv,[["render",av]])},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)}}}},uv={class:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block"},hv=w("div",{class:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true"},null,-1),fv=w("span",{class:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"},"\u200B",-1),dv={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"},pv={class:"bg-white px-4 py-5 border-b border-gray-200 sm:px-6",slot:"header"},gv=w("h3",{class:"text-xl leading-6 font-medium text-gray-900 inline-block"},"ZenUML Tips",-1),mv=[w("span",{class:"sr-only"},"Close menu",-1),w("svg",{class:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true"},[w("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)],xv={slot:"body"},Lv={class:"relative bg-white pb-32 mt-4 overflow-hidden"},_v={class:"relative"},yv={class:"lg:mx-auto lg:max-w-11/12 lg:px-8"},Cv=Br(`<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)
+`,googlevpc:'<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#aecbfa;}.cls-2{fill:#669df6;}.cls-3{fill:#4285f4;}</style></defs><title>Icon_24px_VirtualPrivateCloud_Color</title><g data-name="Product Icons"><rect class="cls-1" x="16" y="2" width="6" height="6"/><rect class="cls-2" x="19" y="2" width="3" height="6"/><rect class="cls-1" x="16" y="16" width="6" height="6"/><rect class="cls-2" x="19" y="16" width="3" height="6"/><rect class="cls-1" x="2" y="2" width="6" height="6"/><rect class="cls-2" x="5" y="2" width="3" height="6"/><rect class="cls-1" x="2" y="16" width="6" height="6"/><rect class="cls-2" x="5" y="16" width="3" height="6"/><rect class="cls-2" x="8" y="4" width="8" height="2"/><rect class="cls-2" x="8" y="18" width="8" height="2"/><rect class="cls-2" x="18" y="8" width="2" height="8"/><rect class="cls-2" x="4" y="8" width="2" height="8"/><rect class="cls-3" x="4" y="8" width="2" height="2"/><rect class="cls-3" x="18" y="8" width="2" height="2"/><rect class="cls-3" x="8" y="4" width="2" height="2"/><rect class="cls-3" x="8" y="18" width="2" height="2"/></g></svg>',pubsub:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{filter:url(#luminosity-noclip);}.cls-2{fill:#669df6;}.cls-3{mask:url(#mask);}.cls-4{fill:#4285f4;}.cls-5{fill:#aecbfa;}</style><filter id="luminosity-noclip" x="4.64" y="4.19" width="14.73" height="12.76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-color="#fff" result="bg"/><feBlend in="SourceGraphic" in2="bg"/></filter><mask id="mask" x="4.64" y="4.19" width="14.73" height="12.76" maskUnits="userSpaceOnUse"><circle class="cls-1" cx="12" cy="12.23" r="3.58"/></mask></defs><title>Icon_24px_Pub-Sub_Color</title><g data-name="Product Icons"><circle class="cls-2" cx="18.97" cy="8.21" r="1.72"/><circle class="cls-2" cx="5.03" cy="8.21" r="1.72"/><circle class="cls-2" cx="12" cy="20.28" r="1.72"/><g class="cls-3"><rect class="cls-4" x="14.69" y="10.22" width="1.59" height="8.04" transform="matrix(0.5, -0.87, 0.87, 0.5, -4.59, 20.53)"/><rect class="cls-4" x="4.49" y="13.45" width="8.04" height="1.59" transform="translate(-5.98 6.17) rotate(-30)"/><rect class="cls-4" x="11.2" y="4.19" width="1.59" height="8.04"/></g><circle class="cls-5" cx="12" cy="12.23" r="2.78"/><circle class="cls-5" cx="5.03" cy="16.25" r="2.19"/><circle class="cls-5" cx="18.97" cy="16.25" r="2.19"/><circle class="cls-5" cx="12" cy="4.19" r="2.19"/></g></svg>',securityscanner:'<svg id="Artwork" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><circle cx="11.45" cy="11.51" r="2.89" style="fill:#669df6"/><path d="M18.05,6.81a8.12,8.12,0,0,0-4.94-3.23l-.27,1.3A6.79,6.79,0,1,1,6.65,6.74l-1-.94a8.1,8.1,0,1,0,13,2.12A1.31,1.31,0,0,1,18.05,6.81Z" style="fill:#aecbfa"/><path d="M14.46,20.42a2,2,0,1,1,0-3.93" style="fill:#669df6"/><path d="M14.46,16.49a2,2,0,1,1,0,3.93" style="fill:#4285f4"/><path d="M19.38,8.1a1.34,1.34,0,0,1,0-2.67v-1h0a2.38,2.38,0,0,0,0,4.75Z" style="fill:#669df6"/><path d="M19.38,5.43a1.34,1.34,0,0,1,0,2.67v1h0a2.38,2.38,0,0,0,0-4.75Z" style="fill:#4285f4"/><path d="M4.22,12.78a2,2,0,1,1,0-3.93" style="fill:#669df6"/><path d="M4.22,8.85a2,2,0,0,1,0,3.93" style="fill:#4285f4"/></svg>',stackdriver:'<svg id="Artwork" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><polygon points="11.19 11.35 15.75 3.51 6.75 3.51 2.25 11.35 11.19 11.35" style="fill:#aecbfa"/><polygon points="2.25 12.65 6.74 20.49 15.73 20.49 11.25 12.65 2.25 12.65" style="fill:#4285f4"/><path d="M21.75,12l-4.5-7.87L12.74,12l4.51,7.87Z" style="fill:#669df6"/></svg>',visionapi:'<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;}.cls-2{fill:#669df6;}.cls-3{fill:#aecbfa;}.cls-4{fill:#4285f4;}</style></defs><title>Icon_24px_VisionAPI_Color</title><g data-name="Product Icons"><g data-name="colored-32/vision"><rect class="cls-1" width="24" height="24"/><g ><polygon class="cls-2" points="6 12 12 16.99 12 20 2 12 6 12"/><polygon id="Shape-2" data-name="Shape" class="cls-2" points="12 16.99 18 12 22 12 12 20 12 16.99"/><polygon id="Shape-3" data-name="Shape" class="cls-3" points="2 12 12 4 12 7.01 6 12 2 12"/><polygon id="Shape-4" data-name="Shape" class="cls-3" points="12 7.01 18 12 22 12 12 4 12 7.01"/><circle id="Oval" class="cls-4" cx="12" cy="12" r="2"/></g></g></g></svg>'};function bb(){const t=me(0),e=me(0),n=()=>{t.value=document.documentElement.scrollTop,e.value=document.documentElement.scrollLeft};return qe(()=>{n(),document.addEventListener("scroll",n)}),ut(()=>{document.removeEventListener("scroll",n)}),[t,e]}const Md=10,vb=1,Mi=document.createElement("div");Object.assign(Mi.style,{position:"absolute",top:"0",left:"0",opacity:"0",pointerEvents:"none"});const jc=new Array(Md).fill(0).map(()=>{const t=document.createElement("div");return Object.assign(t.style,{position:"absolute",top:"0",left:"0",width:"100%"}),Mi.appendChild(t),t});document.body.appendChild(Mi);function Eb(){const t=me(0);let e;return qe(()=>{const n=document.documentElement.scrollHeight,r=document.documentElement.scrollWidth;Mi.style.height=n+"px",Mi.style.width=r+"px";const s=Math.ceil(document.documentElement.scrollHeight/Md),i=[...Array(s+1).keys()].map(o=>o/s);jc.forEach((o,l)=>{o.style.top=l*s+"px",o.style.height=s+"px"}),e=new IntersectionObserver(([o])=>{(o.intersectionRect.top-o.boundingClientRect.top>vb||o.target===jc[0])&&(t.value=o.intersectionRect.top)},{threshold:i}),jc.forEach(o=>{e.observe(o)})}),ut(()=>{e.disconnect()}),t}function wb(t){for(var e=0,n=t;n;)e+=n.offsetTop,n=n.offsetParent;return e}const Tb=70,Ab=10,Sb={name:"Participant",setup(t){const e=g2(),n=me(null),r=Eb(),[s]=bb();return{translate:de(()=>{var u;const o=t.offsetTop||0;let l=r.value+s.value;r.value>Ab&&(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?wb(e==null?void 0:e.state.diagramElement):0;return l<o+c?0:Math.min(l-c,a-Tb)-o}),participant:n}},props:{entity:{type:Object,required:!0},offsetTop: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 Pd[(t=this.entity.type)==null?void 0:t.toLowerCase()]},backgroundColor(){try{return this.entity.color?this.entity.color&&cb(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=ab(t);this.color=e>128?"#000":"#fff"}}},kb=["innerHTML","alt"],Rb={class:"h-5 group flex flex-col justify-center"},Ob={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"},Ib={key:1,class:"interface leading-4"},Nb={class:"name leading-4"};function Pb(t,e,n,r,s,i){return R(),W("div",{class:Ce(["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:ye({backgroundColor:i.backgroundColor,color:s.color,transform:`translateY(${r.translate}px)`}),onClick:e[0]||(e[0]=(...o)=>i.onSelect&&i.onSelect(...o))},[i.icon?(R(),W("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,kb)):_e("",!0),w("div",Rb,[i.comment?(R(),W("span",Ob,$e(i.comment),1)):_e("",!0),i.stereotype?(R(),W("label",Ib,"\xAB"+$e(i.stereotype)+"\xBB",1)):_e("",!0),w("label",Nb,$e(n.entity.label||n.entity.name),1)])],6)}const Fd=Fe(Sb,[["render",Pb]]),EO="",Fi=js.child({name:"LifeLine"}),Mb={name:"life-line",components:{Participant:Fd},props:["entity","context","groupLeft","inGroup","renderParticipants"],data:()=>({translateX:0,top:0}),computed:{...Jt(["centerOf"]),...Qt(["scale"]),debug(){return!!localStorage.zenumlDebug},left(){return this.centerOf(this.entity.name)-8-(this.groupLeft||0)}},mounted(){Fi.debug(`LifeLine mounted for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),Fi.debug(`nextTick after updated for ${this.entity.name}`)}),Uc.$on("participant_set_top",()=>this.$nextTick(()=>this.setTop()))},updated(){Fi.debug(`updated for ${this.entity.name}`),this.$nextTick(()=>{this.setTop(),Fi.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"),n=this.$root.$refs.diagram.$el.querySelector(`[data-to="${t}"]`),r=(n==null?void 0:n.offsetParent)!=null;if(n&&n.attributes["data-type"].value==="creation"&&r){Fi.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}}},Fb=["id"],Db={key:1,class:"line w0 mx-auto flex-grow w-px"};function $b(t,e,n,r,s,i){const o=xe("participant");return R(),W("div",{id:n.entity.name,class:"lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",style:ye({paddingTop:t.top+"px",left:i.left+"px"})},[wo(w("div",null,$e(t.centerOf(n.entity.name)),513),[[di,i.debug]]),n.renderParticipants?(R(),Ue(o,{key:0,entity:n.entity,offsetTop:t.top},null,8,["entity","offsetTop"])):(R(),W("div",Db))],12,Fb)}const Dd=Fe(Mb,[["render",$b],["__scopeId","data-v-ffe9eaee"]]),Bb={name:"lifeline-group",props:["context","renderParticipants"],computed:{...Jt(["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(Jn(t,mr.ParticipantName),"100");return this.centerOf(t)-e/2-8},right(){const t=Math.max(Jn(this.entities.slice(-1).name,mr.ParticipantName),"100"),e=this.entities.slice(0).pop().name;return this.centerOf(e)+t/2+20},entities(){return Fs(this.context).Array()}},components:{LifeLine:Dd}},Ub={class:"lifeline-group relative flex-grow"};function Hb(t,e,n,r,s,i){const o=xe("life-line");return i.entities.length>0?(R(),W("div",{key:0,class:"container absolute flex flex-col h-full",style:ye({left:`${i.left}px`,width:`${i.right-i.left}px`})},[w("div",{class:Ce(["flex flex-col flex-grow",{shadow:n.renderParticipants,"shadow-slate-500/50":!n.renderParticipants}])},[w("div",Ub,[(R(!0),W(Be,null,An(i.entities,l=>(R(),Ue(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)):_e("",!0)}const Vb=Fe(Bb,[["render",Hb]]),$d=js.child({name:"LifeLineLayer"}),jb={name:"life-line-layer",props:["context","renderParticipants"],computed:{...Jt(["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 vd,r=e instanceof Ed;return n||r})}},methods:{...a1(["increaseGeneration"]),getParticipantEntity(t){return Fs(t).First()}},updated(){$d.debug("LifeLineLayer updated")},mounted(){$d.debug("LifeLineLayer mounted")},components:{LifeLine:Dd,LifeLineGroup:Vb}},Gb={class:"container relative grow"};function zb(t,e,n,r,s,i){const o=xe("life-line"),l=xe("life-line-group");return R(),W("div",{class:"life-line-layer lifeline-layer absolute h-full flex flex-col pt-8 top-0",style:ye({"min-width":"200px",pointerEvents:n.renderParticipants?"none":"all"})},[w("div",Gb,[i.starterOnTheLeft?(R(),Ue(o,{key:0,entity:i.starterParticipant,class:Ce(["starter",{invisible:i.invisibleStarter&&!i.debug}]),renderParticipants:n.renderParticipants},null,8,["entity","class","renderParticipants"])):_e("",!0),(R(!0),W(Be,null,An(i.explicitGroupAndParticipants,(a,c)=>(R(),W(Be,null,[a instanceof t.GroupContext?(R(),Ue(l,{key:c,context:a,renderParticipants:n.renderParticipants},null,8,["context","renderParticipants"])):_e("",!0),a instanceof t.ParticipantContext?(R(),Ue(o,{key:c,entity:i.getParticipantEntity(a),renderParticipants:n.renderParticipants},null,8,["entity","renderParticipants"])):_e("",!0)],64))),256)),(R(!0),W(Be,null,An(i.implicitParticipants,a=>(R(),Ue(o,{key:a.name,entity:a,renderParticipants:n.renderParticipants},null,8,["entity","renderParticipants"]))),128))])],4)}const Wb=Fe(jb,[["render",zb]]),wO="",Bd=js.child({name:"MessageLayer"}),qb={name:"message-layer",props:["context"],data(){return{left:0,right:0,totalWidth:0}},computed:{...Jt(["participants","centerOf"]),paddingLeft(){if(this.participants.Array().length>=1){const t=this.participants.Array().slice(0)[0].name;return this.centerOf(t)}return 0}},methods:{...a1(["onMessageLayerMountedOrUpdated"]),participantNames(){return this.participants.Names()}},updated(){Bd.debug("MessageLayer updated")},mounted(){Bd.debug("MessageLayer mounted")}},Zb={class:"message-layer pt-24 pb-10"};function Kb(t,e,n,r,s,i){const o=xe("block");return R(),W("div",Zb,[Z(o,{context:n.context,style:ye({"padding-left":i.paddingLeft+"px"})},null,8,["context","style"])])}const Yb=Fe(qb,[["render",Kb]]),Xb=v.tree.ParseTreeWalker.DEFAULT;class Gc extends E{constructor(n){super();K(this,"_orderedParticipants");K(this,"frameRoot",null);K(this,"parents",[]);this._orderedParticipants=n}getLocalParticipants(n){return[n.Origin(),...Fs(n).ImplicitArray().map(r=>r.name)]}getLeft(n){let 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=>{Xb.walk(this,r)}),this.frameRoot}}function zc(t,e){if(!t.children||t.children.length===0)return 1;let n=0;for(let r of t.children)e==="LEFT"&&r.left!==t.left||e==="RIGHT"&&r.right!==t.right||(n=Math.max(n,zc(r,e)));return n+1}function Wc(t){return t?{left:10*zc(t,"LEFT"),right:10*zc(t,"RIGHT")}:{left:0,right:0}}function Ud(t,e){const n=e.orderedParticipantNames(),r=[t.Origin(),...Fs(t).Names()],s=n.find(u=>r.includes(u))||"",i=n.slice().reverse().find(u=>r.includes(u))||"",l=new Gc(n).getFrame(t),a=Wc(l),c=Qb(t,i,e);return console.debug(`frame: ${JSON.stringify(l)} extraWidth: ${c}, leftParticipant: ${s}, rightParticipant: ${i}, border: ${JSON.stringify(a)}`),e.distance(s,i)+a.left+a.right+Dn.half(Jn,s)+Dn.half(Jn,i)+c}function Qb(t,e,n){const s=Ad(t).filter(i=>i.from===i.to).map(i=>Jn(i.signature,mr.MessageContent)+37-n.distance(i.from,e)-Dn.half(Jn,e));return Math.max.apply(null,[0,...s])}const TO="",Jb={name:"seq-diagram",components:{LifeLineLayer:Wb,MessageLayer:Yb},computed:{...Jt(["rootContext","coordinates"]),...Qt(["numbering"]),width(){return Ud(this.rootContext,this.coordinates)},paddingLeft:function(){const t=this.coordinates.orderedParticipantNames(),n=new Gc(t).getFrame(this.rootContext);return n?Wc(n).left+$c+20:0}},mounted:function(){this.$store.state.diagramElement=this.$refs.diagram}};function ev(t,e,n,r,s,i){const o=xe("life-line-layer"),l=xe("message-layer");return R(),W("div",{class:"zenuml sequence-diagram relative box-border text-left overflow-visible",style:ye({paddingLeft:`${i.paddingLeft}px`}),ref:"diagram"},[Z(o,{context:t.rootContext.head(),renderParticipants:!1},null,8,["context"]),Z(l,{context:t.rootContext.block(),style:ye({width:`${i.width}px`})},null,8,["context","style"]),Z(o,{context:t.rootContext.head(),renderParticipants:!0},null,8,["context"])],4)}const qc=Fe(Jb,[["render",ev]]),tv={name:"IconList",props:["types"],computed:{},methods:{icon(t){return Pd[t==null?void 0:t.toLowerCase()]}}},nv={role:"list",class:"mt-3 grid grid-cols-4 gap-5 sm:gap-6 sm:grid-cols-6 lg:grid-cols-8"},rv={class:"h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md"},sv=["innerHTML","alt"],iv={class:"flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md"},ov={class:"px-2 py-2 text-xs"},lv={class:"text-gray-900 font-medium hover:text-gray-600"};function av(t,e,n,r,s,i){return R(),W("ul",nv,[(R(!0),W(Be,null,An(n.types,o=>(R(),W("li",{key:o,class:"col-span-1 flex flex-col shadow-sm rounded-md"},[w("div",rv,[i.icon?(R(),W("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,sv)):_e("",!0)]),w("div",iv,[w("div",ov,[w("span",lv,"@"+$e(o),1)])])]))),128))])}const cv={name:"TipsDialog",components:{IconList:Fe(tv,[["render",av]])},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)}}}},uv={class:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block"},hv=w("div",{class:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity","aria-hidden":"true"},null,-1),fv=w("span",{class:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"},"\u200B",-1),dv={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"},pv={class:"bg-white px-4 py-5 border-b border-gray-200 sm:px-6",slot:"header"},gv=w("h3",{class:"text-xl leading-6 font-medium text-gray-900 inline-block"},"ZenUML Tips",-1),mv=[w("span",{class:"sr-only"},"Close menu",-1),w("svg",{class:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true"},[w("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)],xv={slot:"body"},Lv={class:"relative bg-white pb-32 mt-4 overflow-hidden"},_v={class:"relative"},yv={class:"lg:mx-auto lg:max-w-11/12 lg:px-8"},Cv=Br(`<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/package.json

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