@keadex/mina-react 1.3.0 → 1.4.0

package/index.js

@@ -1 +1 @@
-(()=>{"use strict";var e,t,n,r,_,a,i={306:(e,t,n)=>{n.d(t,{r:()=>en});const r="object:modified",_="mouseup",a="modified",i="selected",o="#000000",s=12,l=10,c=20,d=20,u=120,p=20,g=10,b={SIZES:{DEFAULT_TOP:c+p,DEFAULT_LEFT:d+u+50,BORDER_WIDTH:1},FONT:{FAMILY:"Roboto"}},w="#1168BD",f="#438DD5",h="#85BBF0",m="#686868",y="#999999",v="#CCCCCC",E="#FFFFFF",x="#FFFFFF",S="#0F5BA6",k="#3E84C7",O="#7BADDE",C="#525252",T="#8A8A8A",D="#BDBDBD",j="#666666",I="#666666",R="#FFFFFF",A="#FFFFFF",F="#000000",L="#FFFFFF",M="#FFFFFF",P="#000000",N="#333333",U="#333333",z=220,X=100,B=15,Y=10,Z=20,W=5,H=15,$=25,G=10,q=14,V=12,Q=12,K=10,J=.3,ee=.15,te="#828282",ne="#404040",re=10,_e=10,ae=3,ie=3,oe=9,se=1,le=90,ce=40,de=45,ue=10,pe=10,ge=150,be=80,we=10,fe=10,he={SIZES:{STROKE_DASH_ARRAY:[5,5]}};var me=n(255);require("change-case"),n(420);var ye=n(826),ve=n(629);function Ee(e,t=!0,n){var r,_,a,i;let o,s,l,c;return e.forEach((e=>{if(e.visible){const r=e.getBoundingRect(!1,!0),_=t?e.getBoundingRect(!0,!1):r;let a=_.left,i=_.top;if(n&&a&&i){const e=fabric.util.transformPoint(new fabric.Point(a,i),n);a=e.x,i=e.y}(void 0===o||a<o)&&(o=a),void 0!==a&&void 0!==r.width&&(void 0===s||a+r.width>s)&&(s=a+r.width),(void 0===c||void 0!==i&&i<c)&&(c=i),void 0!==i&&void 0!==r.height&&(void 0===l||r.height+i>l)&&(l=i+r.height)}})),{left:o,right:s,top:c,bottom:l,width:(null!=(r=s)?r:0)-(null!=(_=o)?_:0),height:(null!=(a=l)?a:0)-(null!=(i=c)?i:0)}}function xe(e,t){let n=-1;return e&&(n=e.getObjects().indexOf(t)),-1!==n?n:void 0}function Se(e,t,n=Number.MAX_SAFE_INTEGER){let r=n;return t.forEach((t=>{const n=xe(e,t);void 0!==n&&n<r&&(r=n)})),r!==Number.MAX_SAFE_INTEGER?r:void 0}function ke(e){let t=[];const n=new Set;if(e){let r=[];e.forEach((e=>{const t=e.getVirtualGroupRoot();t&&n.add(t)})),n.forEach((e=>{var t;r=r.concat(Oe(null!=(t=e.children)?t:[],!0))})),t=e.filter((e=>!r.includes(e)))}return{filteredObjects:t,virtualGroupsRoots:n}}function Oe(e,t=!0){let n=[];return e&&e.forEach((e=>{(e.visible||!e.visible&&t)&&n.push(e),e.children&&(n=n.concat(Oe(e.children,t)))})),n}function Ce(e){let t=0,n=0;if(e){const r=e.viewportTransform;t=r?r[4]:0,n=r?r[5]:0}return{panX:t,panY:n}}ve.fabric.ActiveSelection.prototype._controlsVisibility={tl:!0,tr:!0,br:!0,bl:!0,ml:!1,mt:!1,mr:!1,mb:!1,mtr:!1},ve.fabric.Object.prototype.isVirtualGroupParent=function(){return void 0!==this.children&&this.children.length>0},ve.fabric.Object.prototype.isVirtualGroupChild=function(){return void 0!==this.parent},ve.fabric.Object.prototype.isVirtualGroupRoot=function(){return this.isVirtualGroupParent()&&void 0===this.parent},ve.fabric.Object.prototype.isVirtualGroupLeaf=function(){return this.isVirtualGroupChild()&&!this.isVirtualGroupParent()},ve.fabric.Object.prototype.isVirtualGroupBaseShape=function(){return this.isVirtualGroupChild()&&this.parent.children[0]===this},ve.fabric.Object.prototype.getVirtualGroupRoot=function(){let e=this.parent;for(;e&&e.parent;)e=e.parent;return e};class Te extends ve.fabric.Point{constructor(e,t,n){super(e,t),this.customType=void 0,this.data=void 0,this.customType=n}}class De extends ve.fabric.ActiveSelection{}const je=e=>"getUpdatedSpecs"in e;class Ie extends ve.fabric.Group{constructor(e,t,n,r,a,i,o,s=!1){var l,c,d,u,p,g,b,w,f,h,m;super(r,Object.assign({data:{rawDiagramElementSpec:t,rawData:e},name:null!=(l=n.alias)?l:"undefined",left:void 0!==(null==t||null==(c=t.position)?void 0:c.left)?null==t||null==(d=t.position)?void 0:d.left:null==(u=n.position)?void 0:u.left,top:void 0!==(null==t||null==(p=t.position)?void 0:p.top)?null==t||null==(g=t.position)?void 0:g.top:null==(b=n.position)?void 0:b.top,scaleX:void 0!==(null==t||null==(w=t.size)?void 0:w.scale_x)?null==t||null==(f=t.size)?void 0:f.scale_x:1,scaleY:void 0!==(null==t||null==(h=t.size)?void 0:h.scale_y)?null==t||null==(m=t.size)?void 0:m.scale_y:1},a)),this.parent=i,this.children=null!=o?o:[],this.setControlsVisibility({mb:!1,ml:!1,mr:!1,mt:!1,mtr:!1}),s||this.on(_,(e=>{var t;this.onComponentMouseUp(null==(t=e.target)?void 0:t.canvas,e,this)}))}getUpdatedSpecs(){var e,t;null==(e=this.canvas)||e.discardActiveObject();const n=null==(t=this.data)?void 0:t.rawDiagramElementSpec;if(n){var r,_,a,i,o,s,l,c,d,u,p,g,b,w,f,h;const e=(0,me.Xh)(n);return e.position={left:null!=(r=this.left)?r:null==(_=n.position)?void 0:_.left,top:null!=(a=this.top)?a:null==(i=n.position)?void 0:i.top,z_index:null!=(o=xe(this.canvas,this))?o:null==(s=n.position)?void 0:s.z_index,angle:null!=(l=this.angle)?l:null==(c=n.position)?void 0:c.angle},e.size={width:null!=(d=this.width)?d:null==(u=n.size)?void 0:u.width,height:null!=(p=this.height)?p:null==(g=n.size)?void 0:g.height,scale_x:null!=(b=this.scaleX)?b:null==(w=n.size)?void 0:w.scale_x,scale_y:null!=(f=this.scaleY)?f:null==(h=n.size)?void 0:h.scale_y},e}}onComponentMouseUp(e,t,n,r){if(e)switch(t.e.preventDefault(),t.button){case 3:{e.setActiveObject(n),e.renderAll();const _=e.contextTop,a=ve.fabric.util.getPointer(t.e,_.canvas),i=new CustomEvent(ye._A.CONTEXT_MENU,{detail:{sourceEvent:t,pageX:a.x,pageY:a.y,menuItems:null!=r?r:Re(e,t,n)}});document.dispatchEvent(i);break}}}}const Re=(e,t,n,_=!0)=>{var a,i;const o=[],s=null==(a=n.data)||null==(a=a.rawDiagramElementSpec)?void 0:a.element_type,l=null==(i=n.data)||null==(i=i.rawData)||null==(i=i.base_data)?void 0:i.link,c=e.isReadOnly();return void 0!==s&&l&&(void 0!==Ne(s)||void 0!==Ue(s)||void 0!==ze(s)||void 0!==Xe(s)||void 0!==Ze(s))&&(o.push({isHeaderMenuItem:!1,id:"openDiagram",label:"Open Diagram",onClick:()=>{e.diagramListener&&e.diagramListener.onOpenDiagramClick(l)}}),c||o.push({id:"separatorCommon",isSepator:!0})),c||o.push({isHeaderMenuItem:!1,id:"bringToFront",label:"Bring to Front",onClick:()=>{var e;n.bringToFront(),null==(e=n.canvas)||e.fire(r)}},{isHeaderMenuItem:!1,id:"bringForward",label:"Bring Forward",onClick:()=>{var e;n.bringForward(),null==(e=n.canvas)||e.fire(r)}},{isHeaderMenuItem:!1,id:"sentToBack",label:"Send to Back",onClick:()=>Ae(n)},{isHeaderMenuItem:!1,id:"sendBackwards",label:"Send Backwards",onClick:()=>Fe(n)}),_?[{isHeaderMenuItem:!0,id:"baseComponentContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:o}]:o},Ae=e=>{var t;e.parent||(e.sendToBack(),null==(t=e.canvas)||t.fire(r))},Fe=e=>{if(e instanceof De){var t,n,_;const i=e.parent,o=Se(e.canvas,null!=(t=null==i?void 0:i.children)?t:[]),s=Se(e.canvas,null!=(n=null==i||null==(_=i.parent)?void 0:_.children)?n:[]);var a;void 0===s||void 0===o||o-1>s?(e.sendBackwards(),null==(a=e.canvas)||a.fire(r)):console.debug(`cannot send backwards ${o} ${s}`)}else{var i,o;const t=xe(e.canvas,e),n=Se(e.canvas,null!=(i=null==(o=e.parent)?void 0:o.children)?i:[]);var s;void 0===n||void 0===t||t-1>n?(e.sendBackwards(),null==(s=e.canvas)||s.fire(r)):console.debug(`cannot send backwards ${t} ${n}`)}},Le=(e,t,n,r,_)=>Me(e,t,n,r,_.elements_specs)||Pe(e,t,n,r),Me=(e,t,n,r,_)=>{for(let a=0;a<_.length;a++){const i=_[a],o=i.alias===e,s=(0,me.B6)(i.element_type,r);if(o&&s)return i;if(i.inner_specs){const _=i.inner_specs,a=Me(e,t,n,r,_);if(a)return a}}},Pe=(e,t,n,r)=>({alias:e,from:t,to:n,element_type:r}),Ne=e=>{if("Boundary"in e)return e.Boundary},Ue=e=>{if("Component"in e)return e.Component},ze=e=>{if("Container"in e)return e.Container},Xe=e=>{if("DeploymentNode"in e)return e.DeploymentNode},Be=e=>{if("Person"in e)return e.Person},Ye=e=>{if("Relationship"in e)return e.Relationship},Ze=e=>{if("SoftwareSystem"in e)return e.SoftwareSystem};let We=function(e){return e.Rectangle="RECTANGLE",e.Footer="FOOTER",e}({});class He extends Ie{getUpdatedSpecs(){const e=super.getUpdatedSpecs();var t;if(e&&(null==(t=this.canvas)||t.discardActiveObject(),delete e.position,delete e.size,e.inner_specs=[],e.shapes=[],this.children))for(const t of this.children)if(je(t)){const n=t.getUpdatedSpecs();n&&e.inner_specs.push(n)}else if(t.name!==We.Footer){var n,r;e.shapes.push({position:{left:t.left,top:t.top,z_index:xe(t.canvas,t)},size:{scale_x:null!=(n=t.scaleX)?n:1,scale_y:null!=(r=t.scaleY)?r:1},shape_type:t.name})}else e.shapes.push({position:{z_index:xe(t.canvas,t)},shape_type:t.name});return e}}const $e=e=>{var t,n,r,_,a,i,o,s,l,c;let d,u;const p=[];null==(t=e.children)||t.forEach((e=>{e.name===We.Footer?u=e:e.name===We.Rectangle?d=e:p.push(e)}));const g=Ee(Oe(p),!1),b=null!=(n=null==(r=d)?void 0:r.scaleX)?n:1,w=null!=(_=null==(a=d)?void 0:a.scaleY)?_:1,f=null!=(i=null==(o=d)||null==(o=o.canvas)?void 0:o.getZoom())?i:1,h=Ce(e.canvas),m=fe*b,y=fe*w,v=we*b,E=we*w;var x;d&&void 0!==g.left&&void 0!==g.right&&void 0!==g.top&&void 0!==g.bottom&&void 0!==g.width&&void 0!==g.height&&void 0!==u?(g.left=(g.left-h.panX)/f,g.top=(g.top-h.panY)/f,g.right=(g.right-h.panX)/f,g.bottom=(g.bottom-h.panY)/f,g.width=g.right-g.left,g.height=g.bottom-g.top,d.width=g.width/b+m/b*2,d.height=g.height/w+y/w*3+(null!=(x=u.height)?x:0),d.left=g.left-m,d.top=g.top-y):d&&void 0!==u&&(d.width=ge,d.height=be+u.getScaledHeight()),null==(s=e.canvas)||s.renderAll(),d&&u&&void 0!==d.left&&void 0!==d.top&&void 0!==d.height&&void 0!==u.height&&(u.top=d.top+d.getScaledHeight()-u.getScaledHeight()-E,u.left=d.left+v),null==(l=d)||l.setCoords(),null==(c=u)||c.setCoords()},Ge=e=>{e.on(i,(t=>{Ve(t,e)}))},qe=e=>{e.on(i,(t=>{Ve(t,e)}))},Ve=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,i,o,s;const e=t.parent,n=ke(null==(r=t.canvas)?void 0:r.getActiveObjects());let c;if(null==(i=t.canvas)||i.discardActiveObject(),n.filteredObjects.length>0||n.virtualGroupsRoots.size>1){let e=n.filteredObjects;n.virtualGroupsRoots.forEach((t=>{var n;return e=e.concat(Oe(null!=(n=t.children)?n:[],!1))})),c=new ve.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var l;c=new De([...Oe(null!=(l=e.children)?l:[],!1)],{canvas:t.canvas}),c.parent=e,c.on(_,(t=>{Ke(c.canvas,t,c,e)})),c.on(a,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(a)}))}null==(o=t.canvas)||o.setActiveObject(c),null==(s=t.canvas)||s.requestRenderAll()}},Qe=(e,t)=>{e&&t&&$e(e)},Ke=(e,t,n,r)=>{n instanceof ve.fabric.ActiveSelection&&e&&r.onComponentMouseUp(e,t,n,((e,t,n)=>n instanceof ve.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"baseElasticContainerContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[...Re(e,t,n,!1)]}]:[])(e,t,n))},Je=(e,t,n,r)=>{var _;const i={alias:null==(_=e.base_data)?void 0:_.alias},o=new He(e,t,i,[],void 0,void 0,void 0,!0);o.visible=!1;const s=((e,t,n)=>{var r,_,a,i,o,s,l,c,d,u;const p=null==e||null==(r=e.shapes)?void 0:r.filter((e=>e.shape_type===We.Rectangle))[0],g=new ve.fabric.Rect({fill:t.bgColor,stroke:t.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,strokeDashArray:t.strokeDashArray,left:null!=(_=null==p||null==(a=p.position)?void 0:a.left)?_:b.SIZES.DEFAULT_LEFT,top:null!=(i=null==p||null==(o=p.position)?void 0:o.top)?i:b.SIZES.DEFAULT_TOP,name:We.Rectangle,rx:Y,ry:Y,scaleX:null!=(s=null==p||null==(l=p.size)?void 0:l.scale_x)?s:1,scaleY:null!=(c=null==p||null==(d=p.size)?void 0:d.scale_y)?c:1});return g.data={rawDiagramElementSpec:p},g.parent=n,Ge(g),null==(u=n.children)||u.push(g),g})(t,r,o);((e,t,n,r,_)=>{var a,i,o,s,l,c,d,u;const p=null==e||null==(a=e.shapes)?void 0:a.filter((e=>e.shape_type===We.Footer))[0],g=[],w={fontFamily:b.FONT.FAMILY,fill:t.textColor};if(null!=(i=n.base_data)&&i.label){const e=new ve.fabric.Text(n.base_data.label,Object.assign({},w,{fontSize:ue,fontWeight:"bold"}));e.top=0,e.left=0,g.push(e)}let f=null!=(o=null!=(s=n.boundary_type)?s:n.deployment_node_type)?o:"";f=null!=(l=null!=(c=n.boundary_custom_type)?c:n.deploymeny_node_custom_type)?l:f,f+=n.technology?`: ${n.technology}`:"",f=`[${f}]`;const h=new ve.fabric.Text(f,Object.assign({},w,{fontSize:pe,left:0,top:null!=(d=g[0].height)?d:0}));g.push(h);const m=new ve.fabric.Group(g,{name:We.Footer,selectable:!1,evented:!1,left:r.left,top:r.top,scaleX:r.scaleX,scaleY:r.scaleY});m.data={rawDiagramElementSpec:p},m.parent=_,qe(m),null==(u=_.children)||u.push(m)})(t,r,e,s,o);let l=[];return e.sub_elements&&(l=zt(void 0,e.sub_elements,n,{skipAddToCanvas:!0,skipLegendRendering:!0}),l.forEach((e=>{var t;e.parent=o,null==(t=o.children)||t.push(e)}))),$e(o),(e=>{var t;null==(t=e.children)||t.forEach((t=>{t.on(a,(t=>{Qe(e,t)})),t.children&&t.children.forEach((t=>{t.on(a,(t=>{Qe(e,t)}))}))}))})(o),o},et=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.boundary_type){var _;const a=((e,t,n,r)=>{const _={bgColor:E,borderColor:j,textColor:N,strokeDashArray:he.SIZES.STROKE_DASH_ARRAY},a=Object.assign({},_,r);return Je(e,t,n,a)})(t,Le(t.base_data.alias,void 0,void 0,{Boundary:t.boundary_type},n),n);return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...Oe(null!=(_=a.children)?_:[])),a}};var tt=n(466);const nt=(e,t,n)=>{var r,_,a,i;const o=[],s=((e,t)=>{var n,r,_,a,i;const o=new ve.fabric.Rect({fill:t.bgColor,stroke:t.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,left:b.SIZES.DEFAULT_LEFT,top:b.SIZES.DEFAULT_TOP,width:null!=(n=t.widthBox)?n:z,height:X,name:null!=(r=null==(_=e.base_data)?void 0:_.alias)?r:"undefined",rx:null!=(a=t.borderRadius)?a:Y,ry:null!=(i=t.borderRadius)?i:Y});return o.on("scaling",(e=>{var t;null!=(t=e.target)&&t.width&&e.target.height&&e.target.scaleX&&e.target.scaleY&&e.target.set({width:e.target.width*e.target.scaleX,height:e.target.height*e.target.scaleY,scaleX:1,scaleY:1})})),o})(e,n);let l;o.push(s),null!=(r=e.base_data)&&r.tags&&(l=((e,t,n)=>{var r,_,a,i;return new ve.fabric.Text(`«${null==(r=t.base_data)?void 0:r.tags}»`,{fill:n.textColor,fontFamily:b.FONT.FAMILY,fontSize:V,fontStyle:"italic",fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(_=e.left)?_:b.SIZES.DEFAULT_LEFT)+(null!=(a=e.width)?a:0)/2,top:(null!=(i=e.top)?i:b.SIZES.DEFAULT_TOP)+W})})(s,e,n),o.push(l));const c=((e,t,n,r)=>{var _,a,i,o,s;return new ve.fabric.Text(null!=(_=null==(a=n.base_data)?void 0:a.label)?_:"undefined",{fill:r.textColor,fontFamily:b.FONT.FAMILY,fontSize:q,fontWeight:"bold",textAlign:"center",originX:"center",originY:"top",left:(null!=(i=e.left)?i:b.SIZES.DEFAULT_LEFT)+(null!=(o=e.width)?o:0)/2,top:(null!=(s=null==t?void 0:t.top)?s:b.SIZES.DEFAULT_TOP)+Z})})(s,l,e,n);o.push(c);const d=((e,t,n,r)=>{var _,a,i,o,s,l,c,d,u,p;const g=`[${null!=(_=null!=(a=null!=(i=null!=(o=null!=(s=null!=(l=null!=(c=n.boundary_custom_type)?c:n.boundary_type)?l:n.component_type)?s:n.container_type)?o:n.deployment_node_type)?i:n.deploymeny_node_custom_type)?a:n.person_type)?_:n.system_type}${n.technology?`: ${n.technology}`:""}]`;return new ve.fabric.Text(g,{fill:r.textColor,fontFamily:b.FONT.FAMILY,fontSize:Q,fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(d=e.left)?d:b.SIZES.DEFAULT_LEFT)+(null!=(u=e.width)?u:0)/2,top:(null!=(p=null==t?void 0:t.top)?p:b.SIZES.DEFAULT_TOP)+H})})(s,c,e,n);let u;o.push(d),null!=(_=e.base_data)&&_.description&&(u=((e,t,n,r)=>{var _,a,i,o,s,l;const c=null!=(_=r.widthDescription)?_:e.width;return new ve.fabric.Textbox(null!=(a=null==(i=n.base_data)?void 0:i.description)?a:"",{fill:r.textColor,fontFamily:b.FONT.FAMILY,fontSize:K,fontWeight:400,opacity:.7,splitByGrapheme:!0,width:c?c-G:0,textAlign:"center",originX:"center",originY:"top",left:(null!=(o=e.left)?o:b.SIZES.DEFAULT_LEFT)+(null!=(s=e.width)?s:0)/2,top:(null!=(l=null==t?void 0:t.top)?l:0)+$})})(s,d,e,n),o.push(u)),null!=(a=e.base_data)&&a.link&&o.push(((e,t)=>{var n,r;const _=new ve.fabric.Path(tt.faLink.icon[4].toString(),{fill:t.textColor,opacity:1,originX:"left",originY:"top",left:(null!=(n=e.left)?n:0)+5,top:(null!=(r=e.top)?r:0)+5});return _.scaleToWidth(10),_})(s,n)),((e,t)=>{var n,r,_;let a=(null!=(n=null==t?void 0:t.height)?n:0)+((null!=(r=null==t?void 0:t.top)?r:0)-(null!=(_=null==e?void 0:e.top)?_:0))+B;a<X&&(a=X),e.height=a})(s,u);const p={alias:null==(i=e.base_data)?void 0:i.alias,position:{left:b.SIZES.DEFAULT_LEFT,top:b.SIZES.DEFAULT_TOP}};return new Ie(e,t,p,o)},rt=(e,t,n)=>{var r,_;const a=[],i=_t(e,n);a.push(i);const o=(null!=(r=i.height)?r:0)/2-b.SIZES.BORDER_WIDTH/2;a.push(at(i,o,n)),a.push(it(i,o,n));const s={alias:null==(_=e.base_data)?void 0:_.alias,position:{left:b.SIZES.DEFAULT_LEFT,top:b.SIZES.DEFAULT_TOP}};return new Ie(e,t,s,a)},_t=(e,t)=>{const n=Object.assign({},t,{borderRadius:0});return nt(e,{},n)},at=(e,t,n)=>{var r;return new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(r=e.left)?r:0)+2*t*J/2+2*b.SIZES.BORDER_WIDTH,angle:90,startAngle:0,endAngle:180,scaleY:J})},it=(e,t,n)=>{var r,_,a,i,o,s,l,c,d,u,p,g,w,f,h,m,y,v,E;const x=[],S=b.SIZES.BORDER_WIDTH,k=new ve.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+(null!=(_=e.width)?_:0)-S,top:(null!=(a=e.top)?a:0)+b.SIZES.BORDER_WIDTH,width:20,height:(null!=(i=e.height)?i:0)-2*b.SIZES.BORDER_WIDTH});return x.push(k),x.push(new ve.fabric.Line([null!=(o=k.left)?o:0,null!=(s=e.top)?s:0,(null!=(l=k.left)?l:0)+(null!=(c=k.width)?c:0),null!=(d=e.top)?d:0],{strokeWidth:b.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),x.push(new ve.fabric.Line([null!=(u=k.left)?u:0,(null!=(p=k.top)?p:0)+(null!=(g=k.height)?g:0),(null!=(w=k.left)?w:0)+(null!=(f=k.width)?f:0),(null!=(h=k.top)?h:0)+(null!=(m=k.height)?m:0)],{strokeWidth:b.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),x.push(new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(y=k.left)?y:0)+(null!=(v=k.width)?v:0)+(null!=(E=e.height)?E:0)*J/2-S,angle:90,startAngle:0,endAngle:360,scaleY:J})),new ve.fabric.Group(x)},ot=rt,st=(e,t,n)=>{var r,_;const a=[],i=((e,t)=>{const n=Object.assign({},t,{borderRadius:0});return nt(e,{},n)})(e,n);a.push(i);const o=(null!=(r=i.width)?r:0)/2-b.SIZES.BORDER_WIDTH/2;a.push(((e,t,n)=>{var r,_,a,i,o,s,l,c,d,u,p,g,w,f,h,m,y;const v=[],E=b.SIZES.BORDER_WIDTH,x=new ve.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+b.SIZES.BORDER_WIDTH,top:(null!=(_=e.top)?_:0)-14+E,width:(null!=(a=e.width)?a:0)-2*b.SIZES.BORDER_WIDTH,height:14});return v.push(x),v.push(new ve.fabric.Line([null!=(i=e.left)?i:0,null!=(o=e.top)?o:0,null!=(s=e.left)?s:0,null!=(l=x.top)?l:0],{strokeWidth:b.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new ve.fabric.Line([(null!=(c=e.left)?c:0)+(null!=(d=e.width)?d:0)-b.SIZES.BORDER_WIDTH,null!=(u=e.top)?u:0,(null!=(p=e.left)?p:0)+(null!=(g=e.width)?g:0)-b.SIZES.BORDER_WIDTH,null!=(w=x.top)?w:0],{strokeWidth:b.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,radius:t,top:(null!=(f=x.top)?f:0)-(null!=(h=e.width)?h:0)*ee/2,left:(null!=(m=x.left)?m:0)+ +(null!=(y=e.width)?y:0)-E,angle:90,startAngle:0,endAngle:360,scaleX:ee})),new ve.fabric.Group(v)})(i,o,n)),a.push(((e,t,n)=>{var r,_,a,i;return new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH,radius:t,top:(null!=(r=e.top)?r:0)+(null!=(_=e.height)?_:0)-2*t*ee/2-b.SIZES.BORDER_WIDTH,left:(null!=(a=e.left)?a:0)+(null!=(i=e.width)?i:0),angle:90,startAngle:270,endAngle:90,scaleX:ee})})(i,o,n));const s={alias:null==(_=e.base_data)?void 0:_.alias,position:{left:b.SIZES.DEFAULT_LEFT,top:b.SIZES.DEFAULT_TOP}};return new Ie(e,t,s,a)},lt=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.component_type){let _;switch(t.component_type){case"Component":case"ComponentDb":case"ComponentQueue":_=((e,t,n)=>{const r={bgColor:h,borderColor:O,textColor:F},_=Object.assign({},r,n);if(e.component_type)switch(e.component_type){case"Component":return nt(e,t,_);case"ComponentDb":return st(e,t,_);case"ComponentQueue":return ot(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{Component:t.component_type},n));break;case"Component_Ext":case"ComponentDb_Ext":case"ComponentQueue_Ext":_=((e,t,n)=>{const r={bgColor:v,borderColor:D,textColor:P},_=Object.assign({},r,n);if(e.component_type)switch(e.component_type){case"Component_Ext":return nt(e,t,_);case"ComponentDb_Ext":return st(e,t,_);case"ComponentQueue_Ext":return ot(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{Component:t.component_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},ct=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.container_type){let _;switch(t.container_type){case"Container":case"ContainerDb":case"ContainerQueue":_=((e,t,n)=>{const r={bgColor:f,borderColor:k,textColor:A},_=Object.assign({},r,n);if(e.container_type)switch(e.container_type){case"Container":return nt(e,t,_);case"ContainerDb":return st(e,t,_);case"ContainerQueue":return rt(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{Container:t.container_type},n));break;case"Container_Ext":case"ContainerDb_Ext":case"ContainerQueue_Ext":_=((e,t,n)=>{const r={bgColor:y,borderColor:T,textColor:M},_=Object.assign({},r,n);if(e.container_type)switch(e.container_type){case"Container_Ext":return nt(e,t,_);case"ContainerDb_Ext":return st(e,t,_);case"ContainerQueue_Ext":return ot(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{Container:t.container_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},dt=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.deployment_node_type){var _;const a=((e,t,n,r)=>{const _={bgColor:x,borderColor:I,textColor:U},a=Object.assign({},_,r);return Je(e,t,n,a)})(t,Le(t.base_data.alias,void 0,void 0,{DeploymentNode:t.deployment_node_type},n),n);return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...Oe(null!=(_=a.children)?_:[])),a}},ut=(e,t,n)=>{var r;const _=[],a=((e,t)=>{const n=Object.assign({},t,{borderRadius:ce});return nt(e,{},n)})(e,n);_.push(a);const i=((e,t)=>{var n,r,_,a,i;const o=new ve.fabric.Circle({radius:de,top:t.top,left:t.left,fill:e.bgColor,stroke:e.borderColor,strokeWidth:b.SIZES.BORDER_WIDTH});return o.left=(null!=(n=o.left)?n:0)+(null!=(r=t.getScaledWidth())?r:0)/2-(null!=(_=o.getScaledWidth())?_:0)/2,o.top=(null!=(a=o.top)?a:0)-(null!=(i=o.getScaledWidth())?i:0)+5,o})(n,a);_.push(i);const o={alias:null==(r=e.base_data)?void 0:r.alias,position:{left:b.SIZES.DEFAULT_LEFT,top:b.SIZES.DEFAULT_TOP}};return new Ie(e,t,o,_)},pt=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.person_type){let _;switch(t.person_type){case"Person":_=((e,t,n)=>{const r={bgColor:w,borderColor:S,textColor:R},_=Object.assign({},r,n);return ut(e,t,_)})(t,Le(t.base_data.alias,void 0,void 0,{Person:t.person_type},n));break;case"Person_Ext":_=((e,t,n)=>{const r={bgColor:m,borderColor:C,textColor:L},_=Object.assign({},r,n);return ut(e,t,_)})(t,Le(t.base_data.alias,void 0,void 0,{Person:t.person_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}};let gt=function(e){return e.Dot="DOT",e.Line="LINE",e.Text="TEXT",e.Triangle="TRIANGLE",e.Rectangle="RECTANGLE",e}({});const bt=[new Te(0+b.SIZES.DEFAULT_LEFT,0+b.SIZES.DEFAULT_TOP,gt.Dot),new Te(100+b.SIZES.DEFAULT_LEFT,0+b.SIZES.DEFAULT_TOP,gt.Triangle)];class wt extends Ie{getUpdatedSpecs(){const e=super.getUpdatedSpecs();var t,n;return e&&(null==(t=this.canvas)||t.discardActiveObject(),delete e.position,delete e.size,e.shapes=[],null==(n=this.children)||n.forEach((t=>{const n=ve.fabric.util.object.clone(t);if(n.name===gt.Line||n.name===gt.Rectangle)e.shapes.push({position:{z_index:xe(n.canvas,n)},shape_type:n.name});else{var r,_;let t=0,a=0;const i=n.angle;if(n.name===gt.Text)t=n.getCenterPoint().x,a=n.getCenterPoint().y;else if(n.name===gt.Dot||n.name===gt.Triangle){n.name===gt.Triangle&&n.rotate(le);const e=yt(this.canvas,n.left,n.top,n.name===gt.Triangle,i,n.scaleX,n.scaleY,!0);t=e.left,a=e.top}const o={position:{left:t,top:a,z_index:xe(n.canvas,n)},size:{scale_x:null!=(r=n.scaleX)?r:1,scale_y:null!=(_=n.scaleY)?_:1},shape_type:n.name};n.name===gt.Triangle&&(o.position.angle=i),e.shapes.push(o)}}))),e}}const ft=e=>{var t;e.children=null==(t=e.children)?void 0:t.sort(((e,t)=>e.name===gt.Rectangle||e.name===gt.Line&&t.name!==gt.Rectangle?-1:t.name===gt.Rectangle||e.name!==gt.Rectangle&&t.name===gt.Line?1:e.name===t.name?0:1))},ht=e=>{const t=e.parent;let n,r=1;const _=e.canvas;if(t&&_){const o=[],s=[];if(t.children){var a,i;t.children.forEach((e=>{if(e.name===gt.Triangle&&(n=e),e.name===gt.Dot||e.name===gt.Triangle){var t;s.push(e),r=null!=(t=e.scaleX)?t:1;const n=e.getPointByOrigin("center","center"),_=new Te(n.x,n.y,e.name);o.push(_)}}));let l=t.children.findIndex((e=>e.name===gt.Line));void 0!==l&&l>-1&&t.children.splice(l,1);const c=xe(_,e),d=null==(a=e.data)?void 0:a.rawDiagramElementSpec;_.remove(e);const u=St(d,o,t,r);_.add(u),c&&u.moveTo(c),l=t.children.findIndex((e=>e.name===gt.Rectangle));const p=t.children[l],g=xe(_,p),b=null==(i=p.data)?void 0:i.rawDiagramElementSpec;_.remove(p),void 0!==l&&l>-1&&t.children.splice(l,1);const w=kt(b,s,t,_);_.add(w),g&&w.moveTo(g),n&&mt(o,n)}}},mt=(e,t)=>{let n;if(e){const r=e.findIndex((e=>e.customType===gt.Triangle)),_=e[r],a=e[r>0?r-1:r+1];n=180*Math.atan2(_.y-a.y,_.x-a.x)/Math.PI+90,t.rotate(n)}},yt=(e,t,n,r,_=le,a=1,i=1,o)=>{var s;const l=null!=(s=null==e?void 0:e.getZoom())?s:1,c=Ce(e);let d=t,u=n;if(r){const e=oe*a/2+se*a/2,t=oe*i/2+se*i/2;o?(d-=e,u+=t):(d+=e,u-=t)}else{const e=ie*a*2+se*a/2,t=ie*i+se*i/2;o?(d+=e,u+=t):(d-=e,u-=t)}return o||(d=(d-c.panX)/l,u=(u-c.panY)/l),{left:d,top:u,angle:_}},vt=e=>{let t=[];return null!=e&&e.shapes?null==e||e.shapes.forEach((e=>{var n,r;if((e.shape_type===gt.Dot||e.shape_type===gt.Triangle)&&void 0!==(null==(n=e.position)?void 0:n.left)&&void 0!==(null==(r=e.position)?void 0:r.top)){const n=new Te(e.position.left,e.position.top,e.shape_type);n.data={rawDiagramElementSpec:e},t.push(n)}})):t=t.concat(bt),t},Et=(e,t,n,r)=>{const _=[];for(let n=0;n<t.length;n++){var a,i,o;_.push(xt(e,t[n],t[n].customType===gt.Triangle?null==(a=t[n].data)||null==(a=a.rawDiagramElementSpec)||null==(a=a.position)?void 0:a.angle:void 0,t[n].customType===gt.Triangle,r,!0,null==(i=t[n].data)||null==(i=i.rawDiagramElementSpec)||null==(i=i.size)?void 0:i.scale_x,null==(o=t[n].data)||null==(o=o.rawDiagramElementSpec)||null==(o=o.size)?void 0:o.scale_y))}return _},xt=(e,t,n,r,_,a=!0,i=1,o=1)=>{const{left:s,top:l,angle:c}=yt(e,t.x,t.y,r,n,i,o,!1);if(r){var d,u;const e=new ve.fabric.Triangle({left:s,top:l,width:oe,height:oe,fill:te,scaleX:i,scaleY:o,hasControls:!1,name:gt.Triangle,angle:le});return e.rotate(c),e.data={rawDiagramElementSpec:null==(d=t.data)?void 0:d.rawDiagramElementSpec},e.parent=_,a&&(null==(u=_.children)||u.push(e)),jt(e),e}{var p,g;const e=new ve.fabric.Circle({left:s,top:l,radius:ie,fill:te,scaleX:i,scaleY:o,hasControls:!1,name:gt.Dot});return e.data={rawDiagramElementSpec:null==(p=t.data)?void 0:p.rawDiagramElementSpec},e.parent=_,a&&(null==(g=_.children)||g.push(e)),jt(e),e}},St=(e,t,n,r=1)=>{var _,a;const i=null==e||null==(_=e.shapes)?void 0:_.filter((e=>e.shape_type===gt.Line))[0],o=new ve.fabric.Polyline(t,{stroke:te,fill:"",strokeWidth:se*r,scaleX:1,scaleY:1,name:gt.Line});return o.data={rawDiagramElementSpec:i},o.parent=n,Tt(o),null==(a=n.children)||a.push(o),o},kt=(e,t,n,r)=>{var _,a,i;const o=null==e||null==(_=e.shapes)?void 0:_.filter((e=>e.shape_type===gt.Rectangle))[0],s=Ee(t,!1),l=Ce(r),c=null!=(a=null==r?void 0:r.getZoom())?a:1;s.left&&s.top&&(s.left=(s.left-l.panX)/c,s.top=(s.top-l.panY)/c),s.width&&s.height&&(s.width=s.width/c,s.height=s.height/c);const d=new ve.fabric.Rect({stroke:"",fill:"",name:gt.Rectangle,left:s.left,top:s.top,width:s.width,height:s.height});return d.data={rawDiagramElementSpec:o},d.parent=n,Dt(d),null==(i=n.children)||i.push(d),d},Ot=(e,t,n,r,_)=>{var a,i,o,s,l,c,d,u;let p,g=1,w=1;var f,h,m,y;null!=t&&t.shapes&&(p=t.shapes.filter((e=>e.shape_type===gt.Text))[0],p&&(g=null!=(f=null==(h=p.size)?void 0:h.scale_x)?f:1,w=null!=(m=null==(y=p.size)?void 0:y.scale_y)?m:1));const v=[],E={fontFamily:b.FONT.FAMILY,fill:ne};if(null!=(a=e.base_data)&&a.label){var x,S,k,O,C;const t=new ve.fabric.Text(e.base_data.label,Object.assign({},E,{fontSize:re,fontWeight:"bold"}));t.top=e.technology?-(null!=(x=t.height)?x:0):-(null!=(S=t.height)?S:0)/2,t.left=(null!=(k=n.width)?k:0)/2-(null!=(O=t.width)?O:0)/2-(null!=(C=r[0].width)?C:0)/2,v.push(t)}if(e.technology){var T,D,j;const t=new ve.fabric.Text(`[${e.technology}]`,Object.assign({},E,{fontSize:_e}));t.left=(null!=(T=n.width)?T:0)/2-(null!=(D=t.width)?D:0)/2-(null!=(j=r[0].width)?j:0)/2,v.push(t)}const I=new ve.fabric.Group(v),R=I.getBoundingRect(),A=new ve.fabric.Rect({top:R.top-ae,left:R.left-ae,width:R.width+2*ae,height:R.height+2*ae,fill:"white"}),F=new ve.fabric.Group([A,I],{name:gt.Text,hasControls:!1,left:(null!=(i=n.left)?i:0)+(null!=(o=n.width)?o:0)/2-(null!=(s=A.width)?s:0)/2,top:(null!=(l=n.top)?l:0)+(null!=(c=n.height)?c:0)/2-(null!=(d=A.height)?d:0)/2,scaleX:g,scaleY:w});var L,M;return F.data={rawDiagramElementSpec:p},F.parent=_,null==(u=_.children)||u.push(F),p&&void 0!==(null==(L=p.position)?void 0:L.left)&&void 0!==(null==(M=p.position)?void 0:M.top)&&F.setPositionByOrigin(new ve.fabric.Point(p.position.left,p.position.top),"center","center"),F},Ct=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,i,o,s;const e=t.parent,n=ke(null==(r=t.canvas)?void 0:r.getActiveObjects());let c;if(null==(i=t.canvas)||i.discardActiveObject(),n.filteredObjects.length>0||n.virtualGroupsRoots.size>1){let e=n.filteredObjects;n.virtualGroupsRoots.forEach((t=>{var n;return e=e.concat(Oe(null!=(n=t.children)?n:[],!1))})),c=new ve.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var l;c=new De([...null!=(l=e.children)?l:[]],{canvas:t.canvas}),c.parent=t.parent,c.on(_,(t=>{At(c.canvas,t,c,e)})),c.on(a,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(a)}))}null==(o=t.canvas)||o.setActiveObject(c),null==(s=t.canvas)||s.requestRenderAll()}},Tt=e=>{const t=e.parent;e.on(i,(t=>{Ct(t,e)})),e.on(_,(n=>{At(e.canvas,n,e,t)}))},Dt=e=>{const t=e.parent;e.on(i,(t=>{Ct(t,e)})),e.on(_,(n=>{At(e.canvas,n,e,t)}))},jt=e=>{const t=e.parent;e.on("moving",(e=>{It(e)})),e.on(_,(n=>{At(e.canvas,n,e,t)}))},It=e=>{var t;if(null!=(t=e.transform)&&t.target){const t=e.transform.target.parent;if(t){var n;const e=null==(n=t.children)?void 0:n.filter((e=>e.name===gt.Line))[0];e&&ht(e)}}},Rt=(e,t,n)=>e.isReadOnly()?[]:n instanceof ve.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"relationshipContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"addPoint",label:"Add point",onClick:()=>{((e,t)=>{const n=e.canvas;if(t.pointer&&n){const r=e.getObjects().filter((e=>e.name===gt.Line))[0],_=e.getObjects().filter((e=>e.name===gt.Dot))[0];n.discardActiveObject();const a=r.parent;if(a){const e=new Te(t.pointer.x,t.pointer.y,gt.Dot),i=xt(n,e,void 0,!1,a,!1,_.scaleX,_.scaleY);((e,t)=>{const n=e.parent;if(n){var r;let _,a;const i=[];null==(r=n.children)||r.forEach((e=>{e.name===gt.Text?_=e:e.name===gt.Rectangle?a=e:e.name!==gt.Dot&&e.name!==gt.Triangle||i.push(e)})),i.push(t),i.sort(((e,t)=>e.getCenterPoint().x-t.getCenterPoint().x)),n.children=i,n.children.push(e),_&&n.children.push(_),a&&n.children.push(a)}})(r,i),n.add(i),ht(r)}}})(n,t)}},{id:"separatorCommon",isSepator:!0},...Re(e,t,n,!1)]}]:n.name===gt.Dot?[{isHeaderMenuItem:!0,id:"dotContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"removePoint",label:"Remove point",onClick:()=>{(e=>{const t=e.parent;if(t&&e.canvas){var n;const i=null==(n=t.children)?void 0:n.filter((e=>e.name===gt.Dot||e.name===gt.Triangle));if(void 0!==i&&i.length>2){var r,_;const n=null==(r=t.children)?void 0:r.filter((e=>e.name===gt.Line))[0],i=null==(_=t.children)?void 0:_.findIndex((t=>t.getCenterPoint().eq(e.getCenterPoint())));var a;void 0!==i&&i>-1&&(null==(a=t.children)||a.splice(i,1)),e.canvas.remove(e),ht(n)}}})(n)}}]}]:[],At=(e,t,n,r)=>{n.name!==gt.Line&&n.name!==gt.Rectangle&&e&&r.onComponentMouseUp(e,t,n,Rt(e,t,n))},Ft=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.relationship_type){var _;const a=((e,t)=>{var n;const r={alias:null==(n=e.base_data)?void 0:n.alias};let _=1;if(t){var a,i,o;const e=null==(a=t.shapes)?void 0:a.filter((e=>e.shape_type===gt.Dot));e&&e.length>0&&(_=null!=(i=null==(o=e[0].size)?void 0:o.scale_x)?i:1)}const s=new wt(e,t,r,[],{visible:!1,selectable:!1},void 0,void 0,!0),l=vt(t),c=Et(void 0,l,t,s),d=c.map((e=>new Te(e.getCenterPoint().x,e.getCenterPoint().y,e.name))),u=St(t,d,s,_);return kt(t,c,s,void 0),Ot(e,t,u,c,s),ft(s),s})(t,Le(t.base_data.alias,t.from,t.to,{Relationship:t.relationship_type},n));return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...null!=(_=a.children)?_:[]),a}},Lt=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.system_type){let _;switch(t.system_type){case"System":case"SystemDb":case"SystemQueue":_=((e,t,n)=>{const r={bgColor:w,borderColor:S,textColor:R},_=Object.assign({},r,n);if(e.system_type)switch(e.system_type){case"System":return nt(e,t,_);case"SystemDb":return st(e,t,_);case"SystemQueue":return ot(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n));break;case"System_Ext":case"SystemDb_Ext":case"SystemQueue_Ext":_=((e,t,n)=>{const r={bgColor:m,borderColor:C,textColor:L},_=Object.assign({},r,n);if(e.system_type)switch(e.system_type){case"System_Ext":return nt(e,t,_);case"SystemDb_Ext":return st(e,t,_);case"SystemQueue_Ext":return ot(e,t,_)}})(t,Le(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},Mt="legend",Pt=(e,t,n,r)=>{var _,a,i;const o=[],s=new ve.fabric.Rect({fill:t,left:d,top:c+p*r,width:u,height:p});o.push(s);const w=new ve.fabric.Text(e,{fill:n,fontFamily:b.FONT.FAMILY,fontSize:l,fontWeight:"normal",textAlign:"left",originX:"left",originY:"top",left:d+g});return w.top=(null!=(_=s.top)?_:0)+(null!=(a=s.height)?a:0)/2-(null!=(i=w.height)?i:0)/2,o.push(w),o},Nt=e=>{let t=[];const n=new ve.fabric.Text("LEGEND",{fill:o,fontFamily:b.FONT.FAMILY,fontSize:s,fontWeight:"bold",textAlign:"left",originX:"left",originY:"top",left:d,top:c});t.push(n),t=t.concat(Pt("System/Person",w,R,1)),t=t.concat(Pt("System/Person External",m,L,2)),t=t.concat(Pt("Container",f,A,3)),t=t.concat(Pt("Container External",y,M,4)),t=t.concat(Pt("Component",h,F,5)),t=t.concat(Pt("Component External",v,P,6));return new Ie(void 0,e,{alias:Mt,position:{left:d,top:c}},t)},Ut=(e,t,n)=>{if(e&&n){var r;e.diagramListener=t;const _=zt(e,null==(r=n.diagram_plantuml)?void 0:r.elements,n.diagram_spec);return Xt(_),_}},zt=(e,t,n,r)=>{const _=[];if(n){if(!r||!r.skipLegendRendering){const t=Nt(Le(Mt,void 0,void 0,void 0,n));t&&(_.push(t),null==e||e.add(t))}if(t)for(const a of t)if(Ne(a)){const t=et(e,Ne(a),n,r);t&&_.push(t)}else if(Ue(a)){const t=lt(e,Ue(a),n,r);t&&_.push(t)}else if(ze(a)){const t=ct(e,ze(a),n,r);t&&_.push(t)}else if(Xe(a)){const t=dt(e,Xe(a),n,r);t&&_.push(t)}else if(Be(a)){const t=pt(e,Be(a),n,r);t&&_.push(t)}else if(Ye(a)){const t=Ft(e,Ye(a),n,r);t&&_.push(t)}else if(Ze(a)){const t=Lt(e,Ze(a),n,r);t&&_.push(t)}}return _},Xt=(e,t)=>{e.forEach((e=>{let n=function(e){let t;var n,r;return t=e.isVirtualGroupParent()?null==(n=e.data)||null==(n=n.rawDiagramElementSpec)||null==(n=n.shapes)||null==(n=n.reduce(((e,t)=>{var n,r;return void 0===(null==(n=e.position)?void 0:n.z_index)?t:(void 0===(null==(r=t.position)?void 0:r.z_index)||(t.position.z_index,e.position.z_index),e)})).position)?void 0:n.z_index:null==(r=e.data)||null==(r=r.rawDiagramElementSpec)||null==(r=r.position)?void 0:r.z_index,t}(e);var r;n&&(t&&n<=t&&(n=t+1,t++),e.moveTo(n)),e.isVirtualGroupParent()&&Xt(e.children,null!=(r=n)?r:xe(e.canvas,e.children[0]))}))};var Bt=n(689),Yt=n.n(Bt),Zt=n(709);const Wt=require("react-resize-detector"),Ht=require("react-toastify");var $t=n(997);const Gt="text-5xl text-dark-primary hover:text-third",qt="text-2xl text-dark-primary hover:text-third",Vt=Yt().memo((e=>{const{canvas:t}=e;return(0,$t.jsxs)("div",{className:"absolute bottom-0 left-0 z-[1] scale-[85%] opacity-20 transition hover:scale-[100%] hover:opacity-100 flex flex-row mx-2",children:[(0,$t.jsx)("div",{className:"flex flex-col",children:(0,$t.jsx)(ye.hU,{className:`${Gt} !my-auto`,icon:tt.faCaretLeft,onClick:()=>null==t?void 0:t.panLeft()})}),(0,$t.jsxs)("div",{className:"flex flex-col",children:[(0,$t.jsx)(ye.hU,{className:Gt,icon:tt.faCaretUp,onClick:()=>null==t?void 0:t.panDown()}),(0,$t.jsxs)("div",{children:[(0,$t.jsx)(ye.hU,{className:`${qt} ml-1`,icon:tt.faMagnifyingGlassPlus,onClick:()=>null==t?void 0:t.zoomIn()}),(0,$t.jsx)(ye.hU,{className:`${qt} mx-2 !text-xl`,icon:tt.faRotateLeft,onClick:()=>{null==t||t.resetZoom(),null==t||t.resetPan()}}),(0,$t.jsx)(ye.hU,{className:`${qt} mr-1`,icon:tt.faMagnifyingGlassMinus,onClick:()=>null==t?void 0:t.zoomOut()})]}),(0,$t.jsx)(ye.hU,{className:Gt,icon:tt.faCaretDown,onClick:()=>null==t?void 0:t.panUp()})]}),(0,$t.jsx)("div",{className:"flex flex-col",children:(0,$t.jsx)(ye.hU,{className:`${Gt} !my-auto`,icon:tt.faCaretRight,onClick:()=>null==t?void 0:t.panRight()})})]})})),Qt=require("@tauri-apps/api"),Kt=require("fontfaceobserver");var Jt=n.n(Kt);const en=(0,Bt.forwardRef)(((e,t)=>{const{readOnly:n,diagram:_,diagramListener:a,diagramDesignViewToolbarCommands:i}=e,{t:o}=(0,Zt.useTranslation)(),s=(0,Bt.useRef)(),l=(0,Bt.useRef)(null),c=(0,Bt.useRef)(null),{ref:d}=(0,Wt.useResizeDetector)(),u=(0,Bt.useRef)(),p=(0,Bt.useRef)(!1),g=(0,Bt.useRef)(!1),w=(0,Bt.useRef)(!1),[f,h]=(0,Bt.useState)([]),[m,y]=(0,Bt.useState)([]);function v(){p.current=!0,n||function(){if(!w.current){const e=C();e&&(console.debug("Save history"),h((t=>[...t,e])))}}()}function E(t){const n={fireRightClick:!0,fireMiddleClick:!0,stopContextMenu:!0,backgroundColor:"white",readOnly:e.readOnly,enableSnapToGrid:!0},_=new ye.T4(l.current,n);_.on("object:added",v),_.on("object:removed",v),_.on(r,v),_.on("mouse:down",(()=>g.current=!0)),_.on("mouse:out",(()=>g.current=!1)),p.current=!1,t&&(_.setZoom(t.zoom),_.relativePan(new ve.fabric.Point(t.pan.panX,t.pan.panY))),s.current=_}function x(){s.current&&(s.current.dispose(),s.current=void 0)}function S(e){x(),E(e)}function k(){var e,t;return{zoom:null!=(e=null==(t=s.current)?void 0:t.getZoom())?e:1,pan:Ce(s.current)}}async function O(){var e;if(null!=(e=u.current)&&e.diagram_name&&u.current.diagram_type&&s.current){const e="png";console.debug(`Exporting to ${e}`);const t=s.current.viewportTransform;s.current.viewportTransform=ve.fabric.iMatrix.slice(0);let{width:n,height:r,left:_,top:a}=Ee(s.current.getObjects());n&&r&&_&&a&&(n+=50,r+=50,_-=25,a-=25),await async function(e,t,n,r){return(0,Qt.invoke)("export_diagram_to_file",{diagramDataUrl:n,format:r,diagramName:e,diagramType:t})}(u.current.diagram_name,u.current.diagram_type,s.current.toDataURL({format:e,enableRetinaScaling:!0,width:n,height:r,left:_,top:a}),e).then((e=>Ht.toast.success(o("common.info.diagram_exported",{pathExportedDiagram:e})))).catch((e=>Ht.toast.success(e.msg))),s.current.viewportTransform=t}}function C(){if(u.current&&u.current.diagram_plantuml&&u.current.diagram_spec&&u.current.diagram_name&&u.current.diagram_type){const e=(e=>{const t=Array();return e&&e.getObjects().forEach((e=>{if(e instanceof Ie){const n=e.getUpdatedSpecs();n&&t.push(n)}})),t})(s.current);return Object.assign({},u.current.diagram_spec,{elements_specs:e})}}function T(){return p.current}function D(e){console.debug("Load history"),s.current&&(S(k()),Ut(s.current,a,Object.assign({},u.current,{diagram_spec:e})),s.current.renderAll(),p.current=!0),console.debug("Load history completed")}function j(){if(w.current=!0,R()){const e=f[f.length-1],t=f[f.length-2];u.current&&e&&t&&(console.debug("Undo design view"),h((e=>e.filter(((t,n)=>n!==e.length-1)))),y((t=>[...t,e])),D(t))}w.current=!1}function I(){if(console.debug("Redo design view"),w.current=!0,A()){const e=m[m.length-1];e&&(y((e=>e.filter(((t,n)=>n!==e.length-1)))),h((t=>[...t,e])),D(e))}w.current=!1}function R(){return!n&&f.length>1}function A(){return!n&&m.length>0}return(0,me.B6)(u.current,_)||(u.current=_),(0,Bt.useImperativeHandle)(t,(()=>({resetCanvas:S,getCanvasState:k,exportDiagram:O,getUpdatedDiagramSpec:C,isDiagramChanged:T,undo:j,redo:I,canUndo:R,canRedo:A}))),(0,Bt.useLayoutEffect)((()=>{var e,t,n,r,_,a,i;console.debug("Diagram Design View changed layout"),l.current&&null!=(e=c.current)&&e.clientWidth&&null!=(t=c.current)&&t.clientHeight&&(console.debug("Canvas resize"),l.current.parentElement&&(l.current.parentElement.style.display="none"),null==(n=s.current)||n.setWidth(null==(r=c.current)?void 0:r.getBoundingClientRect().width),null==(_=s.current)||_.setHeight(null==(a=c.current)?void 0:a.getBoundingClientRect().height),l.current.parentElement&&(l.current.parentElement.style.display="flex"),null==(i=s.current)||i.renderAll())})),(0,Bt.useEffect)((()=>(new(Jt())(b.FONT.FAMILY).load(null,36e4).then((function(){s.current&&(function(e){e.getObjects().forEach((e=>e.set("dirty",!0)))}(s.current),s.current.renderAll())})),l.current&&!s.current&&E(),()=>{x()})),[]),(0,Bt.useEffect)((()=>{function e(e){n||"Z"!==e.key.toUpperCase()&&"Y"!==e.key.toUpperCase()||!e.ctrlKey&&!e.metaKey||!g.current||(e.preventDefault(),"Z"===e.key.toUpperCase()?j():"Y"===e.key.toUpperCase()&&I())}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[n,f,m]),(0,Bt.useEffect)((()=>{var e;s.current&&u.current&&(w.current=!0,console.debug("Rendering the diagram"),Ut(s.current,a,u.current),s.current.renderAll(),p.current=!1,w.current=!1,n||(console.debug("Init history"),w.current=!1,null!=(e=u.current)&&e.diagram_spec&&h([u.current.diagram_spec]),y([])))}),[u.current]),(0,Bt.useEffect)((()=>{var e;!n&&i&&(console.debug("Update design toolbar"),null==(e=i.current)||e.forceUpdate())}),[n,f,m,i]),(0,$t.jsxs)("div",{className:"relative h-full w-full border",ref:d,children:[(0,$t.jsx)(Vt,{canvas:s.current}),(0,$t.jsx)("div",{className:"h-full w-full flex-row flex-wrap",ref:c,children:(0,$t.jsx)("canvas",{ref:l})})]})}))},826:(e,t,n)=>{n.d(t,{xV:()=>b,h_:()=>p,_A:()=>v,hU:()=>R,T4:()=>O,bs:()=>y});var r=n(420),_=n.n(r),a=n(689),i=n.n(a);require("react-router-dom"),n(709);var o=n(997);_().addPluralRule(/Person/,"Persons");var s=n(466);const l=require("@fortawesome/react-fontawesome"),c="hide.te.dropdown",d="show.te.dropdown",u=i().memo((e=>{var t;const n=(0,a.useRef)(null),[r,_]=(0,a.useState)(!1);function i(e){let t;return t=e.isSepator?(0,o.jsx)("li",{className:"relative",children:(0,o.jsx)("span",{className:"bg-third my-1 block h-px w-full"})},e.id):(0,o.jsxs)("li",{className:"relative",children:[(0,o.jsxs)("button",{disabled:void 0!==e.disabled&&e.disabled,id:e.id,className:"\n            hover:bg-link\n            flex\n            w-full\n            items-center\n            whitespace-nowrap\n            px-4\n            py-1\n            text-left\n            text-sm\n            hover:text-white\n          ","data-te-dropdown-item-ref":!0,onClick:t=>{e.onClick&&e.onClick(t)},children:[e.subMenuItems&&e.subMenuItems.length>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"mr-16 basis-11/12 pr-1",children:e.label}),(0,o.jsx)("span",{className:"basis-1/12 text-right",children:(0,o.jsx)(l.FontAwesomeIcon,{icon:s.faAngleRight})})]}),(!e.subMenuItems||0===e.subMenuItems.length)&&e.label]}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id),t}function u(e,t,n){const r=[];if(n&&n.length>0){for(const e of n)r.push(i(e));return(0,o.jsx)("ul",{className:`\n            bg-secondary\n            text-accent-primary\n            absolute\n            z-50\n            m-0\n            w-auto\n            min-w-max\n            list-none\n            rounded-md\n            border-none\n            bg-clip-padding\n            py-2\n            shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n            [&[data-te-dropdown-show]]:block\n            ${e?" dropdown-menu float-left hidden origin-top-left":" right-px top-0"}\n          `,id:`menu-${t}`,"aria-hidden":"true","aria-labelledby":t,"data-te-dropdown-menu-ref":!0,children:r})}return(0,o.jsx)("div",{"data-te-dropdown-menu-ref":!0})}const p=t=>{e.increaseOpenedMenu&&e.setLastOpenedMenu&&e.decreaseOpenedMenu&&(t.type===d?(_(!0),e.increaseOpenedMenu(),e.setLastOpenedMenu(e.id)):(_(!1),e.decreaseOpenedMenu()))};return(0,a.useEffect)((()=>{const t=n.current;return null==t||t.addEventListener(c,p),null==t||t.addEventListener(d,p),(e.alwaysOpen&&!r||e.lastOpenedMenu!==e.id&&r)&&(null==t||t.dispatchEvent(new MouseEvent("click"))),()=>{null==t||t.removeEventListener(c,p),null==t||t.removeEventListener(d,p)}})),(0,o.jsxs)("div",{className:`relative ${null!=(t=e.className)?t:""}`,"data-te-dropdown-ref":!0,children:[(0,o.jsx)("button",{className:`\n        ${r?"":" bg-dark-primary text-accent-primary"}       \n        hover:bg-primary\n        flex\n        items-center\n        whitespace-nowrap\n        rounded-md\n        px-2\n        py-0.5\n        text-sm hover:text-white\n        hover:shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n        focus:outline-none\n        focus:ring-0\n        ${r?" bg-primary show text-white":""}\n        ${e.hidden?" h-0 opacity-0":""}\n        ${e.buttonClassName?` ${e.buttonClassName}`:""}\n      `,type:"button",id:e.id,"aria-expanded":"false",ref:n,"data-te-dropdown-toggle-ref":!0,"data-te-dropdown-animation":"off",onMouseEnter:t=>{e.atLeastOneOpenedMenu&&e.atLeastOneOpenedMenu()&&!r&&t.target.dispatchEvent(new MouseEvent("click"))},children:e.label}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id)})),p=i().memo((e=>{var t;const[n,r]=(0,a.useState)(0),[_,i]=(0,a.useState)("");function s(){r((e=>e+1))}function l(){r((e=>e-1))}function c(){return n>0}return(0,o.jsx)("div",{className:`dropdown-menu group flex ${c()?"open":""} ${null!=(t=e.className)?t:""}`,children:function(){const t=[];if(e.menuItemsProps&&e.menuItemsProps.length>0)for(const n of e.menuItemsProps)t.push((0,a.createElement)(u,Object.assign({},n,{key:n.id,increaseOpenedMenu:s,decreaseOpenedMenu:l,atLeastOneOpenedMenu:c,lastOpenedMenu:_,setLastOpenedMenu:i})));return t}()})})),g=p,b=()=>{const{anchorPoint:e,show:t,contextMenuItems:n}=(()=>{const[e,t]=(0,a.useState)({x:0,y:0}),[n,r]=(0,a.useState)(!1),[_,i]=(0,a.useState)([]),o=(0,a.useCallback)((e=>{if(e.preventDefault(),(n=e)instanceof CustomEvent&&n instanceof CustomEvent&&Object.keys(n.detail).includes("menuItems")){const n=e.detail.pageX,_=e.detail.pageY;i(e.detail.menuItems),t({x:n,y:_}),r(!0)}var n}),[r,t]),s=(0,a.useCallback)((()=>n?r(!1):null),[n]);return(0,a.useEffect)((()=>(document.addEventListener("click",s),document.addEventListener("contextmenu",o),()=>{document.removeEventListener("click",s),document.removeEventListener("contextmenu",o)}))),{anchorPoint:e,show:n,contextMenuItems:_}})(),r=(0,a.useRef)(),[_,i]=(0,a.useState)((0,o.jsx)(o.Fragment,{}));return r.current!==t&&(r.current=t),(0,a.useEffect)((()=>{void 0!==r.current&&(r.current?i((0,o.jsx)("div",{hidden:!t,className:"context-menu absolute",style:{top:e.y,left:e.x},children:(0,o.jsx)(g,{menuItemsProps:n})})):i((0,o.jsx)(o.Fragment,{})))}),[r.current]),_},w=require("js-cookie");var f=n.n(w);const h=require("react-ga4");var m=n.n(h);function y(e){const{initTE:t,initGA:n}=e,[r,_]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{(async()=>{t&&await t(),n&&function(e,t){var n;let r=f().get("CookieConsent");r=null==(n=r)?void 0:n.replace(/{/gi,'{"').replace(/:/gi,'":').replace(/,/gi,',"').replace(/'/gi,'"'),!e&&r&&JSON.parse(r).statistics&&({NX_HEAD:"2d87055f8c427c7c206d88aff4aa1c7bdc24f144",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"7e32ed70c0ad0f2a5c96365fcaf96d9f5c280aa4",NX_BUILD_LIBS_FROM_SOURCE:"true",NX_BUILD_TARGET:"mina-react:build-code",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID&&m().initialize([{trackingId:{NX_HEAD:"2d87055f8c427c7c206d88aff4aa1c7bdc24f144",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"7e32ed70c0ad0f2a5c96365fcaf96d9f5c280aa4",NX_BUILD_LIBS_FROM_SOURCE:"true",NX_BUILD_TARGET:"mina-react:build-code",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID,gtagOptions:{anonymize_ip:!0,send_page_view:!1}}]),t(!0)),e&&(console.debug(`Logging pageview for ${window.location.pathname}`),m().send({hitType:"pageview",page:window.location.pathname}))}(r,_)})()}),[r,n,t]),{isGAInitialized:r}}const v={CONTEXT_MENU:"contextmenu"},E={LEFT_CLICK:1,MIDDLE_CLICK:2,RIGHT_CLICK:3};var x=n(629);const S="idle",k="panning";class O extends x.fabric.Canvas{constructor(e,t){super(e,t),T(this),D(this)}initialize(e,t){return T(this),D(this),!0===(null==t?void 0:t.readOnly)&&this.setReadOnly(),!0===(null==t?void 0:t.enableSnapToGrid)&&function(e,t){const n=null!=t?t:5;e.on("object:moving",(e=>{var t,r,_;null==(t=e.target)||t.set({left:Math.round((null!=(r=e.target.left)?r:0)/n)*n,top:Math.round((null!=(_=e.target.top)?_:0)/n)*n})}))}(this,t.gridSize),super.initialize(e,t)}isReadOnly(){return!x.fabric.Object.prototype.selectable&&x.fabric.Object.prototype.lockMovementX&&x.fabric.Object.prototype.lockMovementY&&x.fabric.Object.prototype.lockRotation&&x.fabric.Object.prototype.lockScalingFlip&&x.fabric.Object.prototype.lockScalingX&&x.fabric.Object.prototype.lockScalingY&&x.fabric.Object.prototype.lockSkewingX&&x.fabric.Object.prototype.lockSkewingY}setReadOnly(){x.fabric.Object.prototype.selectable=!1,x.fabric.Object.prototype.lockMovementX=!0,x.fabric.Object.prototype.lockMovementY=!0,x.fabric.Object.prototype.lockRotation=!0,x.fabric.Object.prototype.lockScalingFlip=!0,x.fabric.Object.prototype.lockScalingX=!0,x.fabric.Object.prototype.lockScalingY=!0,x.fabric.Object.prototype.lockSkewingX=!0,x.fabric.Object.prototype.lockSkewingY=!0}zoomIn(){this.setZoom(1.1*this.getZoom())}zoomOut(){this.setZoom(this.getZoom()/1.1)}resetZoom(){this.setZoom(1)}panLeft(){this.relativePan(new x.fabric.Point(5,0))}panRight(){this.relativePan(new x.fabric.Point(-5,0))}panUp(){this.relativePan(new x.fabric.Point(0,5))}panDown(){this.relativePan(new x.fabric.Point(0,-5))}resetPan(){this.absolutePan(new x.fabric.Point(0,0))}}function C(e){return e.button===E.RIGHT_CLICK}function T(e){e.on("mouse:wheel",(function(t){const n=t.e.deltaY;let r=e.getZoom();r*=.999**n,r>20&&(r=20),r<.01&&(r=.01),e.zoomToPoint({x:t.e.offsetX,y:t.e.offsetY},r),t.e.preventDefault(),t.e.stopPropagation()}))}function D(e){let t,n,r=S;e.discardActiveObject(),e.on("mouse:up",(function(t){C(t)&&(r=S,e.defaultCursor="default")})),e.on("mouse:down",(_=>{C(_)&&(e.defaultCursor="move",r=k,t=_.e.clientX,n=_.e.clientY)})),e.on("mouse:move",(_=>{if(r===k&&_&&_.e){let r=0,a=0;t&&(r=_.e.clientX-t),n&&(a=_.e.clientY-n),t=_.e.clientX,n=_.e.clientY;const i=new x.fabric.Point(r,a);e.relativePan(i),e.fire("moved")}}))}var j=n(255);const I=["icon","classNameIcon","classNameContent"],R=i().memo((e=>{const{icon:t,classNameIcon:n,classNameContent:r}=e,_=function(e,t){if(null==e)return{};var n,r,_={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(_[n]=e[n]);return _}(e,I),a=(0,j.P5)(e);return(0,o.jsxs)("button",Object.assign({},_,a,{className:`${e.className} text-accent-secondary hover:text-accent-primary [&.active]:text-accent-primary disabled:hover:text-accent-secondary disabled:opacity-50`,children:[(0,o.jsx)(l.FontAwesomeIcon,{icon:null!=t?t:s.faXmark,className:null!=n?n:""}),(0,o.jsx)("div",{className:r,children:e.children})]}))}));require("@tanstack/react-table"),n(727),require("react-dom"),require("react-html-parser"),require("@yaireo/tagify")},255:(e,t,n)=>{n.d(t,{Xh:()=>s,P5:()=>l,B6:()=>o});const r=require("fast-deep-equal/es6/react");var _=n.n(r);const a=require("lodash.clonedeep");var i=n.n(a);const o=(e,t)=>_()(e,t),s=e=>i()(e),l=(e={})=>Object.keys(e).reduce(((t,n)=>(n.startsWith("data-")&&(t[n]=e[n]),t)),{})},81:(e,t,n)=>{n.a(e,(async(e,r)=>{try{n.d(t,{Y6:()=>a.Y6,g8:()=>a.g8,ig:()=>a.ig,t3:()=>a.t3});var _=n(651),a=n(402),i=e([_]);_=(i.then?(await i)():i)[0],(0,a.oT)(_),r()}catch(e){r(e)}}))},402:(e,t,n)=>{let r;function _(e){r=e}n.d(t,{$c:()=>De,A5:()=>fe,B5:()=>ie,C4:()=>je,C8:()=>ye,Cp:()=>qe,DM:()=>Re,HT:()=>Se,JI:()=>ae,JV:()=>Ee,M1:()=>ke,MO:()=>Te,MU:()=>Fe,Or:()=>Ke,QY:()=>Xe,Qm:()=>Ye,Qr:()=>xe,RR:()=>we,Ri:()=>oe,TU:()=>We,Uj:()=>He,VH:()=>Ne,Wl:()=>pe,X8:()=>Ue,XP:()=>ge,Y6:()=>C,Zb:()=>Ze,_5:()=>re,_Z:()=>de,bs:()=>te,cU:()=>le,co:()=>_e,dI:()=>Ve,eY:()=>ue,fY:()=>Qe,f_:()=>Le,fp:()=>se,g8:()=>S,gA:()=>V,h4:()=>Oe,hd:()=>me,ho:()=>Be,ig:()=>k,is:()=>Ie,k8:()=>ce,ly:()=>ze,m_:()=>Q,nQ:()=>he,o$:()=>Ae,oH:()=>Je,oS:()=>Ge,oT:()=>_,qt:()=>J,rx:()=>ve,sO:()=>Ce,sc:()=>ne,t3:()=>O,tA:()=>$e,ug:()=>K,uo:()=>Pe,xr:()=>ee,yb:()=>be,yn:()=>Me}),e=n.hmd(e);const a=new Array(128).fill(void 0);function i(e){return a[e]}a.push(void 0,null,!0,!1);let o=a.length;function s(e){o===a.length&&a.push(a.length+1);const t=o;return o=a[t],a[t]=e,t}function l(e){const t=i(e);return function(e){e<132||(a[e]=o,o=e)}(e),t}let c=0,d=null;function u(){return null!==d&&0!==d.byteLength||(d=new Uint8Array(r.memory.buffer)),d}let p=new("undefined"==typeof TextEncoder?(0,e.require)("util").TextEncoder:TextEncoder)("utf-8");const g="function"==typeof p.encodeInto?function(e,t){return p.encodeInto(e,t)}:function(e,t){const n=p.encode(e);return t.set(n),{read:e.length,written:n.length}};function b(e,t,n){if(void 0===n){const n=p.encode(e),r=t(n.length,1)>>>0;return u().subarray(r,r+n.length).set(n),c=n.length,r}let r=e.length,_=t(r,1)>>>0;const a=u();let i=0;for(;i<r;i++){const t=e.charCodeAt(i);if(t>127)break;a[_+i]=t}if(i!==r){0!==i&&(e=e.slice(i)),_=n(_,r,r=i+3*e.length,1)>>>0;const t=u().subarray(_+i,_+r);i+=g(e,t).written}return c=i,_}function w(e){return null==e}let f=null;function h(){return null!==f&&0!==f.byteLength||(f=new Int32Array(r.memory.buffer)),f}let m=new("undefined"==typeof TextDecoder?(0,e.require)("util").TextDecoder:TextDecoder)("utf-8",{ignoreBOM:!0,fatal:!0});function y(e,t){return e>>>=0,m.decode(u().subarray(e,e+t))}m.decode();let v=null;function E(){return null!==v&&0!==v.byteLength||(v=new Float64Array(r.memory.buffer)),v}function x(e){const t=typeof e;if("number"==t||"boolean"==t||null==e)return`${e}`;if("string"==t)return`"${e}"`;if("symbol"==t){const t=e.description;return null==t?"Symbol":`Symbol(${t})`}if("function"==t){const t=e.name;return"string"==typeof t&&t.length>0?`Function(${t})`:"Function"}if(Array.isArray(e)){const t=e.length;let n="[";t>0&&(n+=x(e[0]));for(let r=1;r<t;r++)n+=", "+x(e[r]);return n+="]",n}const n=/\[object ([^\]]+)\]/.exec(toString.call(e));let r;if(!(n.length>1))return toString.call(e);if(r=n[1],"Object"==r)try{return"Object("+JSON.stringify(e)+")"}catch(e){return"Object"}return e instanceof Error?`${e.name}: ${e.message}\n${e.stack}`:r}function S(e,t,n,_){try{const o=r.__wbindgen_add_to_stack_pointer(-16),s=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),d=c,u=b(t,r.__wbindgen_malloc,r.__wbindgen_realloc),p=c,g=b(n,r.__wbindgen_malloc,r.__wbindgen_realloc),w=c,f=b(_,r.__wbindgen_malloc,r.__wbindgen_realloc),m=c;r.open_diagram(o,s,d,u,p,g,w,f,m);var a=h()[o/4+0],i=h()[o/4+1];if(h()[o/4+2])throw l(i);return U.__wrap(a)}finally{r.__wbindgen_add_to_stack_pointer(16)}}function k(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=c,f=b(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=c;r.diagram_url_from_link_string(p,g,w,f,m);var a=h()[p/4+0],i=h()[p/4+1],o=h()[p/4+2],s=h()[p/4+3],d=a,u=i;if(s)throw d=0,u=0,l(o);return n=d,_=u,y(d,u)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function O(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=c,f=b(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=c;r.diagram_plantuml_url_from_diagram_url(p,g,w,f,m);var a=h()[p/4+0],i=h()[p/4+1],o=h()[p/4+2],s=h()[p/4+3],d=a,u=i;if(s)throw d=0,u=0,l(o);return n=d,_=u,y(d,u)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function C(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=c,f=b(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=c;r.diagram_spec_url_from_diagram_url(p,g,w,f,m);var a=h()[p/4+0],i=h()[p/4+1],o=h()[p/4+2],s=h()[p/4+3],d=a,u=i;if(s)throw d=0,u=0,l(o);return n=d,_=u,y(d,u)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function T(e,t){if(!(e instanceof t))throw new Error(`expected instance of ${t.name}`);return e.ptr}let D=null;function j(){return null!==D&&0!==D.byteLength||(D=new Uint32Array(r.memory.buffer)),D}function I(e,t){e>>>=0;const n=j().subarray(e/4,e/4+t),r=[];for(let e=0;e<n.length;e++)r.push(l(n[e]));return r}function R(e,t){const n=t(4*e.length,4)>>>0,r=j();for(let t=0;t<e.length;t++)r[n/4+t]=s(e[t]);return c=e.length,n}function A(e,t){try{return e.apply(this,t)}catch(e){r.__wbindgen_exn_store(s(e))}}class F{static __wrap(e){e>>>=0;const t=Object.create(F.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_baseelement_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_alias(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set alias(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_alias(this.__wbg_ptr,t,n)}get label(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_label(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set label(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_label(this.__wbg_ptr,t,n)}get description(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_description(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set description(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_description(this.__wbg_ptr,t,n)}get sprite(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_sprite(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sprite(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_sprite(this.__wbg_ptr,t,n)}get tags(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_tags(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set tags(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_tags(this.__wbg_ptr,t,n)}get link(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_link(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set link(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_link(this.__wbg_ptr,t,n)}get uuid(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_uuid(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set uuid(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_uuid(this.__wbg_ptr,t,n)}get notes(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_notes(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set notes(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_notes(this.__wbg_ptr,t,n)}}class L{static __wrap(e){e>>>=0;const t=Object.create(L.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof L?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_boundary_free(e)}get base_data(){const e=r.__wbg_get_boundary_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_boundary_base_data(this.__wbg_ptr,t)}get boundary_type(){return l(r.__wbg_get_boundary_boundary_type(this.__wbg_ptr))}set boundary_type(e){r.__wbg_set_boundary_boundary_type(this.__wbg_ptr,w(e)?0:s(e))}get boundary_custom_type(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_boundary_boundary_custom_type(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set boundary_custom_type(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_boundary_boundary_custom_type(this.__wbg_ptr,t,n)}get sub_elements(){try{const _=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_boundary_sub_elements(_,this.__wbg_ptr);var e=h()[_/4+0],t=h()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_boundary_sub_elements(this.__wbg_ptr,t,n)}}class M{static __wrap(e){e>>>=0;const t=Object.create(M.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof M?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_component_free(e)}get base_data(){const e=r.__wbg_get_component_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_component_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_component_technology(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_component_technology(this.__wbg_ptr,t,n)}get component_type(){return l(r.__wbg_get_component_component_type(this.__wbg_ptr))}set component_type(e){r.__wbg_set_component_component_type(this.__wbg_ptr,w(e)?0:s(e))}}class P{static __wrap(e){e>>>=0;const t=Object.create(P.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof P?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_container_free(e)}get base_data(){const e=r.__wbg_get_container_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_container_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_container_technology(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_container_technology(this.__wbg_ptr,t,n)}get container_type(){return l(r.__wbg_get_container_container_type(this.__wbg_ptr))}set container_type(e){r.__wbg_set_container_container_type(this.__wbg_ptr,w(e)?0:s(e))}}class N{static __wrap(e){e>>>=0;const t=Object.create(N.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof N?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_deploymentnode_free(e)}get base_data(){const e=r.__wbg_get_deploymentnode_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_deploymentnode_base_data(this.__wbg_ptr,t)}get deploymeny_node_custom_type(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_deploymentnode_deploymeny_node_custom_type(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set deploymeny_node_custom_type(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_deploymentnode_deploymeny_node_custom_type(this.__wbg_ptr,t,n)}get deployment_node_type(){return l(r.__wbg_get_deploymentnode_deployment_node_type(this.__wbg_ptr))}set deployment_node_type(e){r.__wbg_set_deploymentnode_deployment_node_type(this.__wbg_ptr,w(e)?0:s(e))}get sub_elements(){try{const _=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_deploymentnode_sub_elements(_,this.__wbg_ptr);var e=h()[_/4+0],t=h()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_deploymentnode_sub_elements(this.__wbg_ptr,t,n)}}class U{static __wrap(e){e>>>=0;const t=Object.create(U.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagram_free(e)}get diagram_name(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_diagram_name(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set diagram_name(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagram_diagram_name(this.__wbg_ptr,t,n)}get diagram_type(){return l(r.__wbg_get_diagram_diagram_type(this.__wbg_ptr))}set diagram_type(e){r.__wbg_set_diagram_diagram_type(this.__wbg_ptr,w(e)?0:s(e))}get diagram_spec(){const e=r.__wbg_get_diagram_diagram_spec(this.__wbg_ptr);return 0===e?void 0:B.__wrap(e)}set diagram_spec(e){let t=0;w(e)||(T(e,B),t=e.__destroy_into_raw()),r.__wbg_set_diagram_diagram_spec(this.__wbg_ptr,t)}get diagram_plantuml(){const e=r.__wbg_get_diagram_diagram_plantuml(this.__wbg_ptr);return 0===e?void 0:X.__wrap(e)}set diagram_plantuml(e){let t=0;w(e)||(T(e,X),t=e.__destroy_into_raw()),r.__wbg_set_diagram_diagram_plantuml(this.__wbg_ptr,t)}get raw_plantuml(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_raw_plantuml(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set raw_plantuml(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagram_raw_plantuml(this.__wbg_ptr,t,n)}get last_modified(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_last_modified(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set last_modified(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagram_last_modified(this.__wbg_ptr,t,n)}}class z{static __wrap(e){e>>>=0;const t=Object.create(z.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof z?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramelementspec_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_alias(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set alias(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagramelementspec_alias(this.__wbg_ptr,t,n)}get from(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_from(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set from(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagramelementspec_from(this.__wbg_ptr,t,n)}get to(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_to(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set to(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagramelementspec_to(this.__wbg_ptr,t,n)}get shapes(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_shapes(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=I(e,t).slice(),r.__wbindgen_free(e,4*t,4)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){var t=w(e)?0:R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramelementspec_shapes(this.__wbg_ptr,t,n)}get element_type(){return l(r.__wbg_get_diagramelementspec_element_type(this.__wbg_ptr))}set element_type(e){r.__wbg_set_diagramelementspec_element_type(this.__wbg_ptr,w(e)?0:s(e))}get position(){const e=r.__wbg_get_diagramelementspec_position(this.__wbg_ptr);return 0===e?void 0:W.__wrap(e)}set position(e){let t=0;w(e)||(T(e,W),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_diagramelementspec_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;w(e)||(T(e,G),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_size(this.__wbg_ptr,t)}get inner_specs(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_inner_specs(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=I(e,t).slice(),r.__wbindgen_free(e,4*t,4)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set inner_specs(e){var t=w(e)?0:R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramelementspec_inner_specs(this.__wbg_ptr,t,n)}}class X{static __wrap(e){e>>>=0;const t=Object.create(X.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramplantuml_free(e)}get diagram_id(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_label(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set diagram_id(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_baseelement_label(this.__wbg_ptr,t,n)}get elements(){try{const _=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramplantuml_elements(_,this.__wbg_ptr);var e=h()[_/4+0],t=h()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements(e){const t=R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramplantuml_elements(this.__wbg_ptr,t,n)}}class B{static __wrap(e){e>>>=0;const t=Object.create(B.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramspec_free(e)}get uuid(){let e,t;try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_uuid(a,this.__wbg_ptr);var n=h()[a/4+0],_=h()[a/4+1];return e=n,t=_,y(n,_)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(e,t,1)}}set uuid(e){const t=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagramspec_uuid(this.__wbg_ptr,t,n)}get description(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_description(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set description(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_diagramspec_description(this.__wbg_ptr,t,n)}get tags(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_tags(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=I(e,t).slice(),r.__wbindgen_free(e,4*t,4)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set tags(e){var t=w(e)?0:R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramspec_tags(this.__wbg_ptr,t,n)}get elements_specs(){try{const _=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_elements_specs(_,this.__wbg_ptr);var e=h()[_/4+0],t=h()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements_specs(e){const t=R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramspec_elements_specs(this.__wbg_ptr,t,n)}get shapes(){try{const _=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_shapes(_,this.__wbg_ptr);var e=h()[_/4+0],t=h()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){const t=R(e,r.__wbindgen_malloc),n=c;r.__wbg_set_diagramspec_shapes(this.__wbg_ptr,t,n)}}class Y{static __wrap(e){e>>>=0;const t=Object.create(Y.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_minaerror_free(e)}get code(){return r.__wbg_get_minaerror_code(this.__wbg_ptr)}set code(e){r.__wbg_set_minaerror_code(this.__wbg_ptr,e)}get msg(){let e,t;try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_minaerror_msg(a,this.__wbg_ptr);var n=h()[a/4+0],_=h()[a/4+1];return e=n,t=_,y(n,_)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(e,t,1)}}set msg(e){const t=b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_minaerror_msg(this.__wbg_ptr,t,n)}}class Z{static __wrap(e){e>>>=0;const t=Object.create(Z.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof Z?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_person_free(e)}get base_data(){const e=r.__wbg_get_person_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_person_base_data(this.__wbg_ptr,t)}get person_type(){return l(r.__wbg_get_person_person_type(this.__wbg_ptr))}set person_type(e){r.__wbg_set_person_person_type(this.__wbg_ptr,w(e)?0:s(e))}}class W{static __wrap(e){e>>>=0;const t=Object.create(W.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_position_free(e)}get left(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_left(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set left(e){r.__wbg_set_position_left(this.__wbg_ptr,!w(e),w(e)?0:e)}get top(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_top(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set top(e){r.__wbg_set_position_top(this.__wbg_ptr,!w(e),w(e)?0:e)}get z_index(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_z_index(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set z_index(e){r.__wbg_set_position_z_index(this.__wbg_ptr,!w(e),w(e)?0:e)}get angle(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_angle(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set angle(e){r.__wbg_set_position_angle(this.__wbg_ptr,!w(e),w(e)?0:e)}}class H{static __wrap(e){e>>>=0;const t=Object.create(H.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof H?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_relationship_free(e)}get base_data(){const e=r.__wbg_get_relationship_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_relationship_base_data(this.__wbg_ptr,t)}get from(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_from(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set from(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_relationship_from(this.__wbg_ptr,t,n)}get to(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_to(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set to(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_relationship_to(this.__wbg_ptr,t,n)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_technology(n,this.__wbg_ptr);var e=h()[n/4+0],t=h()[n/4+1];let _;return 0!==e&&(_=y(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=w(e)?0:b(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=c;r.__wbg_set_relationship_technology(this.__wbg_ptr,t,n)}get relationship_type(){return l(r.__wbg_get_relationship_relationship_type(this.__wbg_ptr))}set relationship_type(e){r.__wbg_set_relationship_relationship_type(this.__wbg_ptr,w(e)?0:s(e))}}class ${static __wrap(e){e>>>=0;const t=Object.create($.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof $?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_shape_free(e)}get shape_type(){return l(r.__wbg_get_shape_shape_type(this.__wbg_ptr))}set shape_type(e){r.__wbg_set_shape_shape_type(this.__wbg_ptr,w(e)?0:s(e))}get position(){const e=r.__wbg_get_shape_position(this.__wbg_ptr);return 0===e?void 0:W.__wrap(e)}set position(e){let t=0;w(e)||(T(e,W),t=e.__destroy_into_raw()),r.__wbg_set_shape_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_shape_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;w(e)||(T(e,G),t=e.__destroy_into_raw()),r.__wbg_set_shape_size(this.__wbg_ptr,t)}}class G{static __wrap(e){e>>>=0;const t=Object.create(G.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_size_free(e)}get width(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_width(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set width(e){r.__wbg_set_size_width(this.__wbg_ptr,!w(e),w(e)?0:e)}get height(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_height(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set height(e){r.__wbg_set_size_height(this.__wbg_ptr,!w(e),w(e)?0:e)}get scale_x(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_scale_x(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_x(e){r.__wbg_set_size_scale_x(this.__wbg_ptr,!w(e),w(e)?0:e)}get scale_y(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_scale_y(n,this.__wbg_ptr);var e=h()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_y(e){r.__wbg_set_size_scale_y(this.__wbg_ptr,!w(e),w(e)?0:e)}}class q{static __wrap(e){e>>>=0;const t=Object.create(q.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof q?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_softwaresystem_free(e)}get base_data(){const e=r.__wbg_get_softwaresystem_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_softwaresystem_base_data(this.__wbg_ptr,t)}get system_type(){return l(r.__wbg_get_softwaresystem_system_type(this.__wbg_ptr))}set system_type(e){r.__wbg_set_softwaresystem_system_type(this.__wbg_ptr,w(e)?0:s(e))}}function V(e){return Z.__unwrap(l(e))}function Q(e){return s(i(e))}function K(e){l(e)}function J(e,t){const n=i(t),_="string"==typeof n?n:void 0;var a=w(_)?0:b(_,r.__wbindgen_malloc,r.__wbindgen_realloc),o=c;h()[e/4+1]=o,h()[e/4+0]=a}function ee(e){return P.__unwrap(l(e))}function te(e){return H.__unwrap(l(e))}function ne(e){return s(N.__wrap(e))}function re(e){return s(P.__wrap(e))}function _e(e){return s($.__wrap(e))}function ae(e){return s(M.__wrap(e))}function ie(e){return s(Z.__wrap(e))}function oe(e){return s(Y.__wrap(e))}function se(e){return s(L.__wrap(e))}function le(e){return s(q.__wrap(e))}function ce(e){return s(H.__wrap(e))}function de(e){return z.__unwrap(l(e))}function ue(e){return"string"==typeof i(e)}function pe(e){const t=i(e);return"object"==typeof t&&null!==t}function ge(e){return void 0===i(e)}function be(e,t){return i(e)in i(t)}function we(e){return N.__unwrap(l(e))}function fe(e){return q.__unwrap(l(e))}function he(e){return $.__unwrap(l(e))}function me(e,t){return s(new Error(y(e,t)))}function ye(e){return M.__unwrap(l(e))}function ve(e){return L.__unwrap(l(e))}function Ee(e){return s(z.__wrap(e))}function xe(e,t){return i(e)==i(t)}function Se(e){const t=i(e);return"boolean"==typeof t?t?1:0:2}function ke(e,t){const n=i(t),r="number"==typeof n?n:void 0;E()[e/8+1]=w(r)?0:r,h()[e/4+0]=!w(r)}function Oe(e,t){return s(y(e,t))}function Ce(e,t){return s(i(e)[i(t)])}function Te(e,t,n){i(e)[l(t)]=l(n)}function De(e,t){const n=b(String(i(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),_=c;h()[e/4+1]=_,h()[e/4+0]=n}function je(e,t){return s(i(e)[t>>>0])}function Ie(e){return i(e).length}function Re(){return s(new Array)}function Ae(e){return"function"==typeof i(e)}function Fe(e){return s(i(e).next)}function Le(){return A((function(e){return s(i(e).next())}),arguments)}function Me(e){return i(e).done}function Pe(e){return s(i(e).value)}function Ne(){return s(Symbol.iterator)}function Ue(){return A((function(e,t){return s(Reflect.get(i(e),i(t)))}),arguments)}function ze(){return A((function(e,t){return s(i(e).call(i(t)))}),arguments)}function Xe(){return s(new Object)}function Be(e,t,n){i(e)[t>>>0]=l(n)}function Ye(e){return Array.isArray(i(e))}function Ze(e){let t;try{t=i(e)instanceof ArrayBuffer}catch(e){t=!1}return t}function We(e){return s(Object.entries(i(e)))}function He(e){return s(i(e).buffer)}function $e(e){return s(new Uint8Array(i(e)))}function Ge(e,t,n){i(e).set(i(t),n>>>0)}function qe(e){return i(e).length}function Ve(e){let t;try{t=i(e)instanceof Uint8Array}catch(e){t=!1}return t}function Qe(e,t){const n=b(x(i(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),_=c;h()[e/4+1]=_,h()[e/4+0]=n}function Ke(e,t){throw new Error(y(e,t))}function Je(){return s(r.memory)}},836:(e,t,n)=>{n.a(e,(async(e,r)=>{try{n.r(t),n.d(t,{MinaReact:()=>c,default:()=>d});var _=n(689),a=n(81),i=n(306),o=n(826),s=n(997),l=e([a]);a=(l.then?(await l)():l)[0];const c=e=>{const{projectRootUrl:t,diagramUrl:r}=e;(0,o.bs)({initTE:async function(){const{initTE:e,Dropdown:t}=await Promise.resolve().then(n.t.bind(n,727,23));await e({Dropdown:t})}});const l=(0,_.useRef)(null),[c,d]=(0,_.useState)(),[u,p]=(0,_.useState)(),g={onOpenDiagramClick:e=>{let n;try{n=(0,a.ig)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}n&&b(n)}};async function b(e){var n;let r,_;null==(n=l.current)||n.resetCanvas();try{r=(0,a.t3)(t,e),_=(0,a.Y6)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}if(r&&_){let n,i;try{const e=await fetch(r),t=await fetch(_);if(!e.ok||!t.ok)throw new Error;n=await e.text(),i=await t.text()}catch(e){p("Diagram not found. Check the provided URL.")}if(n&&i)try{d((0,a.g8)(t,e,n,i))}catch(e){p("Invalid diagram.")}}}(0,_.useEffect)((()=>{p(null),b(r)}),[r]);return(0,s.jsxs)("div",{className:"h-full w-full border-t flex items-center",children:[(0,s.jsx)(o.h_,{menuItemsProps:[{id:"dropdown-init",label:"",isHeaderMenuItem:!0,subMenuItems:[{id:"dropdown-init-1",label:""}]}],className:"hidden"}),(0,s.jsx)(o.xV,{}),null===u&&c&&(0,s.jsx)(i.r,{diagramListener:g,diagram:c,ref:l,readOnly:!0}),u&&(0,s.jsx)("div",{className:"w-full text-center text-black",children:u})]})},d=c;r()}catch(e){r(e)}}))},466:e=>{e.exports=require("@fortawesome/free-solid-svg-icons")},629:e=>{e.exports=require("fabric")},420:e=>{e.exports=require("pluralize")},689:e=>{e.exports=require("react")},709:e=>{e.exports=require("react-i18next")},997:e=>{e.exports=require("react/jsx-runtime")},727:e=>{e.exports=require("tw-elements")},651:(e,t,n)=>{var r=n(402);e.exports=n.v(t,e.id,"c8024ae30441dcf7a059",{"./mina_react_bg.js":{__wbg_person_unwrap:r.gA,__wbindgen_object_clone_ref:r.m_,__wbindgen_object_drop_ref:r.ug,__wbindgen_string_get:r.qt,__wbg_container_unwrap:r.xr,__wbg_relationship_unwrap:r.bs,__wbg_deploymentnode_new:r.sc,__wbg_container_new:r._5,__wbg_shape_new:r.co,__wbg_component_new:r.JI,__wbg_person_new:r.B5,__wbg_minaerror_new:r.Ri,__wbg_boundary_new:r.fp,__wbg_softwaresystem_new:r.cU,__wbg_relationship_new:r.k8,__wbg_diagramelementspec_unwrap:r._Z,__wbindgen_is_string:r.eY,__wbindgen_is_object:r.Wl,__wbindgen_is_undefined:r.XP,__wbindgen_in:r.yb,__wbg_deploymentnode_unwrap:r.RR,__wbg_softwaresystem_unwrap:r.A5,__wbg_shape_unwrap:r.nQ,__wbindgen_error_new:r.hd,__wbg_component_unwrap:r.C8,__wbg_boundary_unwrap:r.rx,__wbg_diagramelementspec_new:r.JV,__wbindgen_jsval_loose_eq:r.Qr,__wbindgen_boolean_get:r.HT,__wbindgen_number_get:r.M1,__wbindgen_string_new:r.h4,__wbg_getwithrefkey_4a92a5eca60879b9:r.sO,__wbg_set_9182712abebf82ef:r.MO,__wbg_String_389b54bd9d25375f:r.$c,__wbg_get_c43534c00f382c8a:r.C4,__wbg_length_d99b680fd68bf71b:r.is,__wbg_new_34c624469fb1d4fd:r.DM,__wbindgen_is_function:r.o$,__wbg_next_1938cf110c9491d4:r.MU,__wbg_next_267398d0e0761bf9:r.f_,__wbg_done_506b44765ba84b9c:r.yn,__wbg_value_31485d8770eb06ab:r.uo,__wbg_iterator_364187e1ee96b750:r.VH,__wbg_get_5027b32da70f39b1:r.X8,__wbg_call_a79f1973a4f07d5e:r.ly,__wbg_new_87d841e70661f6e9:r.QY,__wbg_set_379b27f1d5f1bf9c:r.ho,__wbg_isArray_fbd24d447869b527:r.Qm,__wbg_instanceof_ArrayBuffer_f4521cec1b99ee35:r.Zb,__wbg_entries_7a47f5716366056b:r.TU,__wbg_buffer_5d1b598a01b41a42:r.Uj,__wbg_new_ace717933ad7117f:r.tA,__wbg_set_74906aa30864df5a:r.oS,__wbg_length_f0764416ba5bb237:r.Cp,__wbg_instanceof_Uint8Array_4f5cffed7df34b2f:r.dI,__wbindgen_debug_string:r.fY,__wbindgen_throw:r.Or,__wbindgen_memory:r.oH}})}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,loaded:!1,exports:{}};return i[e](n,n.exports,s),n.loaded=!0,n.exports}e="function"==typeof Symbol?Symbol("webpack queues"):"__webpack_queues__",t="function"==typeof Symbol?Symbol("webpack exports"):"__webpack_exports__",n="function"==typeof Symbol?Symbol("webpack error"):"__webpack_error__",r=e=>{e&&e.d<1&&(e.d=1,e.forEach((e=>e.r--)),e.forEach((e=>e.r--?e.r++:e())))},s.a=(_,a,i)=>{var o;i&&((o=[]).d=-1);var s,l,c,d=new Set,u=_.exports,p=new Promise(((e,t)=>{c=t,l=e}));p[t]=u,p[e]=e=>(o&&e(o),d.forEach(e),p.catch((e=>{}))),_.exports=p,a((_=>{var a;s=(_=>_.map((_=>{if(null!==_&&"object"==typeof _){if(_[e])return _;if(_.then){var a=[];a.d=0,_.then((e=>{i[t]=e,r(a)}),(e=>{i[n]=e,r(a)}));var i={};return i[e]=e=>e(a),i}}var o={};return o[e]=e=>{},o[t]=_,o})))(_);var i=()=>s.map((e=>{if(e[n])throw e[n];return e[t]})),l=new Promise((t=>{(a=()=>t(i)).r=0;var n=e=>e!==o&&!d.has(e)&&(d.add(e),e&&!e.d&&(a.r++,e.push(a)));s.map((t=>t[e](n)))}));return a.r?l:i()}),(e=>(e?c(p[n]=e):l(u),r(o)))),o&&o.d<0&&(o.d=0)},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var n=Object.create(null);s.r(n);var r={};_=_||[null,a({}),a([]),a(a)];for(var i=2&t&&e;"object"==typeof i&&!~_.indexOf(i);i=a(i))Object.getOwnPropertyNames(i).forEach((t=>r[t]=()=>e[t]));return r.default=()=>e,s.d(n,r),n},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.v=(e,t,n,r)=>{var _=fetch(s.p+""+n+".module.wasm");return"function"==typeof WebAssembly.instantiateStreaming?WebAssembly.instantiateStreaming(_,r).then((t=>Object.assign(e,t.instance.exports))):_.then((e=>e.arrayBuffer())).then((e=>WebAssembly.instantiate(e,r))).then((t=>Object.assign(e,t.instance.exports)))},(()=>{var e;s.g.importScripts&&(e=s.g.location+"");var t=s.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&!e;)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),s.p=e})();var l={};(()=>{s.r(l),s.d(l,{default:()=>r});var e=s(689),t=s(997);const n=()=>null,r=r=>{const[_,a]=(0,e.useState)((()=>n));return(0,e.useEffect)((()=>{Promise.resolve().then(s.bind(s,836)).then((e=>a((()=>e.default))))}),[]),(0,t.jsx)(_,Object.assign({},r))}})(),module.exports=l})();
+(()=>{"use strict";var e,t,n,r,a,o,_={756:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}n.d(t,{Z:()=>r})},53:(e,t,n)=>{n.d(t,{r:()=>sn});var r=n(756);const a=["TopToBottom","LeftToRight"],o="object:modified",_="mouseup",i="modified",s="selected",l="#000000",c=12,d=10,u=20,p=20,g=120,b=20,f=10,w={SIZES:{DEFAULT_TOP:u+b,DEFAULT_LEFT:p+g+50,BORDER_WIDTH:1},FONT:{FAMILY:"Roboto"}},h="#1168BD",m="#438DD5",y="#85BBF0",v="#686868",x="#999999",k="#CCCCCC",E="#FFFFFF",S="#FFFFFF",O="#0F5BA6",C="#3E84C7",j="#7BADDE",T="#525252",D="#8A8A8A",R="#BDBDBD",I="#666666",A="#666666",L="#FFFFFF",F="#FFFFFF",N="#000000",M="#FFFFFF",P="#FFFFFF",z="#000000",U="#333333",X="#333333",B=220,Y=100,Z=15,W=10,$=20,H=5,G=15,q=25,V=10,Q=14,J=12,K=12,ee=10,te=.3,ne=.15,re="#828282",ae="#404040",oe=10,_e=10,ie=3,se=3,le=9,ce=1,de=90,ue=40,pe=45,ge=10,be=10,fe=150,we=80,he=10,me=10,ye={SIZES:{STROKE_DASH_ARRAY:[5,5]}};var ve=n(629),xe=n(357),ke=n(255);require("change-case"),n(420);const Ee=(e,t,n,r,a)=>Se(e,t,n,r,a.elements_specs)||Oe(e,t,n,r),Se=(e,t,n,r,a)=>{for(let o=0;o<a.length;o++){const _=a[o],i=_.alias===e,s=(0,ke.B6)(_.element_type,r);if(i&&s)return _;if(_.inner_specs){const a=_.inner_specs,o=Se(e,t,n,r,a);if(o)return o}}},Oe=(e,t,n,r)=>({alias:e,from:t,to:n,element_type:r}),Ce=e=>{if("Boundary"in e)return e.Boundary},je=e=>{if("Component"in e)return e.Component},Te=e=>{if("Container"in e)return e.Container},De=e=>{if("DeploymentNode"in e)return e.DeploymentNode},Re=e=>{if("Person"in e)return e.Person},Ie=e=>{if("Relationship"in e)return e.Relationship},Ae=e=>{if("SoftwareSystem"in e)return e.SoftwareSystem},Le=(e,t)=>{var n,r,a;return e&&null!=(n=t[e])&&n.position?{left:null==(r=t[e].position)?void 0:r.x,top:null==(a=t[e].position)?void 0:a.y}:{left:w.SIZES.DEFAULT_LEFT,top:w.SIZES.DEFAULT_TOP}};function Fe(e,t=!0,n){var r,a,o,_;let i,s,l,c;return e.forEach((e=>{if(e.visible){const r=e.getBoundingRect(!1,!0),a=t?e.getBoundingRect(!0,!1):r;let o=a.left,_=a.top;if(n&&o&&_){const e=fabric.util.transformPoint(new fabric.Point(o,_),n);o=e.x,_=e.y}(void 0===i||o<i)&&(i=o),void 0!==o&&void 0!==r.width&&(void 0===s||o+r.width>s)&&(s=o+r.width),(void 0===c||void 0!==_&&_<c)&&(c=_),void 0!==_&&void 0!==r.height&&(void 0===l||r.height+_>l)&&(l=_+r.height)}})),{left:i,right:s,top:c,bottom:l,width:(null!=(r=s)?r:0)-(null!=(a=i)?a:0),height:(null!=(o=l)?o:0)-(null!=(_=c)?_:0)}}function Ne(e,t){let n=-1;return e&&(n=e.getObjects().indexOf(t)),-1!==n?n:void 0}function Me(e,t,n=Number.MAX_SAFE_INTEGER){let r=n;return t.forEach((t=>{const n=Ne(e,t);void 0!==n&&n<r&&(r=n)})),r!==Number.MAX_SAFE_INTEGER?r:void 0}function Pe(e){let t=[];const n=new Set;if(e){let r=[];e.forEach((e=>{const t=e.getVirtualGroupRoot();t&&n.add(t)})),n.forEach((e=>{var t;r=r.concat(ze(null!=(t=e.children)?t:[],!0))})),t=e.filter((e=>!r.includes(e)))}return{filteredObjects:t,virtualGroupsRoots:n}}function ze(e,t=!0){let n=[];return e&&e.forEach((e=>{(e.visible||!e.visible&&t)&&n.push(e),e.children&&(n=n.concat(ze(e.children,t)))})),n}function Ue(e){let t=0,n=0;if(e){const r=e.viewportTransform;t=r?r[4]:0,n=r?r[5]:0}return{panX:t,panY:n}}ve.fabric.ActiveSelection.prototype._controlsVisibility={tl:!0,tr:!0,br:!0,bl:!0,ml:!1,mt:!1,mr:!1,mb:!1,mtr:!1},ve.fabric.Object.prototype.isVirtualGroupParent=function(){return void 0!==this.children&&this.children.length>0},ve.fabric.Object.prototype.isVirtualGroupChild=function(){return void 0!==this.parent},ve.fabric.Object.prototype.isVirtualGroupRoot=function(){return this.isVirtualGroupParent()&&void 0===this.parent},ve.fabric.Object.prototype.isVirtualGroupLeaf=function(){return this.isVirtualGroupChild()&&!this.isVirtualGroupParent()},ve.fabric.Object.prototype.isVirtualGroupBaseShape=function(){return this.isVirtualGroupChild()&&this.parent.children[0]===this},ve.fabric.Object.prototype.getVirtualGroupRoot=function(){let e=this.parent;for(;e&&e.parent;)e=e.parent;return e};class Xe extends ve.fabric.Point{constructor(e,t,n){super(e,t),this.customType=void 0,this.data=void 0,this.customType=n}}class Be extends ve.fabric.ActiveSelection{}const Ye=e=>"getUpdatedSpecs"in e;class Ze extends ve.fabric.Group{constructor(e,t,n,r,a,o,i,s,l=!1){var c,d,u,p,g,b,f,w,h,m,y;super(a,Object.assign({data:{rawDiagramElementSpec:t,rawData:e},name:null!=(c=n.alias)?c:"undefined",left:void 0!==(null==t||null==(d=t.position)?void 0:d.left)?null==t||null==(u=t.position)?void 0:u.left:null==(p=n.position)?void 0:p.left,top:void 0!==(null==t||null==(g=t.position)?void 0:g.top)?null==t||null==(b=t.position)?void 0:b.top:null==(f=n.position)?void 0:f.top,scaleX:void 0!==(null==t||null==(w=t.size)?void 0:w.scale_x)?null==t||null==(h=t.size)?void 0:h.scale_x:1,scaleY:void 0!==(null==t||null==(m=t.size)?void 0:m.scale_y)?null==t||null==(y=t.size)?void 0:y.scale_y:1},o)),this.parent=i,this.children=null!=s?s:[],this.setControlsVisibility({mb:!1,ml:!1,mr:!1,mt:!1,mtr:!1}),l||this.on(_,(e=>{var t;this.onComponentMouseUp(null==(t=e.target)?void 0:t.canvas,e,this)}))}getUpdatedSpecs(){var e,t;null==(e=this.canvas)||e.discardActiveObject();const n=null==(t=this.data)?void 0:t.rawDiagramElementSpec;if(n){var r,a,o,_,i,s,l,c,d,u,p,g,b,f,w,h;const e=(0,ke.Xh)(n);return e.position={left:null!=(r=this.left)?r:null==(a=n.position)?void 0:a.left,top:null!=(o=this.top)?o:null==(_=n.position)?void 0:_.top,z_index:null!=(i=Ne(this.canvas,this))?i:null==(s=n.position)?void 0:s.z_index,angle:null!=(l=this.angle)?l:null==(c=n.position)?void 0:c.angle},e.size={width:null!=(d=this.width)?d:null==(u=n.size)?void 0:u.width,height:null!=(p=this.height)?p:null==(g=n.size)?void 0:g.height,scale_x:null!=(b=this.scaleX)?b:null==(f=n.size)?void 0:f.scale_x,scale_y:null!=(w=this.scaleY)?w:null==(h=n.size)?void 0:h.scale_y},e}}onComponentMouseUp(e,t,n,r){if(e)switch(t.e.preventDefault(),t.button){case 3:{e.setActiveObject(n),e.renderAll();const a=e.contextTop,o=ve.fabric.util.getPointer(t.e,a.canvas),_=new CustomEvent(xe._A.CONTEXT_MENU,{detail:{sourceEvent:t,pageX:o.x,pageY:o.y,menuItems:null!=r?r:We(e,t,n)}});document.dispatchEvent(_);break}}}}const We=(e,t,n,r=!0)=>{var a,_;const i=[],s=null==(a=n.data)||null==(a=a.rawDiagramElementSpec)?void 0:a.element_type,l=null==(_=n.data)||null==(_=_.rawData)||null==(_=_.base_data)?void 0:_.link,c=e.isReadOnly();return void 0!==s&&l&&(void 0!==Ce(s)||void 0!==je(s)||void 0!==Te(s)||void 0!==De(s)||void 0!==Ae(s))&&(i.push({isHeaderMenuItem:!1,id:"openDiagram",label:"Open Diagram",onClick:()=>{e.diagramListener&&e.diagramListener.onOpenDiagramClick(l)}}),c||i.push({id:"separatorCommon",isSepator:!0})),c||i.push({isHeaderMenuItem:!1,id:"bringToFront",label:"Bring to Front",onClick:()=>{var e;n.bringToFront(),null==(e=n.canvas)||e.fire(o)}},{isHeaderMenuItem:!1,id:"bringForward",label:"Bring Forward",onClick:()=>{var e;n.bringForward(),null==(e=n.canvas)||e.fire(o)}},{isHeaderMenuItem:!1,id:"sentToBack",label:"Send to Back",onClick:()=>$e(n)},{isHeaderMenuItem:!1,id:"sendBackwards",label:"Send Backwards",onClick:()=>He(n)}),r?[{isHeaderMenuItem:!0,id:"baseComponentContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:i}]:i},$e=e=>{var t;e.parent||(e.sendToBack(),null==(t=e.canvas)||t.fire(o))},He=e=>{if(e instanceof Be){var t,n,r;const _=e.parent,i=Me(e.canvas,null!=(t=null==_?void 0:_.children)?t:[]),s=Me(e.canvas,null!=(n=null==_||null==(r=_.parent)?void 0:r.children)?n:[]);var a;void 0===s||void 0===i||i-1>s?(e.sendBackwards(),null==(a=e.canvas)||a.fire(o)):console.debug(`cannot send backwards ${i} ${s}`)}else{var _,i;const t=Ne(e.canvas,e),n=Me(e.canvas,null!=(_=null==(i=e.parent)?void 0:i.children)?_:[]);var s;void 0===n||void 0===t||t-1>n?(e.sendBackwards(),null==(s=e.canvas)||s.fire(o)):console.debug(`cannot send backwards ${t} ${n}`)}},Ge="legend",qe=(e,t,n,r)=>{var a,o,_;const i=[],s=new ve.fabric.Rect({fill:t,left:p,top:u+b*r,width:g,height:b});i.push(s);const l=new ve.fabric.Text(e,{fill:n,fontFamily:w.FONT.FAMILY,fontSize:d,fontWeight:"normal",textAlign:"left",originX:"left",originY:"top",left:p+f});return l.top=(null!=(a=s.top)?a:0)+(null!=(o=s.height)?o:0)/2-(null!=(_=l.height)?_:0)/2,i.push(l),i},Ve=e=>{let t=[];const n=new ve.fabric.Text("LEGEND",{fill:l,fontFamily:w.FONT.FAMILY,fontSize:c,fontWeight:"bold",textAlign:"left",originX:"left",originY:"top",left:p,top:u});t.push(n),t=t.concat(qe("System/Person",h,L,1)),t=t.concat(qe("System/Person External",v,M,2)),t=t.concat(qe("Container",m,F,3)),t=t.concat(qe("Container External",x,P,4)),t=t.concat(qe("Component",y,N,5)),t=t.concat(qe("Component External",k,z,6));return new Ze(void 0,e,{alias:Ge,position:{left:p,top:u}},{},t)};let Qe=function(e){return e.Rectangle="RECTANGLE",e.Footer="FOOTER",e}({});class Je extends Ze{getUpdatedSpecs(){const e=super.getUpdatedSpecs();var t;if(e&&(null==(t=this.canvas)||t.discardActiveObject(),delete e.position,delete e.size,e.inner_specs=[],e.shapes=[],this.children))for(const t of this.children)if(Ye(t)){const n=t.getUpdatedSpecs();n&&e.inner_specs.push(n)}else if(t.name!==Qe.Footer){var n,r;e.shapes.push({position:{left:t.left,top:t.top,z_index:Ne(t.canvas,t)},size:{scale_x:null!=(n=t.scaleX)?n:1,scale_y:null!=(r=t.scaleY)?r:1},shape_type:t.name})}else e.shapes.push({position:{z_index:Ne(t.canvas,t)},shape_type:t.name});return e}}const Ke=e=>{var t,n,r,a,o,_,i,s,l,c;let d,u;const p=[];null==(t=e.children)||t.forEach((e=>{e.name===Qe.Footer?u=e:e.name===Qe.Rectangle?d=e:p.push(e)}));const g=Fe(ze(p),!1),b=null!=(n=null==(r=d)?void 0:r.scaleX)?n:1,f=null!=(a=null==(o=d)?void 0:o.scaleY)?a:1,w=null!=(_=null==(i=d)||null==(i=i.canvas)?void 0:i.getZoom())?_:1,h=Ue(e.canvas),m=me*b,y=me*f,v=he*b,x=he*f;var k;d&&void 0!==g.left&&void 0!==g.right&&void 0!==g.top&&void 0!==g.bottom&&void 0!==g.width&&void 0!==g.height&&void 0!==u?(g.left=(g.left-h.panX)/w,g.top=(g.top-h.panY)/w,g.right=(g.right-h.panX)/w,g.bottom=(g.bottom-h.panY)/w,g.width=g.right-g.left,g.height=g.bottom-g.top,d.width=g.width/b+m/b*2,d.height=g.height/f+y/f*3+(null!=(k=u.height)?k:0),d.left=g.left-m,d.top=g.top-y):d&&void 0!==u&&(d.width=fe,d.height=we+u.getScaledHeight()),null==(s=e.canvas)||s.renderAll(),d&&u&&void 0!==d.left&&void 0!==d.top&&void 0!==d.height&&void 0!==u.height&&(u.top=d.top+d.getScaledHeight()-u.getScaledHeight()-x,u.left=d.left+v),null==(l=d)||l.setCoords(),null==(c=u)||c.setCoords()},et=e=>{e.on(s,(t=>{nt(t,e)}))},tt=e=>{e.on(s,(t=>{nt(t,e)}))},nt=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,a,o,s;const e=t.parent,n=Pe(null==(r=t.canvas)?void 0:r.getActiveObjects());let c;if(null==(a=t.canvas)||a.discardActiveObject(),n.filteredObjects.length>0||n.virtualGroupsRoots.size>1){let e=n.filteredObjects;n.virtualGroupsRoots.forEach((t=>{var n;return e=e.concat(ze(null!=(n=t.children)?n:[],!1))})),c=new ve.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var l;c=new Be([...ze(null!=(l=e.children)?l:[],!1)],{canvas:t.canvas}),c.parent=e,c.on(_,(t=>{at(c.canvas,t,c,e)})),c.on(i,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(i)}))}null==(o=t.canvas)||o.setActiveObject(c),null==(s=t.canvas)||s.requestRenderAll()}},rt=(e,t)=>{e&&t&&Ke(e)},at=(e,t,n,r)=>{n instanceof ve.fabric.ActiveSelection&&e&&r.onComponentMouseUp(e,t,n,((e,t,n)=>n instanceof ve.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"baseElasticContainerContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[...We(e,t,n,!1)]}]:[])(e,t,n))},ot=(e,t,n,r,a)=>{var o;const _={alias:null==(o=e.base_data)?void 0:o.alias},s=new Je(e,t,_,r,[],void 0,void 0,void 0,!0);s.visible=!1;const l=((e,t,n,r)=>{var a,o,_,i,s,l,c,d,u,p;const g=null==e||null==(a=e.shapes)?void 0:a.filter((e=>e.shape_type===Qe.Rectangle))[0],b=new ve.fabric.Rect({fill:n.bgColor,stroke:n.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,strokeDashArray:n.strokeDashArray,left:null!=(o=null==g||null==(_=g.position)?void 0:_.left)?o:Le(e.alias,t).left,top:null!=(i=null==g||null==(s=g.position)?void 0:s.top)?i:Le(e.alias,t).top,name:Qe.Rectangle,rx:W,ry:W,scaleX:null!=(l=null==g||null==(c=g.size)?void 0:c.scale_x)?l:1,scaleY:null!=(d=null==g||null==(u=g.size)?void 0:u.scale_y)?d:1});return b.data={rawDiagramElementSpec:g},b.parent=r,et(b),null==(p=r.children)||p.push(b),b})(t,r,a,s);((e,t,n,r,a)=>{var o,_,i,s,l,c,d,u;const p=null==e||null==(o=e.shapes)?void 0:o.filter((e=>e.shape_type===Qe.Footer))[0],g=[],b={fontFamily:w.FONT.FAMILY,fill:t.textColor};if(null!=(_=n.base_data)&&_.label){const e=new ve.fabric.Text(n.base_data.label,Object.assign({},b,{fontSize:ge,fontWeight:"bold"}));e.top=0,e.left=0,g.push(e)}let f=null!=(i=null!=(s=n.boundary_type)?s:n.deployment_node_type)?i:"";f=null!=(l=null!=(c=n.boundary_custom_type)?c:n.deploymeny_node_custom_type)?l:f,f+=n.technology?`: ${n.technology}`:"",f=`[${f}]`;const h=new ve.fabric.Text(f,Object.assign({},b,{fontSize:be,left:0,top:null!=(d=g[0].height)?d:0}));g.push(h);const m=new ve.fabric.Group(g,{name:Qe.Footer,selectable:!1,evented:!1,left:r.left,top:r.top,scaleX:r.scaleX,scaleY:r.scaleY});m.data={rawDiagramElementSpec:p},m.parent=a,tt(m),null==(u=a.children)||u.push(m)})(t,a,e,l,s);let c=[];return e.sub_elements&&(c=Yt(void 0,e.sub_elements,n,r,{skipAddToCanvas:!0,skipLegendRendering:!0}),c.forEach((e=>{var t;e.parent=s,null==(t=s.children)||t.push(e)}))),Ke(s),(e=>{var t;null==(t=e.children)||t.forEach((t=>{t.on(i,(t=>{rt(e,t)})),t.children&&t.children.forEach((t=>{t.on(i,(t=>{rt(e,t)}))}))}))})(s),s},_t=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.boundary_type){var o;const _=((e,t,n,r,a)=>{const o={bgColor:E,borderColor:I,textColor:U,strokeDashArray:ye.SIZES.STROKE_DASH_ARRAY},_=Object.assign({},o,a);return ot(e,t,n,r,_)})(t,Ee(t.base_data.alias,void 0,void 0,{Boundary:t.boundary_type},n),n,r);return a&&a.skipAddToCanvas||!_||null==e||e.add(_,...ze(null!=(o=_.children)?o:[])),_}};var it=n(466);const st=(e,t,n,r)=>{var a,o,_,i,s;const l=[],c=((e,t)=>{var n,r,a,o,_;const i=new ve.fabric.Rect({fill:t.bgColor,stroke:t.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,left:w.SIZES.DEFAULT_LEFT,top:w.SIZES.DEFAULT_TOP,width:null!=(n=t.widthBox)?n:B,height:Y,name:null!=(r=null==(a=e.base_data)?void 0:a.alias)?r:"undefined",rx:null!=(o=t.borderRadius)?o:W,ry:null!=(_=t.borderRadius)?_:W});return i.on("scaling",(e=>{var t;null!=(t=e.target)&&t.width&&e.target.height&&e.target.scaleX&&e.target.scaleY&&e.target.set({width:e.target.width*e.target.scaleX,height:e.target.height*e.target.scaleY,scaleX:1,scaleY:1})})),i})(e,r);let d;l.push(c),null!=(a=e.base_data)&&a.tags&&(d=((e,t,n)=>{var r,a,o,_;return new ve.fabric.Text(`«${null==(r=t.base_data)?void 0:r.tags}»`,{fill:n.textColor,fontFamily:w.FONT.FAMILY,fontSize:J,fontStyle:"italic",fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(a=e.left)?a:w.SIZES.DEFAULT_LEFT)+(null!=(o=e.width)?o:0)/2,top:(null!=(_=e.top)?_:w.SIZES.DEFAULT_TOP)+H})})(c,e,r),l.push(d));const u=((e,t,n,r)=>{var a,o,_,i,s;return new ve.fabric.Text(null!=(a=null==(o=n.base_data)?void 0:o.label)?a:"undefined",{fill:r.textColor,fontFamily:w.FONT.FAMILY,fontSize:Q,fontWeight:"bold",textAlign:"center",originX:"center",originY:"top",left:(null!=(_=e.left)?_:w.SIZES.DEFAULT_LEFT)+(null!=(i=e.width)?i:0)/2,top:(null!=(s=null==t?void 0:t.top)?s:w.SIZES.DEFAULT_TOP)+$})})(c,d,e,r);l.push(u);const p=((e,t,n,r)=>{var a,o,_,i,s,l,c,d,u,p;const g=`[${null!=(a=null!=(o=null!=(_=null!=(i=null!=(s=null!=(l=null!=(c=n.boundary_custom_type)?c:n.boundary_type)?l:n.component_type)?s:n.container_type)?i:n.deployment_node_type)?_:n.deploymeny_node_custom_type)?o:n.person_type)?a:n.system_type}${n.technology?`: ${n.technology}`:""}]`;return new ve.fabric.Text(g,{fill:r.textColor,fontFamily:w.FONT.FAMILY,fontSize:K,fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(d=e.left)?d:w.SIZES.DEFAULT_LEFT)+(null!=(u=e.width)?u:0)/2,top:(null!=(p=null==t?void 0:t.top)?p:w.SIZES.DEFAULT_TOP)+G})})(c,u,e,r);let g;l.push(p),null!=(o=e.base_data)&&o.description&&(g=((e,t,n,r)=>{var a,o,_,i,s,l;const c=null!=(a=r.widthDescription)?a:e.width;return new ve.fabric.Textbox(null!=(o=null==(_=n.base_data)?void 0:_.description)?o:"",{fill:r.textColor,fontFamily:w.FONT.FAMILY,fontSize:ee,fontWeight:400,opacity:.7,splitByGrapheme:!0,width:c?c-V:0,textAlign:"center",originX:"center",originY:"top",left:(null!=(i=e.left)?i:w.SIZES.DEFAULT_LEFT)+(null!=(s=e.width)?s:0)/2,top:(null!=(l=null==t?void 0:t.top)?l:0)+q})})(c,p,e,r),l.push(g)),null!=(_=e.base_data)&&_.link&&l.push(((e,t)=>{var n,r;const a=new ve.fabric.Path(it.faLink.icon[4].toString(),{fill:t.textColor,opacity:1,originX:"left",originY:"top",left:(null!=(n=e.left)?n:0)+5,top:(null!=(r=e.top)?r:0)+5});return a.scaleToWidth(10),a})(c,r)),((e,t)=>{var n,r,a;let o=(null!=(n=null==t?void 0:t.height)?n:0)+((null!=(r=null==t?void 0:t.top)?r:0)-(null!=(a=null==e?void 0:e.top)?a:0))+Z;o<Y&&(o=Y),e.height=o})(c,g);const b={alias:null==(i=e.base_data)?void 0:i.alias,position:Le(null==(s=e.base_data)?void 0:s.alias,n)};return new Ze(e,t,b,n,l)},lt=(e,t,n,r)=>{var a,o,_;const i=[],s=ct(e,r);i.push(s);const l=(null!=(a=s.height)?a:0)/2-w.SIZES.BORDER_WIDTH/2;i.push(dt(s,l,r)),i.push(ut(s,l,r));const c={alias:null==(o=e.base_data)?void 0:o.alias,position:Le(null==(_=e.base_data)?void 0:_.alias,n)};return new Ze(e,t,c,n,i)},ct=(e,t)=>{const n=Object.assign({},t,{borderRadius:0});return st(e,{},{},n)},dt=(e,t,n)=>{var r;return new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(r=e.left)?r:0)+2*t*te/2+2*w.SIZES.BORDER_WIDTH,angle:90,startAngle:0,endAngle:180,scaleY:te})},ut=(e,t,n)=>{var r,a,o,_,i,s,l,c,d,u,p,g,b,f,h,m,y,v,x;const k=[],E=w.SIZES.BORDER_WIDTH,S=new ve.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+(null!=(a=e.width)?a:0)-E,top:(null!=(o=e.top)?o:0)+w.SIZES.BORDER_WIDTH,width:20,height:(null!=(_=e.height)?_:0)-2*w.SIZES.BORDER_WIDTH});return k.push(S),k.push(new ve.fabric.Line([null!=(i=S.left)?i:0,null!=(s=e.top)?s:0,(null!=(l=S.left)?l:0)+(null!=(c=S.width)?c:0),null!=(d=e.top)?d:0],{strokeWidth:w.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),k.push(new ve.fabric.Line([null!=(u=S.left)?u:0,(null!=(p=S.top)?p:0)+(null!=(g=S.height)?g:0),(null!=(b=S.left)?b:0)+(null!=(f=S.width)?f:0),(null!=(h=S.top)?h:0)+(null!=(m=S.height)?m:0)],{strokeWidth:w.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),k.push(new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(y=S.left)?y:0)+(null!=(v=S.width)?v:0)+(null!=(x=e.height)?x:0)*te/2-E,angle:90,startAngle:0,endAngle:360,scaleY:te})),new ve.fabric.Group(k)},pt=lt,gt=(e,t,n,r)=>{var a,o,_;const i=[],s=((e,t)=>{const n=Object.assign({},t,{borderRadius:0});return st(e,{},{},n)})(e,r);i.push(s);const l=(null!=(a=s.width)?a:0)/2-w.SIZES.BORDER_WIDTH/2;i.push(((e,t,n)=>{var r,a,o,_,i,s,l,c,d,u,p,g,b,f,h,m,y;const v=[],x=w.SIZES.BORDER_WIDTH,k=new ve.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+w.SIZES.BORDER_WIDTH,top:(null!=(a=e.top)?a:0)-14+x,width:(null!=(o=e.width)?o:0)-2*w.SIZES.BORDER_WIDTH,height:14});return v.push(k),v.push(new ve.fabric.Line([null!=(_=e.left)?_:0,null!=(i=e.top)?i:0,null!=(s=e.left)?s:0,null!=(l=k.top)?l:0],{strokeWidth:w.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new ve.fabric.Line([(null!=(c=e.left)?c:0)+(null!=(d=e.width)?d:0)-w.SIZES.BORDER_WIDTH,null!=(u=e.top)?u:0,(null!=(p=e.left)?p:0)+(null!=(g=e.width)?g:0)-w.SIZES.BORDER_WIDTH,null!=(b=k.top)?b:0],{strokeWidth:w.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,radius:t,top:(null!=(f=k.top)?f:0)-(null!=(h=e.width)?h:0)*ne/2,left:(null!=(m=k.left)?m:0)+ +(null!=(y=e.width)?y:0)-x,angle:90,startAngle:0,endAngle:360,scaleX:ne})),new ve.fabric.Group(v)})(s,l,r)),i.push(((e,t,n)=>{var r,a,o,_;return new ve.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH,radius:t,top:(null!=(r=e.top)?r:0)+(null!=(a=e.height)?a:0)-2*t*ne/2-w.SIZES.BORDER_WIDTH,left:(null!=(o=e.left)?o:0)+(null!=(_=e.width)?_:0),angle:90,startAngle:270,endAngle:90,scaleX:ne})})(s,l,r));const c={alias:null==(o=e.base_data)?void 0:o.alias,position:Le(null==(_=e.base_data)?void 0:_.alias,n)};return new Ze(e,t,c,n,i)},bt=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.component_type){let o;switch(t.component_type){case"Component":case"ComponentDb":case"ComponentQueue":o=((e,t,n,r)=>{const a={bgColor:y,borderColor:j,textColor:N},o=Object.assign({},a,r);if(e.component_type)switch(e.component_type){case"Component":return st(e,t,n,o);case"ComponentDb":return gt(e,t,n,o);case"ComponentQueue":return pt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{Component:t.component_type},n),r);break;case"Component_Ext":case"ComponentDb_Ext":case"ComponentQueue_Ext":o=((e,t,n,r)=>{const a={bgColor:k,borderColor:R,textColor:z},o=Object.assign({},a,r);if(e.component_type)switch(e.component_type){case"Component_Ext":return st(e,t,n,o);case"ComponentDb_Ext":return gt(e,t,n,o);case"ComponentQueue_Ext":return pt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{Component:t.component_type},n),r)}return a&&a.skipAddToCanvas||!o||null==e||e.add(o),o}},ft=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.container_type){let o;switch(t.container_type){case"Container":case"ContainerDb":case"ContainerQueue":o=((e,t,n,r)=>{const a={bgColor:m,borderColor:C,textColor:F},o=Object.assign({},a,r);if(e.container_type)switch(e.container_type){case"Container":return st(e,t,n,o);case"ContainerDb":return gt(e,t,n,o);case"ContainerQueue":return lt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{Container:t.container_type},n),r);break;case"Container_Ext":case"ContainerDb_Ext":case"ContainerQueue_Ext":o=((e,t,n,r)=>{const a={bgColor:x,borderColor:D,textColor:P},o=Object.assign({},a,r);if(e.container_type)switch(e.container_type){case"Container_Ext":return st(e,t,n,o);case"ContainerDb_Ext":return gt(e,t,n,o);case"ContainerQueue_Ext":return pt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{Container:t.container_type},n),r)}return a&&a.skipAddToCanvas||!o||null==e||e.add(o),o}},wt=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.deployment_node_type){var o;const _=((e,t,n,r,a)=>{const o={bgColor:S,borderColor:A,textColor:X},_=Object.assign({},o,a);return ot(e,t,n,r,_)})(t,Ee(t.base_data.alias,void 0,void 0,{DeploymentNode:t.deployment_node_type},n),n,r);return a&&a.skipAddToCanvas||!_||null==e||e.add(_,...ze(null!=(o=_.children)?o:[])),_}},ht=(e,t,n,r)=>{var a,o;const _=[],i=((e,t)=>{const n=Object.assign({},t,{borderRadius:ue});return st(e,{},{},n)})(e,r);_.push(i);const s=((e,t)=>{var n,r,a,o,_;const i=new ve.fabric.Circle({radius:pe,top:t.top,left:t.left,fill:e.bgColor,stroke:e.borderColor,strokeWidth:w.SIZES.BORDER_WIDTH});return i.left=(null!=(n=i.left)?n:0)+(null!=(r=t.getScaledWidth())?r:0)/2-(null!=(a=i.getScaledWidth())?a:0)/2,i.top=(null!=(o=i.top)?o:0)-(null!=(_=i.getScaledWidth())?_:0)+5,i})(r,i);_.push(s);const l={alias:null==(a=e.base_data)?void 0:a.alias,position:Le(null==(o=e.base_data)?void 0:o.alias,n)};return new Ze(e,t,l,n,_)},mt=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.person_type){let o;switch(t.person_type){case"Person":o=((e,t,n,r)=>{const a={bgColor:h,borderColor:O,textColor:L},o=Object.assign({},a,r);return ht(e,t,n,o)})(t,Ee(t.base_data.alias,void 0,void 0,{Person:t.person_type},n),r);break;case"Person_Ext":o=((e,t,n,r)=>{const a={bgColor:v,borderColor:T,textColor:M},o=Object.assign({},a,r);return ht(e,t,n,o)})(t,Ee(t.base_data.alias,void 0,void 0,{Person:t.person_type},n),r)}return a&&a.skipAddToCanvas||!o||null==e||e.add(o),o}};let yt=function(e){return e.Dot="DOT",e.Line="LINE",e.Text="TEXT",e.Triangle="TRIANGLE",e.Rectangle="RECTANGLE",e}({});class vt extends Ze{getUpdatedSpecs(){const e=super.getUpdatedSpecs();var t,n;return e&&(null==(t=this.canvas)||t.discardActiveObject(),delete e.position,delete e.size,e.shapes=[],null==(n=this.children)||n.forEach((t=>{const n=ve.fabric.util.object.clone(t);if(n.name===yt.Line||n.name===yt.Rectangle)e.shapes.push({position:{z_index:Ne(n.canvas,n)},shape_type:n.name});else{var r,a;let t=0,o=0;const _=n.angle;if(n.name===yt.Text)t=n.getCenterPoint().x,o=n.getCenterPoint().y;else if(n.name===yt.Dot||n.name===yt.Triangle){n.name===yt.Triangle&&n.rotate(de);const e=Ot(this.canvas,n.left,n.top,n.name===yt.Triangle,_,n.scaleX,n.scaleY,!0);t=e.left,o=e.top}const i={position:{left:t,top:o,z_index:Ne(n.canvas,n)},size:{scale_x:null!=(r=n.scaleX)?r:1,scale_y:null!=(a=n.scaleY)?a:1},shape_type:n.name};n.name===yt.Triangle&&(i.position.angle=_),e.shapes.push(i)}}))),e}}const xt=e=>{var t;e.children=null==(t=e.children)?void 0:t.sort(((e,t)=>e.name===yt.Rectangle||e.name===yt.Line&&t.name!==yt.Rectangle?-1:t.name===yt.Rectangle||e.name!==yt.Rectangle&&t.name===yt.Line?1:e.name===t.name?0:1))},kt=e=>{const t=e.parent;let n,r=1;const a=e.canvas;if(t&&a){const i=[],s=[];if(t.children){var o,_;t.children.forEach((e=>{if(e.name===yt.Triangle&&(n=e),e.name===yt.Dot||e.name===yt.Triangle){var t;s.push(e),r=null!=(t=e.scaleX)?t:1;const n=e.getPointByOrigin("center","center"),a=new Xe(n.x,n.y,e.name);i.push(a)}}));let l=t.children.findIndex((e=>e.name===yt.Line));void 0!==l&&l>-1&&t.children.splice(l,1);const c=Ne(a,e),d=null==(o=e.data)?void 0:o.rawDiagramElementSpec;a.remove(e);const u=Dt(d,i,t,r);a.add(u),c&&u.moveTo(c),l=t.children.findIndex((e=>e.name===yt.Rectangle));const p=t.children[l],g=Ne(a,p),b=null==(_=p.data)?void 0:_.rawDiagramElementSpec;a.remove(p),void 0!==l&&l>-1&&t.children.splice(l,1);const f=Rt(b,s,t,a);a.add(f),g&&f.moveTo(g),n&&St(i,n)}}},Et=e=>{const t=e.findIndex((e=>e.customType===yt.Triangle)),n=e[t],r=e[t>0?t-1:t+1];return 180*Math.atan2(n.y-r.y,n.x-r.x)/Math.PI+90},St=(e,t)=>{let n;e&&(n=Et(e),t.rotate(n))},Ot=(e,t,n,r,a=de,o=1,_=1,i)=>{var s;const l=null!=(s=null==e?void 0:e.getZoom())?s:1,c=Ue(e);let d=t,u=n;if(r){const e=le*o/2+ce*o/2,t=le*_/2+ce*_/2;i?(d-=e,u+=t):(d+=e,u-=t)}else{const e=se*o*2+ce*o/2,t=se*_+ce*_/2;i?(d+=e,u+=t):(d-=e,u-=t)}return i||(d=(d-c.panX)/l,u=(u-c.panY)/l),{left:d,top:u,angle:a}},Ct=(e,t)=>{let n=[];if(null!=e&&e.shapes)null==e||e.shapes.forEach((e=>{var t,r;if((e.shape_type===yt.Dot||e.shape_type===yt.Triangle)&&void 0!==(null==(t=e.position)?void 0:t.left)&&void 0!==(null==(r=e.position)?void 0:r.top)){const t=new Xe(e.position.left,e.position.top,e.shape_type);t.data={rawDiagramElementSpec:e},n.push(t)}}));else{var r,a;let o;o=null!=e&&e.alias&&null!=(r=t[e.alias])&&r.start&&null!=(a=t[e.alias])&&a.end?[new Xe(t[e.alias].start.x,t[e.alias].start.y,yt.Dot),new Xe(t[e.alias].end.x,t[e.alias].end.y,yt.Triangle)]:[new Xe(w.SIZES.DEFAULT_LEFT,w.SIZES.DEFAULT_TOP,yt.Dot),new Xe(100+w.SIZES.DEFAULT_LEFT,w.SIZES.DEFAULT_TOP,yt.Triangle)],n=n.concat(o)}return n},jt=(e,t)=>{const n=[];for(let i=0;i<e.length;i++){var r,a,o,_;n.push(Tt(void 0,e[i],e[i].customType===yt.Triangle?null!=(r=null==(a=e[i].data)||null==(a=a.rawDiagramElementSpec)||null==(a=a.position)?void 0:a.angle)?r:Et(e):void 0,e[i].customType===yt.Triangle,t,!0,null==(o=e[i].data)||null==(o=o.rawDiagramElementSpec)||null==(o=o.size)?void 0:o.scale_x,null==(_=e[i].data)||null==(_=_.rawDiagramElementSpec)||null==(_=_.size)?void 0:_.scale_y))}return n},Tt=(e,t,n,r,a,o=!0,_=1,i=1)=>{const{left:s,top:l,angle:c}=Ot(e,t.x,t.y,r,n,_,i,!1);if(r){var d,u;const e=new ve.fabric.Triangle({left:s,top:l,width:le,height:le,fill:re,scaleX:_,scaleY:i,hasControls:!1,name:yt.Triangle,angle:de});return e.rotate(c),e.data={rawDiagramElementSpec:null==(d=t.data)?void 0:d.rawDiagramElementSpec},e.parent=a,o&&(null==(u=a.children)||u.push(e)),Nt(e),e}{var p,g;const e=new ve.fabric.Circle({left:s,top:l,radius:se,fill:re,scaleX:_,scaleY:i,hasControls:!1,name:yt.Dot});return e.data={rawDiagramElementSpec:null==(p=t.data)?void 0:p.rawDiagramElementSpec},e.parent=a,o&&(null==(g=a.children)||g.push(e)),Nt(e),e}},Dt=(e,t,n,r=1)=>{var a,o;const _=null==e||null==(a=e.shapes)?void 0:a.filter((e=>e.shape_type===yt.Line))[0],i=new ve.fabric.Polyline(t,{stroke:re,fill:"",strokeWidth:ce*r,scaleX:1,scaleY:1,name:yt.Line});return i.data={rawDiagramElementSpec:_},i.parent=n,Lt(i),null==(o=n.children)||o.push(i),i},Rt=(e,t,n,r)=>{var a,o,_;const i=null==e||null==(a=e.shapes)?void 0:a.filter((e=>e.shape_type===yt.Rectangle))[0],s=Fe(t,!1),l=Ue(r),c=null!=(o=null==r?void 0:r.getZoom())?o:1;s.left&&s.top&&(s.left=(s.left-l.panX)/c,s.top=(s.top-l.panY)/c),s.width&&s.height&&(s.width=s.width/c,s.height=s.height/c);const d=new ve.fabric.Rect({stroke:"",fill:"",name:yt.Rectangle,left:s.left,top:s.top,width:s.width,height:s.height});return d.data={rawDiagramElementSpec:i},d.parent=n,Ft(d),null==(_=n.children)||_.push(d),d},It=(e,t,n,r,a)=>{var o,_,i,s,l,c,d,u;let p,g=1,b=1;var f,h,m,y;null!=t&&t.shapes&&(p=t.shapes.filter((e=>e.shape_type===yt.Text))[0],p&&(g=null!=(f=null==(h=p.size)?void 0:h.scale_x)?f:1,b=null!=(m=null==(y=p.size)?void 0:y.scale_y)?m:1));const v=[],x={fontFamily:w.FONT.FAMILY,fill:ae};if(null!=(o=e.base_data)&&o.label){var k,E,S,O,C;const t=new ve.fabric.Text(e.base_data.label,Object.assign({},x,{fontSize:oe,fontWeight:"bold"}));t.top=e.technology?-(null!=(k=t.height)?k:0):-(null!=(E=t.height)?E:0)/2,t.left=(null!=(S=n.width)?S:0)/2-(null!=(O=t.width)?O:0)/2-(null!=(C=r[0].width)?C:0)/2,v.push(t)}if(e.technology){var j,T,D;const t=new ve.fabric.Text(`[${e.technology}]`,Object.assign({},x,{fontSize:_e}));t.left=(null!=(j=n.width)?j:0)/2-(null!=(T=t.width)?T:0)/2-(null!=(D=r[0].width)?D:0)/2,v.push(t)}const R=new ve.fabric.Group(v),I=R.getBoundingRect(),A=new ve.fabric.Rect({top:I.top-ie,left:I.left-ie,width:I.width+2*ie,height:I.height+2*ie,fill:"white"}),L=new ve.fabric.Group([A,R],{name:yt.Text,hasControls:!1,left:(null!=(_=n.left)?_:0)+(null!=(i=n.width)?i:0)/2-(null!=(s=A.width)?s:0)/2,top:(null!=(l=n.top)?l:0)+(null!=(c=n.height)?c:0)/2-(null!=(d=A.height)?d:0)/2,scaleX:g,scaleY:b});var F,N;return L.data={rawDiagramElementSpec:p},L.parent=a,null==(u=a.children)||u.push(L),p&&void 0!==(null==(F=p.position)?void 0:F.left)&&void 0!==(null==(N=p.position)?void 0:N.top)&&L.setPositionByOrigin(new ve.fabric.Point(p.position.left,p.position.top),"center","center"),L},At=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,a,o,s;const e=t.parent,n=Pe(null==(r=t.canvas)?void 0:r.getActiveObjects());let c;if(null==(a=t.canvas)||a.discardActiveObject(),n.filteredObjects.length>0||n.virtualGroupsRoots.size>1){let e=n.filteredObjects;n.virtualGroupsRoots.forEach((t=>{var n;return e=e.concat(ze(null!=(n=t.children)?n:[],!1))})),c=new ve.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var l;c=new Be([...null!=(l=e.children)?l:[]],{canvas:t.canvas}),c.parent=t.parent,c.on(_,(t=>{zt(c.canvas,t,c,e)})),c.on(i,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(i)}))}null==(o=t.canvas)||o.setActiveObject(c),null==(s=t.canvas)||s.requestRenderAll()}},Lt=e=>{const t=e.parent;e.on(s,(t=>{At(t,e)})),e.on(_,(n=>{zt(e.canvas,n,e,t)}))},Ft=e=>{const t=e.parent;e.on(s,(t=>{At(t,e)})),e.on(_,(n=>{zt(e.canvas,n,e,t)}))},Nt=e=>{const t=e.parent;e.on("moving",(e=>{Mt(e)})),e.on(_,(n=>{zt(e.canvas,n,e,t)}))},Mt=e=>{var t;if(null!=(t=e.transform)&&t.target){const t=e.transform.target.parent;if(t){var n;const e=null==(n=t.children)?void 0:n.filter((e=>e.name===yt.Line))[0];e&&kt(e)}}},Pt=(e,t,n)=>e.isReadOnly()?[]:n instanceof ve.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"relationshipContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"addPoint",label:"Add point",onClick:()=>{((e,t)=>{const n=e.canvas;if(t.pointer&&n){const r=e.getObjects().filter((e=>e.name===yt.Line))[0],a=e.getObjects().filter((e=>e.name===yt.Dot))[0];n.discardActiveObject();const o=r.parent;if(o){const e=new Xe(t.pointer.x,t.pointer.y,yt.Dot),_=Tt(n,e,void 0,!1,o,!1,a.scaleX,a.scaleY);((e,t)=>{const n=e.parent;if(n){var r;let a,o;const _=[];null==(r=n.children)||r.forEach((e=>{e.name===yt.Text?a=e:e.name===yt.Rectangle?o=e:e.name!==yt.Dot&&e.name!==yt.Triangle||_.push(e)})),_.push(t),_.sort(((e,t)=>e.getCenterPoint().x-t.getCenterPoint().x)),n.children=_,n.children.push(e),a&&n.children.push(a),o&&n.children.push(o)}})(r,_),n.add(_),kt(r)}}})(n,t)}},{id:"separatorCommon",isSepator:!0},...We(e,t,n,!1)]}]:n.name===yt.Dot?[{isHeaderMenuItem:!0,id:"dotContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"removePoint",label:"Remove point",onClick:()=>{(e=>{const t=e.parent;if(t&&e.canvas){var n;const _=null==(n=t.children)?void 0:n.filter((e=>e.name===yt.Dot||e.name===yt.Triangle));if(void 0!==_&&_.length>2){var r,a;const n=null==(r=t.children)?void 0:r.filter((e=>e.name===yt.Line))[0],_=null==(a=t.children)?void 0:a.findIndex((t=>t.getCenterPoint().eq(e.getCenterPoint())));var o;void 0!==_&&_>-1&&(null==(o=t.children)||o.splice(_,1)),e.canvas.remove(e),kt(n)}}})(n)}}]}]:[],zt=(e,t,n,r)=>{n.name!==yt.Line&&n.name!==yt.Rectangle&&e&&r.onComponentMouseUp(e,t,n,Pt(e,t,n))},Ut=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.relationship_type){var o;const _=((e,t,n)=>{var r,a,o,_;const i={alias:null==(r=e.base_data)?void 0:r.alias};let s=1;const l=null==(a=t.shapes)?void 0:a.filter((e=>e.shape_type===yt.Dot));l&&l.length>0&&(s=null!=(o=null==(_=l[0].size)?void 0:_.scale_x)?o:1);const c=new vt(e,t,i,n,[],{visible:!1,selectable:!1},void 0,void 0,!0),d=Ct(t,n),u=jt(d,c),p=u.map((e=>new Xe(e.getCenterPoint().x,e.getCenterPoint().y,e.name))),g=Dt(t,p,c,s);return Rt(t,u,c,void 0),It(e,t,g,u,c),xt(c),c})(t,Ee(t.base_data.alias,t.from,t.to,{Relationship:t.relationship_type},n),r);return a&&a.skipAddToCanvas||!_||null==e||e.add(_,...null!=(o=_.children)?o:[]),_}},Xt=(e,t,n,r,a)=>{if(t.base_data&&t.base_data.alias&&t.system_type){let o;switch(t.system_type){case"System":case"SystemDb":case"SystemQueue":o=((e,t,n,r)=>{const a={bgColor:h,borderColor:O,textColor:L},o=Object.assign({},a,r);if(e.system_type)switch(e.system_type){case"System":return st(e,t,n,o);case"SystemDb":return gt(e,t,n,o);case"SystemQueue":return pt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n),r);break;case"System_Ext":case"SystemDb_Ext":case"SystemQueue_Ext":o=((e,t,n,r)=>{const a={bgColor:v,borderColor:T,textColor:M},o=Object.assign({},a,r);if(e.system_type)switch(e.system_type){case"System_Ext":return st(e,t,n,o);case"SystemDb_Ext":return gt(e,t,n,o);case"SystemQueue_Ext":return pt(e,t,n,o)}})(t,Ee(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n),r)}return a&&a.skipAddToCanvas||!o||null==e||e.add(o),o}},Bt=(e,t,n)=>{if(e&&n){var r,a,o,_;e.diagramListener=t,e.autoLayoutEnabled=null==(r=n.diagram_spec)?void 0:r.auto_layout_enabled,e.autoLayoutOrientation=null==(a=n.diagram_spec)?void 0:a.auto_layout_orientation;const i=Yt(e,null==(o=n.diagram_plantuml)?void 0:o.elements,n.diagram_spec,null!=(_=n.auto_layout)?_:{});return Zt(i),i}},Yt=(e,t,n,r,a)=>{const o=[];if(n){if(!a||!a.skipLegendRendering){const t=Ve(Ee(Ge,void 0,void 0,void 0,n));t&&(o.push(t),null==e||e.add(t))}if(t)for(const _ of t)if(Ce(_)){const t=_t(e,Ce(_),n,r,a);t&&o.push(t)}else if(je(_)){const t=bt(e,je(_),n,r,a);t&&o.push(t)}else if(Te(_)){const t=ft(e,Te(_),n,r,a);t&&o.push(t)}else if(De(_)){const t=wt(e,De(_),n,r,a);t&&o.push(t)}else if(Re(_)){const t=mt(e,Re(_),n,r,a);t&&o.push(t)}else if(Ie(_)){const t=Ut(e,Ie(_),n,r,a);t&&o.push(t)}else if(Ae(_)){const t=Xt(e,Ae(_),n,r,a);t&&o.push(t)}}return o},Zt=(e,t)=>{e.forEach((e=>{let n=function(e){let t;var n,r;return t=e.isVirtualGroupParent()?null==(n=e.data)||null==(n=n.rawDiagramElementSpec)||null==(n=n.shapes)||null==(n=n.reduce(((e,t)=>{var n,r;return void 0===(null==(n=e.position)?void 0:n.z_index)?t:(void 0===(null==(r=t.position)?void 0:r.z_index)||(t.position.z_index,e.position.z_index),e)})).position)?void 0:n.z_index:null==(r=e.data)||null==(r=r.rawDiagramElementSpec)||null==(r=r.position)?void 0:r.z_index,t}(e);var r;n&&(t&&n<=t&&(n=t+1,t++),e.moveTo(n)),e.isVirtualGroupParent()&&Zt(e.children,null!=(r=n)?r:Ne(e.canvas,e.children[0]))}))};var Wt=n(689),$t=n.n(Wt),Ht=n(709);const Gt=require("react-resize-detector"),qt=require("react-toastify");var Vt=n(997);const Qt="text-5xl text-dark-primary hover:text-third",Jt="text-2xl text-dark-primary hover:text-third",Kt=$t().memo((e=>{const{canvas:t}=e;return(0,Vt.jsxs)("div",{className:"absolute bottom-0 left-0 z-[1] scale-[85%] opacity-20 transition hover:scale-[100%] hover:opacity-100 flex flex-row mx-2",children:[(0,Vt.jsx)("div",{className:"flex flex-col",children:(0,Vt.jsx)(xe.hU,{className:`${Qt} !my-auto`,icon:it.faCaretLeft,onClick:()=>null==t?void 0:t.panLeft()})}),(0,Vt.jsxs)("div",{className:"flex flex-col",children:[(0,Vt.jsx)(xe.hU,{className:Qt,icon:it.faCaretUp,onClick:()=>null==t?void 0:t.panDown()}),(0,Vt.jsxs)("div",{children:[(0,Vt.jsx)(xe.hU,{className:`${Jt} ml-1`,icon:it.faMagnifyingGlassPlus,onClick:()=>null==t?void 0:t.zoomIn()}),(0,Vt.jsx)(xe.hU,{className:`${Jt} mx-2 !text-xl`,icon:it.faRotateLeft,onClick:()=>{null==t||t.resetZoom(),null==t||t.resetPan()}}),(0,Vt.jsx)(xe.hU,{className:`${Jt} mr-1`,icon:it.faMagnifyingGlassMinus,onClick:()=>null==t?void 0:t.zoomOut()})]}),(0,Vt.jsx)(xe.hU,{className:Qt,icon:it.faCaretDown,onClick:()=>null==t?void 0:t.panUp()})]}),(0,Vt.jsx)("div",{className:"flex flex-col",children:(0,Vt.jsx)(xe.hU,{className:`${Qt} !my-auto`,icon:it.faCaretRight,onClick:()=>null==t?void 0:t.panRight()})})]})})),en=require("@tauri-apps/api"),tn=require("fontfaceobserver");var nn=n.n(tn),rn=n(197);const an=e=>{const{t}=(0,Ht.useTranslation)(),[n,r]=(0,Wt.useState)(e.enabled),[o,_]=(0,Wt.useState)(e.orientation);return(0,Vt.jsxs)("div",{children:[(0,Vt.jsxs)("div",{className:"modal__body",children:[(0,Vt.jsxs)("div",{className:"flex flex-col",children:[(0,Vt.jsxs)("div",{className:"flex flex-row",children:[(0,Vt.jsxs)("span",{children:[t("common.status"),"*:"]}),(0,Vt.jsx)(xe.Y8,{id:"autolayout-status",className:"ml-5",value:n,options:[{label:t("common.enabled"),value:!0},{label:t("common.disabled"),value:!1}],onChange:e=>{r(e)}})]}),(0,Vt.jsxs)("span",{className:"text-sm text-orange-500 mt-2 "+(!e.enabled&&n?"block":"hidden"),children:[(0,Vt.jsx)(rn.FontAwesomeIcon,{icon:it.faWarning,className:"mr-1 text-yellow-500"}),t("diagram_editor.warning_enable_autolayout")]})]}),(0,Vt.jsx)(xe.Ph,{id:"autolayout-orientation-selector",label:`${t("common.orientation")}*`,className:"mt-8",value:o,options:a.map((e=>({label:e,value:e}))),onChange:e=>_(e.target.value)})]}),(0,Vt.jsx)("div",{className:"modal__footer",children:(0,xe.Q4)([{key:"button-cancel",children:(0,Vt.jsx)("span",{children:t("common.cancel")}),"data-te-modal-dismiss":!0},{key:"button-save",children:(0,Vt.jsx)("span",{children:t("common.save")}),onClick:function(){e.onAutoLayoutConfigured(n,o),e.hideModal()}}])})]})},on=["auto_layout"],_n=["auto_layout"],sn=(0,Wt.forwardRef)(((e,t)=>{const{readOnly:n,diagram:a,diagramListener:_,diagramDesignViewToolbarCommands:i,saveDiagram:s}=e,{t:l}=(0,Ht.useTranslation)(),c=(0,Wt.useRef)(),d=(0,Wt.useRef)(null),u=(0,Wt.useRef)(null),{ref:p}=(0,Gt.useResizeDetector)(),g=(0,Wt.useRef)(),b=(0,Wt.useRef)(!1),f=(0,Wt.useRef)(!1),h=(0,Wt.useRef)(!1),[m,y]=(0,Wt.useState)([]),[v,x]=(0,Wt.useState)([]),{modal:k,showModal:E,hideModal:S}=(0,xe.dd)();let O=g.current,C=a;function j(){b.current=!0,n||function(){if(!h.current){const e=L();e&&(console.debug("Save history"),y((t=>[...t,e])))}}()}function T(t){const n={fireRightClick:!0,fireMiddleClick:!0,stopContextMenu:!0,backgroundColor:"white",readOnly:e.readOnly,enableSnapToGrid:!0},r=new xe.T4(d.current,n);r.on("object:added",j),r.on("object:removed",j),r.on(o,j),r.on("mouse:down",(()=>f.current=!0)),r.on("mouse:out",(()=>f.current=!1)),b.current=!1,t&&(r.setZoom(t.zoom),r.relativePan(new ve.fabric.Point(t.pan.panX,t.pan.panY))),c.current=r}function D(){c.current&&(c.current.dispose(),c.current=void 0)}function R(e){D(),T(e)}function I(){var e,t;return{zoom:null!=(e=null==(t=c.current)?void 0:t.getZoom())?e:1,pan:Ue(c.current)}}async function A(){var e;if(null!=(e=g.current)&&e.diagram_name&&g.current.diagram_type&&c.current){const e="png";console.debug(`Exporting to ${e}`);const t=c.current.viewportTransform;c.current.viewportTransform=ve.fabric.iMatrix.slice(0);let{width:n,height:r,left:a,top:o}=Fe(c.current.getObjects());n&&r&&a&&o&&(n+=50,r+=50,a-=25,o-=25),await async function(e,t,n,r){return(0,en.invoke)("export_diagram_to_file",{diagramDataUrl:n,format:r,diagramName:e,diagramType:t})}(g.current.diagram_name,g.current.diagram_type,c.current.toDataURL({format:e,enableRetinaScaling:!0,width:n,height:r,left:a,top:o}),e).then((e=>qt.toast.success(l("common.info.diagram_exported",{pathExportedDiagram:e})))).catch((e=>qt.toast.success(e.msg))),c.current.viewportTransform=t}}function L(){if(g.current&&g.current.diagram_plantuml&&g.current.diagram_spec&&g.current.diagram_name&&g.current.diagram_type){var e,t;const n=void 0!==(null==(e=c.current)?void 0:e.autoLayoutEnabled)?c.current.autoLayoutEnabled:g.current.diagram_spec.auto_layout_enabled;let r=[];return n||(r=(e=>{const t=Array();return e&&e.getObjects().forEach((e=>{if(e instanceof Ze){const n=e.getUpdatedSpecs();n&&t.push(n)}})),t})(c.current)),Object.assign({},g.current.diagram_spec,{auto_layout_enabled:n,auto_layout_orientation:void 0!==(null==(t=c.current)?void 0:t.autoLayoutOrientation)?c.current.autoLayoutOrientation:g.current.diagram_spec.auto_layout_orientation,elements_specs:r})}}function F(){return b.current}function N(){var e;return!(null==(e=g.current)||!e.diagram_spec)&&g.current.diagram_spec.auto_layout_enabled}function M(){var e;return null!=(e=g.current)&&e.diagram_spec?g.current.diagram_spec.auto_layout_orientation:"TopToBottom"}function P(e,t){c.current&&g.current&&!n&&E({id:"showAutoLayoutConfigurationModal",title:`${l("diagram_editor.configure_auto_layout")}`,body:(0,Vt.jsx)(an,{enabled:e,orientation:t,hideModal:S,onAutoLayoutConfigured:(e,t)=>{c.current&&g.current&&!n&&(c.current.autoLayoutEnabled=e,c.current.autoLayoutOrientation=t,b.current=!0,s&&s())}}),buttons:!1})}function z(){var t,n;null!=(t=g.current)&&t.diagram_spec&&c.current&&!e.readOnly&&(null!=(n=g.current)&&n.diagram_spec.auto_layout_enabled?c.current.setReadOnly():c.current.setReadAndWrite())}function U(e){console.debug("Load history"),c.current&&(R(I()),z(),Bt(c.current,_,Object.assign({},g.current,{diagram_spec:e})),c.current.renderAll(),b.current=!0),console.debug("Load history completed")}function X(){if(h.current=!0,Y()){const e=m[m.length-1],t=m[m.length-2];g.current&&e&&t&&(console.debug("Undo design view"),y((e=>e.filter(((t,n)=>n!==e.length-1)))),x((t=>[...t,e])),U(t))}h.current=!1}function B(){if(console.debug("Redo design view"),h.current=!0,Z()){const e=v[v.length-1];e&&(x((e=>e.filter(((t,n)=>n!==e.length-1)))),y((t=>[...t,e])),U(e))}h.current=!1}function Y(){return!n&&m.length>1}function Z(){return!n&&v.length>0}return O&&(O=(0,r.Z)(O,on)),C&&(C=(0,r.Z)(C,_n)),(0,ke.B6)(O,C)||(g.current=a),(0,Wt.useImperativeHandle)(t,(()=>({resetCanvas:R,getCanvasState:I,exportDiagram:A,getUpdatedDiagramSpec:L,isDiagramChanged:F,undo:X,redo:B,canUndo:Y,canRedo:Z,isAutoLayoutEnabled:N,autoLayoutOrientation:M,updateAutoLayoutOptions:P}))),(0,Wt.useLayoutEffect)((()=>{var e,t,n,r,a,o,_;console.debug("Diagram Design View changed layout"),d.current&&null!=(e=u.current)&&e.clientWidth&&null!=(t=u.current)&&t.clientHeight&&(console.debug("Canvas resize"),d.current.parentElement&&(d.current.parentElement.style.display="none"),null==(n=c.current)||n.setWidth(null==(r=u.current)?void 0:r.getBoundingClientRect().width),null==(a=c.current)||a.setHeight(null==(o=u.current)?void 0:o.getBoundingClientRect().height),d.current.parentElement&&(d.current.parentElement.style.display="flex"),null==(_=c.current)||_.renderAll())})),(0,Wt.useEffect)((()=>(new(nn())(w.FONT.FAMILY).load(null,36e4).then((function(){c.current&&(function(e){e.getObjects().forEach((e=>e.set("dirty",!0)))}(c.current),c.current.renderAll())})),d.current&&!c.current&&T(),()=>{D()})),[]),(0,Wt.useEffect)((()=>{function e(e){n||"Z"!==e.key.toUpperCase()&&"Y"!==e.key.toUpperCase()||!e.ctrlKey&&!e.metaKey||!f.current||(e.preventDefault(),"Z"===e.key.toUpperCase()?X():"Y"===e.key.toUpperCase()&&B())}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[n,m,v]),(0,Wt.useEffect)((()=>{var e;c.current&&g.current&&(h.current=!0,console.debug("Rendering the diagram"),z(),Bt(c.current,_,g.current),c.current.renderAll(),b.current=!1,h.current=!1,n||(console.debug("Init history"),h.current=!1,null!=(e=g.current)&&e.diagram_spec&&y([g.current.diagram_spec]),x([])))}),[g.current]),(0,Wt.useEffect)((()=>{var e;!n&&i&&(console.debug("Update design toolbar"),null==(e=i.current)||e.forceUpdate())}),[n,m,v,i]),(0,Vt.jsxs)("div",{className:"relative h-full w-full border",ref:p,children:[k,(0,Vt.jsx)(Kt,{canvas:c.current}),(0,Vt.jsx)("div",{className:"h-full w-full flex-row flex-wrap",ref:u,children:(0,Vt.jsx)("canvas",{ref:d})})]})}))},357:(e,t,n)=>{n.d(t,{xV:()=>b,h_:()=>p,_A:()=>v,hU:()=>A,T4:()=>O,Y8:()=>Z,Ph:()=>Y,Q4:()=>P,bs:()=>y,dd:()=>X});var r=n(420),a=n.n(r),o=n(689),_=n.n(o);require("react-router-dom"),n(709);var i=n(997);a().addPluralRule(/Person/,"Persons");var s=n(466),l=n(197);const c="hide.te.dropdown",d="show.te.dropdown",u=_().memo((e=>{var t;const n=(0,o.useRef)(null),[r,a]=(0,o.useState)(!1);function _(e){let t;return t=e.isSepator?(0,i.jsx)("li",{className:"relative",children:(0,i.jsx)("span",{className:"bg-third my-1 block h-px w-full"})},e.id):(0,i.jsxs)("li",{className:"relative",children:[(0,i.jsxs)("button",{disabled:void 0!==e.disabled&&e.disabled,id:e.id,className:"\n            hover:bg-link\n            flex\n            w-full\n            items-center\n            whitespace-nowrap\n            px-4\n            py-1\n            text-left\n            text-sm\n            hover:text-white\n          ","data-te-dropdown-item-ref":!0,onClick:t=>{e.onClick&&e.onClick(t)},children:[e.subMenuItems&&e.subMenuItems.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"mr-16 basis-11/12 pr-1",children:e.label}),(0,i.jsx)("span",{className:"basis-1/12 text-right",children:(0,i.jsx)(l.FontAwesomeIcon,{icon:s.faAngleRight})})]}),(!e.subMenuItems||0===e.subMenuItems.length)&&e.label]}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id),t}function u(e,t,n){const r=[];if(n&&n.length>0){for(const e of n)r.push(_(e));return(0,i.jsx)("ul",{className:`\n            bg-secondary\n            text-accent-primary\n            absolute\n            z-50\n            m-0\n            w-auto\n            min-w-max\n            list-none\n            rounded-md\n            border-none\n            bg-clip-padding\n            py-2\n            shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n            [&[data-te-dropdown-show]]:block\n            ${e?" dropdown-menu float-left hidden origin-top-left":" right-px top-0"}\n          `,id:`menu-${t}`,"aria-hidden":"true","aria-labelledby":t,"data-te-dropdown-menu-ref":!0,children:r})}return(0,i.jsx)("div",{"data-te-dropdown-menu-ref":!0})}const p=t=>{e.increaseOpenedMenu&&e.setLastOpenedMenu&&e.decreaseOpenedMenu&&(t.type===d?(a(!0),e.increaseOpenedMenu(),e.setLastOpenedMenu(e.id)):(a(!1),e.decreaseOpenedMenu()))};return(0,o.useEffect)((()=>{const t=n.current;return null==t||t.addEventListener(c,p),null==t||t.addEventListener(d,p),(e.alwaysOpen&&!r||e.lastOpenedMenu!==e.id&&r)&&(null==t||t.dispatchEvent(new MouseEvent("click"))),()=>{null==t||t.removeEventListener(c,p),null==t||t.removeEventListener(d,p)}})),(0,i.jsxs)("div",{className:`relative ${null!=(t=e.className)?t:""}`,"data-te-dropdown-ref":!0,children:[(0,i.jsx)("button",{className:`\n        ${r?"":" bg-dark-primary text-accent-primary"}       \n        hover:bg-primary\n        flex\n        items-center\n        whitespace-nowrap\n        rounded-md\n        px-2\n        py-0.5\n        text-sm hover:text-white\n        hover:shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n        focus:outline-none\n        focus:ring-0\n        ${r?" bg-primary show text-white":""}\n        ${e.hidden?" h-0 opacity-0":""}\n        ${e.buttonClassName?` ${e.buttonClassName}`:""}\n      `,type:"button",id:e.id,"aria-expanded":"false",ref:n,"data-te-dropdown-toggle-ref":!0,"data-te-dropdown-animation":"off",onMouseEnter:t=>{e.atLeastOneOpenedMenu&&e.atLeastOneOpenedMenu()&&!r&&t.target.dispatchEvent(new MouseEvent("click"))},children:e.label}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id)})),p=_().memo((e=>{var t;const[n,r]=(0,o.useState)(0),[a,_]=(0,o.useState)("");function s(){r((e=>e+1))}function l(){r((e=>e-1))}function c(){return n>0}return(0,i.jsx)("div",{className:`dropdown-menu group flex ${c()?"open":""} ${null!=(t=e.className)?t:""}`,children:function(){const t=[];if(e.menuItemsProps&&e.menuItemsProps.length>0)for(const n of e.menuItemsProps)t.push((0,o.createElement)(u,Object.assign({},n,{key:n.id,increaseOpenedMenu:s,decreaseOpenedMenu:l,atLeastOneOpenedMenu:c,lastOpenedMenu:a,setLastOpenedMenu:_})));return t}()})})),g=p,b=()=>{const{anchorPoint:e,show:t,contextMenuItems:n}=(()=>{const[e,t]=(0,o.useState)({x:0,y:0}),[n,r]=(0,o.useState)(!1),[a,_]=(0,o.useState)([]),i=(0,o.useCallback)((e=>{if(e.preventDefault(),(n=e)instanceof CustomEvent&&n instanceof CustomEvent&&Object.keys(n.detail).includes("menuItems")){const n=e.detail.pageX,a=e.detail.pageY;_(e.detail.menuItems),t({x:n,y:a}),r(!0)}var n}),[r,t]),s=(0,o.useCallback)((()=>n?r(!1):null),[n]);return(0,o.useEffect)((()=>(document.addEventListener("click",s),document.addEventListener("contextmenu",i),()=>{document.removeEventListener("click",s),document.removeEventListener("contextmenu",i)}))),{anchorPoint:e,show:n,contextMenuItems:a}})(),r=(0,o.useRef)(),[a,_]=(0,o.useState)((0,i.jsx)(i.Fragment,{}));return r.current!==t&&(r.current=t),(0,o.useEffect)((()=>{void 0!==r.current&&(r.current?_((0,i.jsx)("div",{hidden:!t,className:"context-menu absolute",style:{top:e.y,left:e.x},children:(0,i.jsx)(g,{menuItemsProps:n})})):_((0,i.jsx)(i.Fragment,{})))}),[r.current]),a},f=require("js-cookie");var w=n.n(f);const h=require("react-ga4");var m=n.n(h);function y(e){const{initTE:t,initGA:n}=e,[r,a]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{(async()=>{t&&await t(),n&&function(e,t){var n;let r=w().get("CookieConsent");r=null==(n=r)?void 0:n.replace(/{/gi,'{"').replace(/:/gi,'":').replace(/,/gi,',"').replace(/'/gi,'"'),!e&&r&&JSON.parse(r).statistics&&({NX_HEAD:"dfced0f2c89cfacabe7da64f834867f0cc23e678",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"2d87055f8c427c7c206d88aff4aa1c7bdc24f144",NX_BUILD_LIBS_FROM_SOURCE:"true",NX_BUILD_TARGET:"mina-react:build-code",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID&&m().initialize([{trackingId:{NX_HEAD:"dfced0f2c89cfacabe7da64f834867f0cc23e678",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"2d87055f8c427c7c206d88aff4aa1c7bdc24f144",NX_BUILD_LIBS_FROM_SOURCE:"true",NX_BUILD_TARGET:"mina-react:build-code",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID,gtagOptions:{anonymize_ip:!0,send_page_view:!1}}]),t(!0)),e&&(console.debug(`Logging pageview for ${window.location.pathname}`),m().send({hitType:"pageview",page:window.location.pathname}))}(r,a)})()}),[r,n,t]),{isGAInitialized:r}}const v={CONTEXT_MENU:"contextmenu"},x={LEFT_CLICK:1,MIDDLE_CLICK:2,RIGHT_CLICK:3};var k=n(629);const E="idle",S="panning";class O extends k.fabric.Canvas{constructor(e,t){super(e,t),j(this),T(this)}initialize(e,t){return j(this),T(this),!0===(null==t?void 0:t.readOnly)&&this.setReadOnly(),!0===(null==t?void 0:t.enableSnapToGrid)&&function(e,t){const n=null!=t?t:5;e.on("object:moving",(e=>{var t,r,a;null==(t=e.target)||t.set({left:Math.round((null!=(r=e.target.left)?r:0)/n)*n,top:Math.round((null!=(a=e.target.top)?a:0)/n)*n})}))}(this,t.gridSize),super.initialize(e,t)}isReadOnly(){return!k.fabric.Object.prototype.selectable&&k.fabric.Object.prototype.lockMovementX&&k.fabric.Object.prototype.lockMovementY&&k.fabric.Object.prototype.lockRotation&&k.fabric.Object.prototype.lockScalingFlip&&k.fabric.Object.prototype.lockScalingX&&k.fabric.Object.prototype.lockScalingY&&k.fabric.Object.prototype.lockSkewingX&&k.fabric.Object.prototype.lockSkewingY}setReadOnly(){k.fabric.Object.prototype.selectable=!1,k.fabric.Object.prototype.lockMovementX=!0,k.fabric.Object.prototype.lockMovementY=!0,k.fabric.Object.prototype.lockRotation=!0,k.fabric.Object.prototype.lockScalingFlip=!0,k.fabric.Object.prototype.lockScalingX=!0,k.fabric.Object.prototype.lockScalingY=!0,k.fabric.Object.prototype.lockSkewingX=!0,k.fabric.Object.prototype.lockSkewingY=!0}setReadAndWrite(){k.fabric.Object.prototype.selectable=!0,k.fabric.Object.prototype.lockMovementX=!1,k.fabric.Object.prototype.lockMovementY=!1,k.fabric.Object.prototype.lockRotation=!1,k.fabric.Object.prototype.lockScalingFlip=!1,k.fabric.Object.prototype.lockScalingX=!1,k.fabric.Object.prototype.lockScalingY=!1,k.fabric.Object.prototype.lockSkewingX=!1,k.fabric.Object.prototype.lockSkewingY=!1}zoomIn(){this.setZoom(1.1*this.getZoom())}zoomOut(){this.setZoom(this.getZoom()/1.1)}resetZoom(){this.setZoom(1)}panLeft(){this.relativePan(new k.fabric.Point(5,0))}panRight(){this.relativePan(new k.fabric.Point(-5,0))}panUp(){this.relativePan(new k.fabric.Point(0,5))}panDown(){this.relativePan(new k.fabric.Point(0,-5))}resetPan(){this.absolutePan(new k.fabric.Point(0,0))}}function C(e){return e.button===x.RIGHT_CLICK}function j(e){e.on("mouse:wheel",(function(t){const n=t.e.deltaY;let r=e.getZoom();r*=.999**n,r>20&&(r=20),r<.01&&(r=.01),e.zoomToPoint({x:t.e.offsetX,y:t.e.offsetY},r),t.e.preventDefault(),t.e.stopPropagation()}))}function T(e){let t,n,r=E;e.discardActiveObject(),e.on("mouse:up",(function(t){C(t)&&(r=E,e.defaultCursor="default")})),e.on("mouse:down",(a=>{C(a)&&(e.defaultCursor="move",r=S,t=a.e.clientX,n=a.e.clientY)})),e.on("mouse:move",(a=>{if(r===S&&a&&a.e){let r=0,o=0;t&&(r=a.e.clientX-t),n&&(o=a.e.clientY-n),t=a.e.clientX,n=a.e.clientY;const _=new k.fabric.Point(r,o);e.relativePan(_),e.fire("moved")}}))}var D=n(756),R=n(255);const I=["icon","classNameIcon","classNameContent"],A=_().memo((e=>{const{icon:t,classNameIcon:n,classNameContent:r}=e,a=(0,D.Z)(e,I),o=(0,R.P5)(e);return(0,i.jsxs)("button",Object.assign({},a,o,{className:`${e.className} text-accent-secondary hover:text-accent-primary [&.active]:text-accent-primary disabled:hover:text-accent-secondary disabled:opacity-50`,children:[(0,i.jsx)(l.FontAwesomeIcon,{icon:null!=t?t:s.faXmark,className:null!=n?n:""}),(0,i.jsx)("div",{className:r,children:e.children})]}))})),L=(require("@tanstack/react-table"),_().memo((e=>{const t=(0,R.P5)(e);return(0,i.jsx)("button",Object.assign({},e,t,{type:"button","data-te-toggle":"button",className:`button--primary inline-block min-w-[75px] rounded px-5 py-2 text-xs font-medium uppercase leading-tight shadow-md transition duration-75 ease-in-out hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg ${e.className}`}))}))),F="modalRoot";var N=n(727);const M="hidden.te.modal";function P(e){const t=[];return"boolean"!=typeof e&&e&&e.forEach(((e,n,r)=>{const a=(0,R.P5)(e);t.push((0,i.jsx)(L,Object.assign({},e,a,{className:`${0!==n&&r.length>1?"ml-3":""} ${e.className}`})))})),t}const z=(0,o.forwardRef)(((e,t)=>{var n;const{id:r,onHiddenModal:a}=e,_=null!=(n=e.size)?n:"md",c=(0,o.useRef)();return(0,o.useEffect)((()=>{function e(){a&&a()}const t=document.getElementById(r);return!c.current&&t&&(c.current=new N.Modal(t)),t&&t.addEventListener(M,e),()=>{t&&t.removeEventListener(M,e)}}),[r,a]),(0,o.useImperativeHandle)(t,(()=>({showModal:()=>{c.current.show()},hideModal:()=>{c.current.hide(),c.current=void 0}}))),(0,i.jsx)("div",{"data-te-modal-init":!0,className:"fixed left-0 top-8 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none",id:r,tabIndex:-1,"aria-labelledby":`${r}Label`,children:(0,i.jsx)("div",{"data-te-modal-dialog-ref":!0,className:"pointer-events-none relative flex min-h-[calc(100%-1rem)] w-auto translate-y-[-50px] items-center justify-center  opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:min-h-[calc(100%-3.5rem)]",children:(0,i.jsxs)("div",{className:`pointer-events-auto relative flex ${(()=>{switch(_){case"sm":return"w-[25rem]";case"md":return"w-[40rem]";case"lg":return"w-[70rem]";case"full":return"w-full"}})()} ${"full"===e.size?"mx-5":""} bg-primary flex-col rounded-md border-none bg-clip-padding text-current shadow-lg outline-none`,children:[(0,i.jsxs)("div",{className:"border-secondary flex flex-shrink-0 items-center justify-between rounded-t-md border-b-2 border-opacity-50 p-4",children:[(0,i.jsx)("h5",{className:"text-accent-primary text-xl font-medium leading-normal pointer-events-none",id:`${r}Label`,children:e.title}),(0,i.jsx)("button",{type:"button",className:"box-content rounded-none border-none hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none","data-te-modal-dismiss":!0,"aria-label":"Close",children:(0,i.jsx)(l.FontAwesomeIcon,{icon:s.faXmark})})]}),"boolean"!=typeof e.buttons&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"modal__body",children:e.body}),(0,i.jsx)("div",{className:"modal__footer",children:P(e.buttons)})]}),"boolean"==typeof e.buttons&&e.body]})})})})),U=require("react-dom");function X(){const[e,t]=(0,o.useState)(),[n,r]=(0,o.useState)(!0),a=(0,o.useRef)(null);return(0,o.useEffect)((()=>{a.current&&(n?a.current.showModal():a.current.hideModal())}),[e,n]),{modal:e,showModal:function(e){const n=document.getElementById(F);n&&(t((0,U.createPortal)((0,i.jsx)(z,Object.assign({},e,{ref:a,onHiddenModal:()=>{t(void 0)}})),n)),r(!0))},hideModal:function(){r(!1)}}}const B=["label","className"],Y=_().memo((e=>{const t=Object.assign({},e),{label:n,className:r}=t,a=(0,D.Z)(t,B),_=(0,R.P5)(e);return(0,o.useEffect)((()=>{const t=document.querySelector(`#${e.id}`);N.Select.getInstance(t)||new N.Select(document.querySelector(`#${e.id}`),{},{dropdown:"select__dropdown",formCheckInput:"bg-red-400 checked:after:border-red-500",selectInput:"peer select__input",selectOption:"select__option data-[te-select-option-selected]:data-[te-input-state-active]:link",selectLabelSizeDefault:"select__label-size-default",selectLabel:"select__label",selectArrow:"select__arrow top-[0.65rem]"})})),(0,i.jsxs)("div",{className:`relative mb-3 ${r}`,children:[(0,i.jsx)("select",Object.assign({"data-te-select-init":!0},a,_,{children:function(){const t=[];return e.options.forEach((e=>{var n;t.push((0,i.jsx)("option",{value:e.value,children:e.label},null==(n=e.value)?void 0:n.toString()))})),t}()})),(0,i.jsx)("label",{"data-te-select-label-ref":!0,children:n})]})})),Z=(require("react-html-parser"),require("@yaireo/tagify"),e=>{var t;const{className:n,options:r}=e;return(0,i.jsx)("div",{className:`flex justify-center ${null!=n?n:""}`,id:null!=(t=e.id)?t:"",children:r.map(((t,n)=>(0,i.jsxs)("div",{className:"mb-[0.125rem] me-4 inline-block min-h-[1.5rem] ps-[1.5rem]",children:[(0,i.jsx)("input",{className:"relative float-left -ms-[1.5rem] me-1 mt-0.5 h-5 w-5 appearance-none rounded-full border-2 border-solid border-secondary-500 before:pointer-events-none before:absolute before:h-4 before:w-4 before:scale-0 before:rounded-full before:bg-transparent before:opacity-0 before:shadow-checkbox before:shadow-transparent before:content-[''] after:absolute after:z-[1] after:block after:h-4 after:w-4 after:rounded-full after:content-[''] checked:border-accent-secondary checked:before:opacity-[0.16] checked:after:absolute checked:after:left-1/2 checked:after:top-1/2 checked:after:h-[0.625rem] checked:after:w-[0.625rem] checked:after:rounded-full checked:after:border-accent-secondary checked:after:bg-accent-primary checked:after:content-[''] checked:after:[transform:translate(-50%,-50%)] hover:cursor-pointer hover:before:opacity-[0.04] hover:before:shadow-black/60 focus:shadow-none focus:outline-none focus:ring-0 focus:before:scale-100 focus:before:opacity-[0.12] focus:before:shadow-black/60 focus:before:transition-[box-shadow_0.2s,transform_0.2s] checked:focus:border-accent-secondary checked:focus:before:scale-100 checked:focus:before:shadow-checkbox checked:focus:before:transition-[box-shadow_0.2s,transform_0.2s] rtl:float-right",type:"radio",name:"inlineRadioOptions",id:`inlineRadio${n}`,value:JSON.stringify(t.value),onChange:()=>{e.onChange(t.value)},checked:JSON.stringify(t.value)===JSON.stringify(e.value)}),(0,i.jsx)("label",{className:"mt-px inline-block ps-[0.15rem] hover:cursor-pointer",htmlFor:`inlineRadio${n}`,children:t.label})]},`radioOption${n}`)))})})},255:(e,t,n)=>{n.d(t,{Xh:()=>s,P5:()=>l,B6:()=>i});const r=require("fast-deep-equal/es6/react");var a=n.n(r);const o=require("lodash.clonedeep");var _=n.n(o);const i=(e,t)=>a()(e,t),s=e=>_()(e),l=(e={})=>Object.keys(e).reduce(((t,n)=>(n.startsWith("data-")&&(t[n]=e[n]),t)),{})},81:(e,t,n)=>{n.a(e,(async(e,r)=>{try{n.d(t,{Y6:()=>o.Y6,g8:()=>o.g8,ig:()=>o.ig,t3:()=>o.t3});var a=n(651),o=n(402),_=e([a]);a=(_.then?(await _)():_)[0],(0,o.oT)(a),r()}catch(e){r(e)}}))},402:(e,t,n)=>{let r;function a(e){r=e}n.d(t,{$c:()=>De,A5:()=>we,B5:()=>oe,C4:()=>Re,C8:()=>ce,Cp:()=>Je,DM:()=>Ae,HT:()=>Se,JI:()=>re,JV:()=>he,M1:()=>ke,MO:()=>Te,MU:()=>Ne,Nf:()=>Fe,Or:()=>tt,QY:()=>Ye,Qm:()=>We,Qr:()=>Ee,RR:()=>ie,Ri:()=>ae,TU:()=>Ge,Uj:()=>qe,VH:()=>Ue,Wl:()=>ye,X8:()=>Xe,XA:()=>He,XP:()=>ve,Y6:()=>C,Zb:()=>$e,_5:()=>ee,_Z:()=>ge,bs:()=>le,cU:()=>te,co:()=>ue,dI:()=>Ke,eY:()=>me,fY:()=>et,f_:()=>Me,fp:()=>J,g8:()=>E,gA:()=>fe,h4:()=>Ce,hd:()=>Q,ho:()=>Ze,ig:()=>S,is:()=>Ie,k8:()=>K,ly:()=>Be,m_:()=>se,nQ:()=>de,o$:()=>Le,oH:()=>nt,oS:()=>Qe,oT:()=>a,pT:()=>Oe,qt:()=>_e,rx:()=>be,sO:()=>je,sc:()=>ne,t3:()=>O,tA:()=>Ve,ug:()=>V,uo:()=>ze,xr:()=>pe,yb:()=>xe,yn:()=>Pe}),e=n.hmd(e);const o=new Array(128).fill(void 0);function _(e){return o[e]}o.push(void 0,null,!0,!1);let i=o.length;function s(e){const t=_(e);return function(e){e<132||(o[e]=i,i=e)}(e),t}let l=new("undefined"==typeof TextDecoder?(0,e.require)("util").TextDecoder:TextDecoder)("utf-8",{ignoreBOM:!0,fatal:!0});l.decode();let c=null;function d(){return null!==c&&0!==c.byteLength||(c=new Uint8Array(r.memory.buffer)),c}function u(e,t){return e>>>=0,l.decode(d().subarray(e,e+t))}function p(e){i===o.length&&o.push(o.length+1);const t=i;return i=o[t],o[t]=e,t}let g=0,b=new("undefined"==typeof TextEncoder?(0,e.require)("util").TextEncoder:TextEncoder)("utf-8");const f="function"==typeof b.encodeInto?function(e,t){return b.encodeInto(e,t)}:function(e,t){const n=b.encode(e);return t.set(n),{read:e.length,written:n.length}};function w(e,t,n){if(void 0===n){const n=b.encode(e),r=t(n.length,1)>>>0;return d().subarray(r,r+n.length).set(n),g=n.length,r}let r=e.length,a=t(r,1)>>>0;const o=d();let _=0;for(;_<r;_++){const t=e.charCodeAt(_);if(t>127)break;o[a+_]=t}if(_!==r){0!==_&&(e=e.slice(_)),a=n(a,r,r=_+3*e.length,1)>>>0;const t=d().subarray(a+_,a+r);_+=f(e,t).written}return g=_,a}function h(e){return null==e}let m=null;function y(){return null!==m&&0!==m.byteLength||(m=new Int32Array(r.memory.buffer)),m}let v=null;function x(){return null!==v&&0!==v.byteLength||(v=new Float64Array(r.memory.buffer)),v}function k(e){const t=typeof e;if("number"==t||"boolean"==t||null==e)return`${e}`;if("string"==t)return`"${e}"`;if("symbol"==t){const t=e.description;return null==t?"Symbol":`Symbol(${t})`}if("function"==t){const t=e.name;return"string"==typeof t&&t.length>0?`Function(${t})`:"Function"}if(Array.isArray(e)){const t=e.length;let n="[";t>0&&(n+=k(e[0]));for(let r=1;r<t;r++)n+=", "+k(e[r]);return n+="]",n}const n=/\[object ([^\]]+)\]/.exec(toString.call(e));let r;if(!(n.length>1))return toString.call(e);if(r=n[1],"Object"==r)try{return"Object("+JSON.stringify(e)+")"}catch(e){return"Object"}return e instanceof Error?`${e.name}: ${e.message}\n${e.stack}`:r}function E(e,t,n,a){try{const i=r.__wbindgen_add_to_stack_pointer(-16),l=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),c=g,d=w(t,r.__wbindgen_malloc,r.__wbindgen_realloc),u=g,p=w(n,r.__wbindgen_malloc,r.__wbindgen_realloc),b=g,f=w(a,r.__wbindgen_malloc,r.__wbindgen_realloc),h=g;r.open_diagram(i,l,c,d,u,p,b,f,h);var o=y()[i/4+0],_=y()[i/4+1];if(y()[i/4+2])throw s(_);return z.__wrap(o)}finally{r.__wbindgen_add_to_stack_pointer(16)}}function S(e,t){let n,a;try{const p=r.__wbindgen_add_to_stack_pointer(-16),b=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),f=g,h=w(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=g;r.diagram_url_from_link_string(p,b,f,h,m);var o=y()[p/4+0],_=y()[p/4+1],i=y()[p/4+2],l=y()[p/4+3],c=o,d=_;if(l)throw c=0,d=0,s(i);return n=c,a=d,u(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,a,1)}}function O(e,t){let n,a;try{const p=r.__wbindgen_add_to_stack_pointer(-16),b=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),f=g,h=w(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=g;r.diagram_plantuml_url_from_diagram_url(p,b,f,h,m);var o=y()[p/4+0],_=y()[p/4+1],i=y()[p/4+2],l=y()[p/4+3],c=o,d=_;if(l)throw c=0,d=0,s(i);return n=c,a=d,u(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,a,1)}}function C(e,t){let n,a;try{const p=r.__wbindgen_add_to_stack_pointer(-16),b=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),f=g,h=w(t,r.__wbindgen_malloc,r.__wbindgen_realloc),m=g;r.diagram_spec_url_from_diagram_url(p,b,f,h,m);var o=y()[p/4+0],_=y()[p/4+1],i=y()[p/4+2],l=y()[p/4+3],c=o,d=_;if(l)throw c=0,d=0,s(i);return n=c,a=d,u(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,a,1)}}function j(e,t){if(!(e instanceof t))throw new Error(`expected instance of ${t.name}`);return e.ptr}let T=null;function D(){return null!==T&&0!==T.byteLength||(T=new Uint32Array(r.memory.buffer)),T}function R(e,t){e>>>=0;const n=D().subarray(e/4,e/4+t),r=[];for(let e=0;e<n.length;e++)r.push(s(n[e]));return r}function I(e,t){const n=t(4*e.length,4)>>>0,r=D();for(let t=0;t<e.length;t++)r[n/4+t]=p(e[t]);return g=e.length,n}function A(e,t){try{return e.apply(this,t)}catch(e){r.__wbindgen_exn_store(p(e))}}class L{static __wrap(e){e>>>=0;const t=Object.create(L.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_baseelement_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_alias(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set alias(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_alias(this.__wbg_ptr,t,n)}get label(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_label(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set label(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_label(this.__wbg_ptr,t,n)}get description(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_description(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set description(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_description(this.__wbg_ptr,t,n)}get sprite(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_sprite(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sprite(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_sprite(this.__wbg_ptr,t,n)}get tags(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_tags(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set tags(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_tags(this.__wbg_ptr,t,n)}get link(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_link(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set link(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_link(this.__wbg_ptr,t,n)}get uuid(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_uuid(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set uuid(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_uuid(this.__wbg_ptr,t,n)}get notes(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_notes(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set notes(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_notes(this.__wbg_ptr,t,n)}}class F{static __wrap(e){e>>>=0;const t=Object.create(F.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof F?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_boundary_free(e)}get base_data(){const e=r.__wbg_get_boundary_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_boundary_base_data(this.__wbg_ptr,t)}get boundary_type(){return s(r.__wbg_get_boundary_boundary_type(this.__wbg_ptr))}set boundary_type(e){r.__wbg_set_boundary_boundary_type(this.__wbg_ptr,h(e)?0:p(e))}get boundary_custom_type(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_boundary_boundary_custom_type(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set boundary_custom_type(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_boundary_boundary_custom_type(this.__wbg_ptr,t,n)}get sub_elements(){try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_boundary_sub_elements(a,this.__wbg_ptr);var e=y()[a/4+0],t=y()[a/4+1],n=R(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_boundary_sub_elements(this.__wbg_ptr,t,n)}}class N{static __wrap(e){e>>>=0;const t=Object.create(N.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof N?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_component_free(e)}get base_data(){const e=r.__wbg_get_component_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_component_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_component_technology(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_component_technology(this.__wbg_ptr,t,n)}get component_type(){return s(r.__wbg_get_component_component_type(this.__wbg_ptr))}set component_type(e){r.__wbg_set_component_component_type(this.__wbg_ptr,h(e)?0:p(e))}}class M{static __wrap(e){e>>>=0;const t=Object.create(M.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof M?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_container_free(e)}get base_data(){const e=r.__wbg_get_container_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_container_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_container_technology(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_container_technology(this.__wbg_ptr,t,n)}get container_type(){return s(r.__wbg_get_container_container_type(this.__wbg_ptr))}set container_type(e){r.__wbg_set_container_container_type(this.__wbg_ptr,h(e)?0:p(e))}}class P{static __wrap(e){e>>>=0;const t=Object.create(P.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof P?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_deploymentnode_free(e)}get base_data(){const e=r.__wbg_get_deploymentnode_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_deploymentnode_base_data(this.__wbg_ptr,t)}get deploymeny_node_custom_type(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_deploymentnode_deploymeny_node_custom_type(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set deploymeny_node_custom_type(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_deploymentnode_deploymeny_node_custom_type(this.__wbg_ptr,t,n)}get deployment_node_type(){return s(r.__wbg_get_deploymentnode_deployment_node_type(this.__wbg_ptr))}set deployment_node_type(e){r.__wbg_set_deploymentnode_deployment_node_type(this.__wbg_ptr,h(e)?0:p(e))}get sub_elements(){try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_deploymentnode_sub_elements(a,this.__wbg_ptr);var e=y()[a/4+0],t=y()[a/4+1],n=R(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_deploymentnode_sub_elements(this.__wbg_ptr,t,n)}}class z{static __wrap(e){e>>>=0;const t=Object.create(z.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagram_free(e)}get diagram_name(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_diagram_name(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set diagram_name(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagram_diagram_name(this.__wbg_ptr,t,n)}get diagram_type(){return s(r.__wbg_get_diagram_diagram_type(this.__wbg_ptr))}set diagram_type(e){r.__wbg_set_diagram_diagram_type(this.__wbg_ptr,h(e)?0:p(e))}get diagram_spec(){const e=r.__wbg_get_diagram_diagram_spec(this.__wbg_ptr);return 0===e?void 0:B.__wrap(e)}set diagram_spec(e){let t=0;h(e)||(j(e,B),t=e.__destroy_into_raw()),r.__wbg_set_diagram_diagram_spec(this.__wbg_ptr,t)}get diagram_plantuml(){const e=r.__wbg_get_diagram_diagram_plantuml(this.__wbg_ptr);return 0===e?void 0:X.__wrap(e)}set diagram_plantuml(e){let t=0;h(e)||(j(e,X),t=e.__destroy_into_raw()),r.__wbg_set_diagram_diagram_plantuml(this.__wbg_ptr,t)}get raw_plantuml(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_raw_plantuml(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set raw_plantuml(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagram_raw_plantuml(this.__wbg_ptr,t,n)}get last_modified(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_last_modified(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set last_modified(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagram_last_modified(this.__wbg_ptr,t,n)}get auto_layout(){return s(r.diagram_auto_layout(this.__wbg_ptr))}set auto_layout(e){r.diagram_set_auto_layout(this.__wbg_ptr,p(e))}}class U{static __wrap(e){e>>>=0;const t=Object.create(U.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof U?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramelementspec_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_alias(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set alias(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagramelementspec_alias(this.__wbg_ptr,t,n)}get from(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_from(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set from(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagramelementspec_from(this.__wbg_ptr,t,n)}get to(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_to(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set to(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagramelementspec_to(this.__wbg_ptr,t,n)}get shapes(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_shapes(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=R(e,t).slice(),r.__wbindgen_free(e,4*t,4)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){var t=h(e)?0:I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramelementspec_shapes(this.__wbg_ptr,t,n)}get element_type(){return s(r.__wbg_get_diagramelementspec_element_type(this.__wbg_ptr))}set element_type(e){r.__wbg_set_diagramelementspec_element_type(this.__wbg_ptr,h(e)?0:p(e))}get position(){const e=r.__wbg_get_diagramelementspec_position(this.__wbg_ptr);return 0===e?void 0:W.__wrap(e)}set position(e){let t=0;h(e)||(j(e,W),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_diagramelementspec_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;h(e)||(j(e,G),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_size(this.__wbg_ptr,t)}get inner_specs(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_inner_specs(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=R(e,t).slice(),r.__wbindgen_free(e,4*t,4)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set inner_specs(e){var t=h(e)?0:I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramelementspec_inner_specs(this.__wbg_ptr,t,n)}}class X{static __wrap(e){e>>>=0;const t=Object.create(X.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramplantuml_free(e)}get diagram_id(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_label(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set diagram_id(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_baseelement_label(this.__wbg_ptr,t,n)}get elements(){try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramplantuml_elements(a,this.__wbg_ptr);var e=y()[a/4+0],t=y()[a/4+1],n=R(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements(e){const t=I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramplantuml_elements(this.__wbg_ptr,t,n)}}class B{static __wrap(e){e>>>=0;const t=Object.create(B.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramspec_free(e)}get uuid(){let e,t;try{const o=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_uuid(o,this.__wbg_ptr);var n=y()[o/4+0],a=y()[o/4+1];return e=n,t=a,u(n,a)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(e,t,1)}}set uuid(e){const t=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagramspec_uuid(this.__wbg_ptr,t,n)}get description(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_description(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set description(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_diagramspec_description(this.__wbg_ptr,t,n)}get tags(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_tags(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=R(e,t).slice(),r.__wbindgen_free(e,4*t,4)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set tags(e){var t=h(e)?0:I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramspec_tags(this.__wbg_ptr,t,n)}get elements_specs(){try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_elements_specs(a,this.__wbg_ptr);var e=y()[a/4+0],t=y()[a/4+1],n=R(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements_specs(e){const t=I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramspec_elements_specs(this.__wbg_ptr,t,n)}get shapes(){try{const a=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramspec_shapes(a,this.__wbg_ptr);var e=y()[a/4+0],t=y()[a/4+1],n=R(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){const t=I(e,r.__wbindgen_malloc),n=g;r.__wbg_set_diagramspec_shapes(this.__wbg_ptr,t,n)}get auto_layout_enabled(){return 0!==r.__wbg_get_diagramspec_auto_layout_enabled(this.__wbg_ptr)}set auto_layout_enabled(e){r.__wbg_set_diagramspec_auto_layout_enabled(this.__wbg_ptr,e)}get auto_layout_orientation(){return s(r.__wbg_get_diagramspec_auto_layout_orientation(this.__wbg_ptr))}set auto_layout_orientation(e){r.__wbg_set_diagramspec_auto_layout_orientation(this.__wbg_ptr,p(e))}}class Y{static __wrap(e){e>>>=0;const t=Object.create(Y.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_minaerror_free(e)}get code(){return r.__wbg_get_minaerror_code(this.__wbg_ptr)}set code(e){r.__wbg_set_minaerror_code(this.__wbg_ptr,e)}get msg(){let e,t;try{const o=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_minaerror_msg(o,this.__wbg_ptr);var n=y()[o/4+0],a=y()[o/4+1];return e=n,t=a,u(n,a)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(e,t,1)}}set msg(e){const t=w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_minaerror_msg(this.__wbg_ptr,t,n)}}class Z{static __wrap(e){e>>>=0;const t=Object.create(Z.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof Z?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_person_free(e)}get base_data(){const e=r.__wbg_get_person_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_person_base_data(this.__wbg_ptr,t)}get person_type(){return s(r.__wbg_get_person_person_type(this.__wbg_ptr))}set person_type(e){r.__wbg_set_person_person_type(this.__wbg_ptr,h(e)?0:p(e))}}class W{static __wrap(e){e>>>=0;const t=Object.create(W.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_position_free(e)}get left(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_left(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set left(e){r.__wbg_set_position_left(this.__wbg_ptr,!h(e),h(e)?0:e)}get top(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_top(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set top(e){r.__wbg_set_position_top(this.__wbg_ptr,!h(e),h(e)?0:e)}get z_index(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_z_index(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set z_index(e){r.__wbg_set_position_z_index(this.__wbg_ptr,!h(e),h(e)?0:e)}get angle(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_position_angle(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set angle(e){r.__wbg_set_position_angle(this.__wbg_ptr,!h(e),h(e)?0:e)}}class ${static __wrap(e){e>>>=0;const t=Object.create($.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof $?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_relationship_free(e)}get base_data(){const e=r.__wbg_get_relationship_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_relationship_base_data(this.__wbg_ptr,t)}get from(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_from(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set from(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_relationship_from(this.__wbg_ptr,t,n)}get to(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_to(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set to(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_relationship_to(this.__wbg_ptr,t,n)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_technology(n,this.__wbg_ptr);var e=y()[n/4+0],t=y()[n/4+1];let a;return 0!==e&&(a=u(e,t).slice(),r.__wbindgen_free(e,1*t,1)),a}finally{r.__wbindgen_add_to_stack_pointer(16)}}set technology(e){var t=h(e)?0:w(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=g;r.__wbg_set_relationship_technology(this.__wbg_ptr,t,n)}get relationship_type(){return s(r.__wbg_get_relationship_relationship_type(this.__wbg_ptr))}set relationship_type(e){r.__wbg_set_relationship_relationship_type(this.__wbg_ptr,h(e)?0:p(e))}}class H{static __wrap(e){e>>>=0;const t=Object.create(H.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof H?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_shape_free(e)}get shape_type(){return s(r.__wbg_get_shape_shape_type(this.__wbg_ptr))}set shape_type(e){r.__wbg_set_shape_shape_type(this.__wbg_ptr,h(e)?0:p(e))}get position(){const e=r.__wbg_get_shape_position(this.__wbg_ptr);return 0===e?void 0:W.__wrap(e)}set position(e){let t=0;h(e)||(j(e,W),t=e.__destroy_into_raw()),r.__wbg_set_shape_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_shape_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;h(e)||(j(e,G),t=e.__destroy_into_raw()),r.__wbg_set_shape_size(this.__wbg_ptr,t)}}class G{static __wrap(e){e>>>=0;const t=Object.create(G.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_size_free(e)}get width(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_width(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set width(e){r.__wbg_set_size_width(this.__wbg_ptr,!h(e),h(e)?0:e)}get height(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_height(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set height(e){r.__wbg_set_size_height(this.__wbg_ptr,!h(e),h(e)?0:e)}get scale_x(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_scale_x(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_x(e){r.__wbg_set_size_scale_x(this.__wbg_ptr,!h(e),h(e)?0:e)}get scale_y(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_scale_y(n,this.__wbg_ptr);var e=y()[n/4+0],t=x()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_y(e){r.__wbg_set_size_scale_y(this.__wbg_ptr,!h(e),h(e)?0:e)}}class q{static __wrap(e){e>>>=0;const t=Object.create(q.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof q?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_softwaresystem_free(e)}get base_data(){const e=r.__wbg_get_person_base_data(this.__wbg_ptr);return L.__wrap(e)}set base_data(e){j(e,L);var t=e.__destroy_into_raw();r.__wbg_set_person_base_data(this.__wbg_ptr,t)}get system_type(){return s(r.__wbg_get_softwaresystem_system_type(this.__wbg_ptr))}set system_type(e){r.__wbg_set_softwaresystem_system_type(this.__wbg_ptr,h(e)?0:p(e))}}function V(e){s(e)}function Q(e,t){return p(new Error(u(e,t)))}function J(e){return p(F.__wrap(e))}function K(e){return p($.__wrap(e))}function ee(e){return p(M.__wrap(e))}function te(e){return p(q.__wrap(e))}function ne(e){return p(P.__wrap(e))}function re(e){return p(N.__wrap(e))}function ae(e){return p(Y.__wrap(e))}function oe(e){return p(Z.__wrap(e))}function _e(e,t){const n=_(t),a="string"==typeof n?n:void 0;var o=h(a)?0:w(a,r.__wbindgen_malloc,r.__wbindgen_realloc),i=g;y()[e/4+1]=i,y()[e/4+0]=o}function ie(e){return P.__unwrap(s(e))}function se(e){return p(_(e))}function le(e){return $.__unwrap(s(e))}function ce(e){return N.__unwrap(s(e))}function de(e){return H.__unwrap(s(e))}function ue(e){return p(H.__wrap(e))}function pe(e){return M.__unwrap(s(e))}function ge(e){return U.__unwrap(s(e))}function be(e){return F.__unwrap(s(e))}function fe(e){return Z.__unwrap(s(e))}function we(e){return q.__unwrap(s(e))}function he(e){return p(U.__wrap(e))}function me(e){return"string"==typeof _(e)}function ye(e){const t=_(e);return"object"==typeof t&&null!==t}function ve(e){return void 0===_(e)}function xe(e,t){return _(e)in _(t)}function ke(e,t){const n=_(t),r="number"==typeof n?n:void 0;x()[e/8+1]=h(r)?0:r,y()[e/4+0]=!h(r)}function Ee(e,t){return _(e)==_(t)}function Se(e){const t=_(e);return"boolean"==typeof t?t?1:0:2}function Oe(e){return p(e)}function Ce(e,t){return p(u(e,t))}function je(e,t){return p(_(e)[_(t)])}function Te(e,t,n){_(e)[s(t)]=s(n)}function De(e,t){const n=w(String(_(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),a=g;y()[e/4+1]=a,y()[e/4+0]=n}function Re(e,t){return p(_(e)[t>>>0])}function Ie(e){return _(e).length}function Ae(){return p(new Array)}function Le(e){return"function"==typeof _(e)}function Fe(){return p(new Map)}function Ne(e){return p(_(e).next)}function Me(){return A((function(e){return p(_(e).next())}),arguments)}function Pe(e){return _(e).done}function ze(e){return p(_(e).value)}function Ue(){return p(Symbol.iterator)}function Xe(){return A((function(e,t){return p(Reflect.get(_(e),_(t)))}),arguments)}function Be(){return A((function(e,t){return p(_(e).call(_(t)))}),arguments)}function Ye(){return p(new Object)}function Ze(e,t,n){_(e)[t>>>0]=s(n)}function We(e){return Array.isArray(_(e))}function $e(e){let t;try{t=_(e)instanceof ArrayBuffer}catch(e){t=!1}return t}function He(e,t,n){return p(_(e).set(_(t),_(n)))}function Ge(e){return p(Object.entries(_(e)))}function qe(e){return p(_(e).buffer)}function Ve(e){return p(new Uint8Array(_(e)))}function Qe(e,t,n){_(e).set(_(t),n>>>0)}function Je(e){return _(e).length}function Ke(e){let t;try{t=_(e)instanceof Uint8Array}catch(e){t=!1}return t}function et(e,t){const n=w(k(_(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),a=g;y()[e/4+1]=a,y()[e/4+0]=n}function tt(e,t){throw new Error(u(e,t))}function nt(){return p(r.memory)}},836:(e,t,n)=>{n.a(e,(async(e,r)=>{try{n.r(t),n.d(t,{MinaReact:()=>c,default:()=>d});var a=n(689),o=n(81),_=n(53),i=n(357),s=n(997),l=e([o]);o=(l.then?(await l)():l)[0];const c=e=>{const{projectRootUrl:t,diagramUrl:r}=e;(0,i.bs)({initTE:async function(){const{initTE:e,Dropdown:t}=await Promise.resolve().then(n.t.bind(n,727,23));await e({Dropdown:t})}});const l=(0,a.useRef)(null),[c,d]=(0,a.useState)(),[u,p]=(0,a.useState)(),g={onOpenDiagramClick:e=>{let n;try{n=(0,o.ig)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}n&&b(n)}};async function b(e){var n;let r,a;null==(n=l.current)||n.resetCanvas();try{r=(0,o.t3)(t,e),a=(0,o.Y6)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}if(r&&a){let n,_;try{const e=await fetch(r),t=await fetch(a);if(!e.ok||!t.ok)throw new Error;n=await e.text(),_=await t.text()}catch(e){p("Diagram not found. Check the provided URL.")}if(n&&_)try{d((0,o.g8)(t,e,n,_))}catch(e){p("Invalid diagram.")}}}(0,a.useEffect)((()=>{p(null),b(r)}),[r]);return(0,s.jsxs)("div",{className:"h-full w-full border-t flex items-center",children:[(0,s.jsx)(i.h_,{menuItemsProps:[{id:"dropdown-init",label:"",isHeaderMenuItem:!0,subMenuItems:[{id:"dropdown-init-1",label:""}]}],className:"hidden"}),(0,s.jsx)(i.xV,{}),null===u&&c&&(0,s.jsx)(_.r,{diagramListener:g,diagram:c,ref:l,readOnly:!0}),u&&(0,s.jsx)("div",{className:"w-full text-center text-black",children:u})]})},d=c;r()}catch(e){r(e)}}))},466:e=>{e.exports=require("@fortawesome/free-solid-svg-icons")},197:e=>{e.exports=require("@fortawesome/react-fontawesome")},629:e=>{e.exports=require("fabric")},420:e=>{e.exports=require("pluralize")},689:e=>{e.exports=require("react")},709:e=>{e.exports=require("react-i18next")},997:e=>{e.exports=require("react/jsx-runtime")},727:e=>{e.exports=require("tw-elements")},651:(e,t,n)=>{var r=n(402);e.exports=n.v(t,e.id,"4e2dda625c1453c24498",{"./mina_react_bg.js":{__wbindgen_object_drop_ref:r.ug,__wbindgen_error_new:r.hd,__wbg_boundary_new:r.fp,__wbg_relationship_new:r.k8,__wbg_container_new:r._5,__wbg_softwaresystem_new:r.cU,__wbg_deploymentnode_new:r.sc,__wbg_component_new:r.JI,__wbg_minaerror_new:r.Ri,__wbg_person_new:r.B5,__wbindgen_string_get:r.qt,__wbg_deploymentnode_unwrap:r.RR,__wbindgen_object_clone_ref:r.m_,__wbg_relationship_unwrap:r.bs,__wbg_component_unwrap:r.C8,__wbg_shape_unwrap:r.nQ,__wbg_shape_new:r.co,__wbg_container_unwrap:r.xr,__wbg_diagramelementspec_unwrap:r._Z,__wbg_boundary_unwrap:r.rx,__wbg_person_unwrap:r.gA,__wbg_softwaresystem_unwrap:r.A5,__wbg_diagramelementspec_new:r.JV,__wbindgen_is_string:r.eY,__wbindgen_is_object:r.Wl,__wbindgen_is_undefined:r.XP,__wbindgen_in:r.yb,__wbindgen_number_get:r.M1,__wbindgen_jsval_loose_eq:r.Qr,__wbindgen_boolean_get:r.HT,__wbindgen_number_new:r.pT,__wbindgen_string_new:r.h4,__wbg_getwithrefkey_4a92a5eca60879b9:r.sO,__wbg_set_9182712abebf82ef:r.MO,__wbg_String_389b54bd9d25375f:r.$c,__wbg_get_c43534c00f382c8a:r.C4,__wbg_length_d99b680fd68bf71b:r.is,__wbg_new_34c624469fb1d4fd:r.DM,__wbindgen_is_function:r.o$,__wbg_new_ad4df4628315a892:r.Nf,__wbg_next_1938cf110c9491d4:r.MU,__wbg_next_267398d0e0761bf9:r.f_,__wbg_done_506b44765ba84b9c:r.yn,__wbg_value_31485d8770eb06ab:r.uo,__wbg_iterator_364187e1ee96b750:r.VH,__wbg_get_5027b32da70f39b1:r.X8,__wbg_call_a79f1973a4f07d5e:r.ly,__wbg_new_87d841e70661f6e9:r.QY,__wbg_set_379b27f1d5f1bf9c:r.ho,__wbg_isArray_fbd24d447869b527:r.Qm,__wbg_instanceof_ArrayBuffer_f4521cec1b99ee35:r.Zb,__wbg_set_83e83bc2428e50ab:r.XA,__wbg_entries_7a47f5716366056b:r.TU,__wbg_buffer_5d1b598a01b41a42:r.Uj,__wbg_new_ace717933ad7117f:r.tA,__wbg_set_74906aa30864df5a:r.oS,__wbg_length_f0764416ba5bb237:r.Cp,__wbg_instanceof_Uint8Array_4f5cffed7df34b2f:r.dI,__wbindgen_debug_string:r.fY,__wbindgen_throw:r.Or,__wbindgen_memory:r.oH}})}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return _[e](n,n.exports,s),n.loaded=!0,n.exports}e="function"==typeof Symbol?Symbol("webpack queues"):"__webpack_queues__",t="function"==typeof Symbol?Symbol("webpack exports"):"__webpack_exports__",n="function"==typeof Symbol?Symbol("webpack error"):"__webpack_error__",r=e=>{e&&e.d<1&&(e.d=1,e.forEach((e=>e.r--)),e.forEach((e=>e.r--?e.r++:e())))},s.a=(a,o,_)=>{var i;_&&((i=[]).d=-1);var s,l,c,d=new Set,u=a.exports,p=new Promise(((e,t)=>{c=t,l=e}));p[t]=u,p[e]=e=>(i&&e(i),d.forEach(e),p.catch((e=>{}))),a.exports=p,o((a=>{var o;s=(a=>a.map((a=>{if(null!==a&&"object"==typeof a){if(a[e])return a;if(a.then){var o=[];o.d=0,a.then((e=>{_[t]=e,r(o)}),(e=>{_[n]=e,r(o)}));var _={};return _[e]=e=>e(o),_}}var i={};return i[e]=e=>{},i[t]=a,i})))(a);var _=()=>s.map((e=>{if(e[n])throw e[n];return e[t]})),l=new Promise((t=>{(o=()=>t(_)).r=0;var n=e=>e!==i&&!d.has(e)&&(d.add(e),e&&!e.d&&(o.r++,e.push(o)));s.map((t=>t[e](n)))}));return o.r?l:_()}),(e=>(e?c(p[n]=e):l(u),r(i)))),i&&i.d<0&&(i.d=0)},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},o=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var n=Object.create(null);s.r(n);var r={};a=a||[null,o({}),o([]),o(o)];for(var _=2&t&&e;"object"==typeof _&&!~a.indexOf(_);_=o(_))Object.getOwnPropertyNames(_).forEach((t=>r[t]=()=>e[t]));return r.default=()=>e,s.d(n,r),n},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.v=(e,t,n,r)=>{var a=fetch(s.p+""+n+".module.wasm");return"function"==typeof WebAssembly.instantiateStreaming?WebAssembly.instantiateStreaming(a,r).then((t=>Object.assign(e,t.instance.exports))):a.then((e=>e.arrayBuffer())).then((e=>WebAssembly.instantiate(e,r))).then((t=>Object.assign(e,t.instance.exports)))},(()=>{var e;s.g.importScripts&&(e=s.g.location+"");var t=s.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&!e;)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),s.p=e})();var l={};(()=>{s.r(l),s.d(l,{default:()=>r});var e=s(689),t=s(997);const n=()=>null,r=r=>{const[a,o]=(0,e.useState)((()=>n));return(0,e.useEffect)((()=>{Promise.resolve().then(s.bind(s,836)).then((e=>o((()=>e.default))))}),[]),(0,t.jsx)(a,Object.assign({},r))}})(),module.exports=l})();

package/main.css

@@ -1608,6 +1608,8 @@ video {
   margin-top: 0px !important;
 }.-ml-\[1\.5rem\] {
   margin-left: -1.5rem;
+}.-ms-\[1\.5rem\] {
+  margin-inline-start: -1.5rem;
 }.-mt-28 {
   margin-top: -7rem;
 }.-mt-3 {
@@ -1626,6 +1628,10 @@ video {
   margin-bottom: 0.125rem;
 }.mb-\[10px\] {
   margin-bottom: 10px;
+}.me-1 {
+  margin-inline-end: 0.25rem;
+}.me-4 {
+  margin-inline-end: 1rem;
 }.ml-1 {
   margin-left: 0.25rem;
 }.ml-2 {
@@ -1662,6 +1668,10 @@ video {
   margin-right: 8px;
 }.mr-auto {
   margin-right: auto;
+}.mt-0 {
+  margin-top: 0px;
+}.mt-0\.5 {
+  margin-top: 0.125rem;
 }.mt-1 {
   margin-top: 0.25rem;
 }.mt-2 {
@@ -1678,10 +1688,14 @@ video {
   margin-top: 1.25rem;
 }.mt-6 {
   margin-top: 1.5rem;
+}.mt-8 {
+  margin-top: 2rem;
 }.mt-\[0\.15rem\] {
   margin-top: 0.15rem;
 }.mt-\[3px\] {
   margin-top: 3px;
+}.mt-px {
+  margin-top: 1px;
 }.box-border {
   box-sizing: border-box;
 }.box-content {
@@ -1903,6 +1917,9 @@ video {
   width: calc(100% - 100px);
 }.w-auto {
   width: auto;
+}.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
 }.w-full {
   width: 100%;
 }.w-max {
@@ -2274,6 +2291,8 @@ video {
   border-width: 1px;
 }.border-0 {
   border-width: 0px;
+}.border-2 {
+  border-width: 2px;
 }.border-4 {
   border-width: 4px;
 }.border-\[\.125rem\] {
@@ -2408,6 +2427,9 @@ video {
 }.bg-dark-primary {
   --tw-bg-opacity: 1;
   background-color: rgb(24 24 24 / var(--tw-bg-opacity));
+}.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }.bg-inherit {
   background-color: inherit;
 }.bg-neutral-600 {
@@ -2422,6 +2444,9 @@ video {
 }.bg-red-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }.bg-secondary {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity));
@@ -2622,6 +2647,10 @@ video {
   padding-right: 0.75rem;
 }.pr-\[24px\] {
   padding-right: 24px;
+}.ps-\[0\.15rem\] {
+  padding-inline-start: 0.15rem;
+}.ps-\[1\.5rem\] {
+  padding-inline-start: 1.5rem;
 }.pt-2 {
   padding-top: 0.5rem;
 }.pt-2\.5 {
@@ -2853,12 +2882,18 @@ video {
 }.text-neutral-600 {
   --tw-text-opacity: 1;
   color: rgb(82 82 82 / var(--tw-text-opacity));
+}.text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity));
 }.text-primary {
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity));
 }.text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
+}.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity));
 }.underline {
   text-decoration-line: underline;
 }.no-underline {
@@ -2875,8 +2910,12 @@ video {
   opacity: 1;
 }.opacity-20 {
   opacity: 0.2;
+}.opacity-25 {
+  opacity: 0.25;
 }.opacity-50 {
   opacity: 0.5;
+}.opacity-75 {
+  opacity: 0.75;
 }.opacity-90 {
   opacity: 0.9;
 }.opacity-\[\.53\] {
@@ -3061,9 +3100,15 @@ video {
 }.before\:absolute::before {
   content: var(--tw-content);
   position: absolute;
+}.before\:h-4::before {
+  content: var(--tw-content);
+  height: 1rem;
 }.before\:h-\[0\.875rem\]::before {
   content: var(--tw-content);
   height: 0.875rem;
+}.before\:w-4::before {
+  content: var(--tw-content);
+  width: 1rem;
 }.before\:w-\[0\.875rem\]::before {
   content: var(--tw-content);
   width: 0.875rem;
@@ -3086,9 +3131,34 @@ video {
   --tw-shadow: 0px 0px 0px 13px transparent;
   --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}.before\:shadow-transparent::before {
+  content: var(--tw-content);
+  --tw-shadow-color: transparent;
+  --tw-shadow: var(--tw-shadow-colored);
 }.before\:content-\[\'\'\]::before {
   --tw-content: '';
   content: var(--tw-content);
+}.after\:absolute::after {
+  content: var(--tw-content);
+  position: absolute;
+}.after\:z-\[1\]::after {
+  content: var(--tw-content);
+  z-index: 1;
+}.after\:block::after {
+  content: var(--tw-content);
+  display: block;
+}.after\:h-4::after {
+  content: var(--tw-content);
+  height: 1rem;
+}.after\:w-4::after {
+  content: var(--tw-content);
+  width: 1rem;
+}.after\:rounded-full::after {
+  content: var(--tw-content);
+  border-radius: 9999px;
+}.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
 }.first\:rounded-bl:first-child {
   border-bottom-left-radius: 0.25rem;
 }.first\:rounded-tl:first-child {
@@ -3103,6 +3173,9 @@ video {
 }.checked\:\!border-\[\#dc4c64\]:checked {
   --tw-border-opacity: 1 !important;
   border-color: rgb(220 76 100 / var(--tw-border-opacity)) !important;
+}.checked\:border-accent-secondary:checked {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity));
 }.checked\:border-primary:checked {
   --tw-border-opacity: 1;
   border-color: rgb(38 38 38 / var(--tw-border-opacity));
@@ -3121,6 +3194,12 @@ video {
 }.checked\:after\:absolute:checked::after {
   content: var(--tw-content);
   position: absolute;
+}.checked\:after\:left-1\/2:checked::after {
+  content: var(--tw-content);
+  left: 50%;
+}.checked\:after\:top-1\/2:checked::after {
+  content: var(--tw-content);
+  top: 50%;
 }.checked\:after\:-mt-px:checked::after {
   content: var(--tw-content);
   margin-top: -1px;
@@ -3130,16 +3209,25 @@ video {
 }.checked\:after\:block:checked::after {
   content: var(--tw-content);
   display: block;
+}.checked\:after\:h-\[0\.625rem\]:checked::after {
+  content: var(--tw-content);
+  height: 0.625rem;
 }.checked\:after\:h-\[0\.8125rem\]:checked::after {
   content: var(--tw-content);
   height: 0.8125rem;
 }.checked\:after\:w-\[0\.375rem\]:checked::after {
   content: var(--tw-content);
   width: 0.375rem;
+}.checked\:after\:w-\[0\.625rem\]:checked::after {
+  content: var(--tw-content);
+  width: 0.625rem;
 }.checked\:after\:rotate-45:checked::after {
   content: var(--tw-content);
   --tw-rotate: 45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}.checked\:after\:rounded-full:checked::after {
+  content: var(--tw-content);
+  border-radius: 9999px;
 }.checked\:after\:border-\[0\.125rem\]:checked::after {
   content: var(--tw-content);
   border-width: 0.125rem;
@@ -3152,6 +3240,10 @@ video {
 }.checked\:after\:border-solid:checked::after {
   content: var(--tw-content);
   border-style: solid;
+}.checked\:after\:border-accent-secondary:checked::after {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity));
 }.checked\:after\:border-red-500:checked::after {
   content: var(--tw-content);
   --tw-border-opacity: 1;
@@ -3168,12 +3260,19 @@ video {
   content: var(--tw-content);
   --tw-bg-opacity: 1 !important;
   background-color: rgb(220 76 100 / var(--tw-bg-opacity)) !important;
+}.checked\:after\:bg-accent-primary:checked::after {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
 }.checked\:after\:bg-transparent:checked::after {
   content: var(--tw-content);
   background-color: transparent;
 }.checked\:after\:content-\[\'\'\]:checked::after {
   --tw-content: '';
   content: var(--tw-content);
+}.checked\:after\:\[transform\:translate\(-50\%\2c -50\%\)\]:checked::after {
+  content: var(--tw-content);
+  transform: translate(-50%,-50%);
 }.empty\:hidden:empty {
   display: none;
 }.hover\:isolate:hover {
@@ -3277,6 +3376,10 @@ video {
   --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6);
   --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}.hover\:before\:shadow-black\/60:hover::before {
+  content: var(--tw-content);
+  --tw-shadow-color: rgb(0 0 0 / 0.6);
+  --tw-shadow: var(--tw-shadow-colored);
 }.focus\:isolate:focus {
   isolation: isolate;
 }.focus\:z-\[3\]:focus {
@@ -3372,6 +3475,10 @@ video {
   --tw-shadow: 0px 0px 0px 13px rgba(0,0,0,0.6);
   --tw-shadow-colored: 0px 0px 0px 13px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}.focus\:before\:shadow-black\/60:focus::before {
+  content: var(--tw-content);
+  --tw-shadow-color: rgb(0 0 0 / 0.6);
+  --tw-shadow: var(--tw-shadow-colored);
 }.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus::before {
   content: var(--tw-content);
   transition-property: box-shadow 0.2s,transform 0.2s;
@@ -3398,6 +3505,9 @@ video {
 }.focus\:after\:content-\[\'\'\]:focus::after {
   --tw-content: '';
   content: var(--tw-content);
+}.checked\:focus\:border-accent-secondary:focus:checked {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity));
 }.checked\:focus\:before\:scale-100:focus:checked::before {
   content: var(--tw-content);
   --tw-scale-x: 1;
@@ -3781,6 +3891,8 @@ video {
   color: rgb(38 38 38 / var(--tw-text-opacity));
 }:is([dir="rtl"] .rtl\:\!left-auto) {
   left: auto !important;
+}:is([dir="rtl"] .rtl\:float-right) {
+  float: right;
 }:is([dir="rtl"] .rtl\:\!origin-\[50\%_50\%_0\]) {
   transform-origin: 50% 50% 0 !important;
 }:is([dir="rtl"] .rtl\:\[direction\:rtl\]) {

package/package.json

@@ -3,7 +3,7 @@
   "description": "React library to render C4 Model diagrams created with Keadex Mina.",
   "author": "Keadex <keadex.it@gmail.com>",
   "license": "MIT",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": false,
   "homepage": "https://keadex.dev",
   "repository": {