@keadex/mina-react 1.1.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
Binary file
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var e,t,n,r,_,a,i={668:(e,t,n)=>{n.d(t,{r:()=>Kt});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",x="#FFFFFF",E="#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",z="#333333",U=220,X=100,B=15,Y=10,Z=20,W=5,H=15,$=25,G=10,q=14,V=12,Q=12,J=10,K=.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(954),ve=n(629);function xe(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 Ee(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=Ee(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=Ee(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!==ze(s)||void 0!==Ue(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=Ee(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},ze=e=>{if("Component"in e)return e.Component},Ue=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:Ee(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:Ee(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=xe(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,x=we*w;var E;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!=(E=u.height)?E: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()-x,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=>{Je(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)},Je=(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))},Ke=(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:x,borderColor:j,textColor:N,strokeDashArray:he.SIZES.STROKE_DASH_ARRAY},a=Object.assign({},_,r);return Ke(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:U,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:J,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*K/2+2*b.SIZES.BORDER_WIDTH,angle:90,startAngle:0,endAngle:180,scaleY:K})},it=(e,t,n)=>{var r,_,a,i,o,s,l,c,d,u,p,g,w,f,h,m,y,v,x;const E=[],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 E.push(k),E.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"})),E.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"})),E.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!=(x=e.height)?x:0)*K/2-S,angle:90,startAngle:0,endAngle:360,scaleY:K})),new ve.fabric.Group(E)},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=[],x=b.SIZES.BORDER_WIDTH,E=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+x,width:(null!=(a=e.width)?a:0)-2*b.SIZES.BORDER_WIDTH,height:14});return v.push(E),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=E.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=E.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=E.top)?f:0)-(null!=(h=e.width)?h:0)*ee/2,left:(null!=(m=E.left)?m:0)+ +(null!=(y=e.width)?y:0)-x,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:E,borderColor:I,textColor:z},a=Object.assign({},_,r);return Ke(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:Ee(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:Ee(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=Ee(_,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=Ee(_,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},xt=(e,t,n,r)=>{const _=[];for(let n=0;n<t.length;n++){var a,i,o;_.push(Et(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 _},Et=(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=xe(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=[],x={fontFamily:b.FONT.FAMILY,fill:ne};if(null!=(a=e.base_data)&&a.label){var E,S,k,O,C;const t=new ve.fabric.Text(e.base_data.label,Object.assign({},x,{fontSize:re,fontWeight:"bold"}));t.top=e.technology?-(null!=(E=t.height)?E: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({},x,{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=Et(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=xt(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)},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(ze(a)){const t=lt(e,ze(a),n,r);t&&_.push(t)}else if(Ue(a)){const t=ct(e,Ue(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 _},Ut=(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()&&Ut(e.children,null!=(r=n)?r:Ee(e.canvas,e.children[0]))}))};var Xt=n(689),Bt=n.n(Xt),Yt=n(709);const Zt=require("react-resize-detector"),Wt=require("react-toastify");var Ht=n(997);const $t="text-5xl text-dark-primary hover:text-third",Gt="text-2xl text-dark-primary hover:text-third",qt=Bt().memo((e=>{const{canvas:t}=e;return(0,Ht.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,Ht.jsx)("div",{className:"flex flex-col",children:(0,Ht.jsx)(ye.hU,{className:`${$t} !my-auto`,icon:tt.faCaretLeft,onClick:()=>null==t?void 0:t.panLeft()})}),(0,Ht.jsxs)("div",{className:"flex flex-col",children:[(0,Ht.jsx)(ye.hU,{className:$t,icon:tt.faCaretUp,onClick:()=>null==t?void 0:t.panDown()}),(0,Ht.jsxs)("div",{children:[(0,Ht.jsx)(ye.hU,{className:`${Gt} ml-1`,icon:tt.faMagnifyingGlassPlus,onClick:()=>null==t?void 0:t.zoomIn()}),(0,Ht.jsx)(ye.hU,{className:`${Gt} mx-2 !text-xl`,icon:tt.faRotateLeft,onClick:()=>{null==t||t.resetZoom(),null==t||t.resetPan()}}),(0,Ht.jsx)(ye.hU,{className:`${Gt} mr-1`,icon:tt.faMagnifyingGlassMinus,onClick:()=>null==t?void 0:t.zoomOut()})]}),(0,Ht.jsx)(ye.hU,{className:$t,icon:tt.faCaretDown,onClick:()=>null==t?void 0:t.panUp()})]}),(0,Ht.jsx)("div",{className:"flex flex-col",children:(0,Ht.jsx)(ye.hU,{className:`${$t} !my-auto`,icon:tt.faCaretRight,onClick:()=>null==t?void 0:t.panRight()})})]})})),Vt=require("@tauri-apps/api"),Qt=require("fontfaceobserver");var Jt=n.n(Qt);const Kt=(0,Xt.forwardRef)(((e,t)=>{const{diagram:n,diagramListener:_}=e,{t:a}=(0,Yt.useTranslation)(),i=(0,Xt.useRef)(),o=(0,Xt.useRef)(null),s=(0,Xt.useRef)(null),{ref:l}=(0,Zt.useResizeDetector)(),c=(0,Xt.useRef)(),d=(0,Xt.useRef)(!1);function u(){d.current=!0}function p(t){const n={fireRightClick:!0,fireMiddleClick:!0,stopContextMenu:!0,backgroundColor:"white",readOnly:e.readOnly,enableSnapToGrid:!0},_=new ye.T4(o.current,n);_.on("object:added",u),_.on("object:removed",u),_.on(r,u),d.current=!1,t&&(_.setZoom(t.zoom),_.relativePan(new ve.fabric.Point(t.pan.panX,t.pan.panY))),i.current=_}function g(){i.current&&(i.current.dispose(),i.current=void 0)}async function w(){var e;if(null!=(e=c.current)&&e.diagram_name&&c.current.diagram_type&&i.current){const e="png";console.debug(`Exporting to ${e}`);const t=i.current.viewportTransform;i.current.viewportTransform=ve.fabric.iMatrix.slice(0);let{width:n,height:r,left:_,top:o}=xe(i.current.getObjects());n&&r&&_&&o&&(n+=50,r+=50,_-=25,o-=25),await async function(e,t,n,r){return(0,Vt.invoke)("export_diagram_to_file",{diagramDataUrl:n,format:r,diagramName:e,diagramType:t})}(c.current.diagram_name,c.current.diagram_type,i.current.toDataURL({format:e,enableRetinaScaling:!0,width:n,height:r,left:_,top:o}),e).then((e=>Wt.toast.success(a("common.info.diagram_exported",{pathExportedDiagram:e})))).catch((e=>Wt.toast.success(e.msg))),i.current.viewportTransform=t}}return(0,me.B6)(c.current,n)||(c.current=n),(0,Xt.useImperativeHandle)(t,(()=>({exportDiagram:w,resetCanvas:e=>{g(),p(e)},getUpdatedDiagramSpec:()=>{if(c.current&&c.current.diagram_plantuml&&c.current.diagram_spec&&c.current.diagram_name&&c.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})(i.current);return Object.assign({},c.current.diagram_spec,{elements_specs:e})}},getCanvasState:()=>{var e,t;return{zoom:null!=(e=null==(t=i.current)?void 0:t.getZoom())?e:1,pan:Ce(i.current)}},isDiagramChanged:()=>d.current}))),(0,Xt.useLayoutEffect)((()=>{var e,t,n,r,_,a,l;console.debug("Diagram Design View changed layout"),o.current&&null!=(e=s.current)&&e.clientWidth&&null!=(t=s.current)&&t.clientHeight&&(console.debug("Canvas resize"),o.current.parentElement&&(o.current.parentElement.style.display="none"),null==(n=i.current)||n.setWidth(null==(r=s.current)?void 0:r.getBoundingClientRect().width),null==(_=i.current)||_.setHeight(null==(a=s.current)?void 0:a.getBoundingClientRect().height),o.current.parentElement&&(o.current.parentElement.style.display="flex"),null==(l=i.current)||l.renderAll())})),(0,Xt.useEffect)((()=>(new(Jt())(b.FONT.FAMILY).load(null,36e4).then((function(){i.current&&(function(e){e.getObjects().forEach((e=>e.set("dirty",!0)))}(i.current),i.current.renderAll())})),o.current&&!i.current&&p(),()=>{g()})),[]),(0,Xt.useEffect)((()=>{i.current&&c.current&&(((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);Ut(_)}})(i.current,_,c.current),i.current.renderAll(),d.current=!1)}),[c.current]),(0,Ht.jsxs)("div",{className:"relative h-full w-full border",ref:l,children:[(0,Ht.jsx)(qt,{canvas:i.current}),(0,Ht.jsx)("div",{className:"h-full w-full flex-row flex-wrap",ref:s,children:(0,Ht.jsx)("canvas",{ref:o})})]})}))},954:(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:"f60a415c08209ef4434bdd84e3a64e904846aae1",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"3c003d6c18d7ea2873198327e569cce0253179d0",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:"f60a415c08209ef4434bdd84e3a64e904846aae1",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"3c003d6c18d7ea2873198327e569cce0253179d0",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"},x={LEFT_CLICK:1,MIDDLE_CLICK:2,RIGHT_CLICK:3};var E=n(629);const S="idle",k="panning";class O extends E.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!E.fabric.Object.prototype.selectable&&E.fabric.Object.prototype.lockMovementX&&E.fabric.Object.prototype.lockMovementY&&E.fabric.Object.prototype.lockRotation&&E.fabric.Object.prototype.lockScalingFlip&&E.fabric.Object.prototype.lockScalingX&&E.fabric.Object.prototype.lockScalingY&&E.fabric.Object.prototype.lockSkewingX&&E.fabric.Object.prototype.lockSkewingY}setReadOnly(){E.fabric.Object.prototype.selectable=!1,E.fabric.Object.prototype.lockMovementX=!0,E.fabric.Object.prototype.lockMovementY=!0,E.fabric.Object.prototype.lockRotation=!0,E.fabric.Object.prototype.lockScalingFlip=!0,E.fabric.Object.prototype.lockScalingX=!0,E.fabric.Object.prototype.lockScalingY=!0,E.fabric.Object.prototype.lockSkewingX=!0,E.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 E.fabric.Point(5,0))}panRight(){this.relativePan(new E.fabric.Point(-5,0))}panUp(){this.relativePan(new E.fabric.Point(0,5))}panDown(){this.relativePan(new E.fabric.Point(0,-5))}resetPan(){this.absolutePan(new E.fabric.Point(0,0))}}function C(e){return e.button===x.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 E.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:()=>ae,C4:()=>je,C8:()=>ee,Cp:()=>qe,DM:()=>Re,HT:()=>Se,JI:()=>_e,JV:()=>xe,M1:()=>ke,MO:()=>Te,MU:()=>Fe,Or:()=>Je,QY:()=>Xe,Qm:()=>Ye,Qr:()=>Ee,RR:()=>we,Ri:()=>oe,TU:()=>We,Uj:()=>He,VH:()=>Ne,Wl:()=>pe,X8:()=>ze,XP:()=>ge,Y6:()=>C,Zb:()=>Ze,_5:()=>ce,_Z:()=>de,bs:()=>Q,cU:()=>re,co:()=>ne,dI:()=>Ve,eY:()=>ue,fY:()=>Qe,f_:()=>Le,fp:()=>le,g8:()=>S,gA:()=>te,h4:()=>Oe,hd:()=>me,ho:()=>Be,ig:()=>k,is:()=>Ie,k8:()=>ie,ly:()=>Ue,m_:()=>J,nQ:()=>he,o$:()=>Ae,oH:()=>Ke,oS:()=>Ge,oT:()=>_,qt:()=>K,rx:()=>ve,sO:()=>Ce,sc:()=>se,t3:()=>O,tA:()=>$e,ug:()=>V,uo:()=>Pe,xr:()=>ye,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){const t=i(e);return function(e){e<132||(a[e]=o,o=e)}(e),t}function l(e){o===a.length&&a.push(a.length+1);const t=o;return o=a[t],a[t]=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 x(){return null!==v&&0!==v.byteLength||(v=new Float64Array(r.memory.buffer)),v}function E(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+=E(e[0]));for(let r=1;r<t;r++)n+=", "+E(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),l=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,l,d,u,p,g,w,f,m);var a=h()[o/4+0],i=h()[o/4+1];if(h()[o/4+2])throw s(i);return z.__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],l=h()[p/4+3],d=a,u=i;if(l)throw d=0,u=0,s(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],l=h()[p/4+3],d=a,u=i;if(l)throw d=0,u=0,s(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],l=h()[p/4+3],d=a,u=i;if(l)throw d=0,u=0,s(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(s(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]=l(e[t]);return c=e.length,n}function A(e,t){try{return e.apply(this,t)}catch(e){r.__wbindgen_exn_store(l(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 s(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:l(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 s(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:l(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 s(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:l(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 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,w(e)?0:l(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 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=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 s(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:l(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 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=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 s(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:l(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 s(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:l(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=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,!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=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,!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=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,!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 s(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:l(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 s(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:l(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=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,!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=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,!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=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,!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=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,!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 s(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:l(e))}}function V(e){s(e)}function Q(e){return H.__unwrap(s(e))}function J(e){return l(i(e))}function K(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 M.__unwrap(s(e))}function te(e){return Z.__unwrap(s(e))}function ne(e){return l($.__wrap(e))}function re(e){return l(q.__wrap(e))}function _e(e){return l(M.__wrap(e))}function ae(e){return l(Z.__wrap(e))}function ie(e){return l(H.__wrap(e))}function oe(e){return l(Y.__wrap(e))}function se(e){return l(N.__wrap(e))}function le(e){return l(L.__wrap(e))}function ce(e){return l(P.__wrap(e))}function de(e){return U.__unwrap(s(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(s(e))}function fe(e){return q.__unwrap(s(e))}function he(e){return $.__unwrap(s(e))}function me(e,t){return l(new Error(y(e,t)))}function ye(e){return P.__unwrap(s(e))}function ve(e){return L.__unwrap(s(e))}function xe(e){return l(U.__wrap(e))}function Ee(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;x()[e/8+1]=w(r)?0:r,h()[e/4+0]=!w(r)}function Oe(e,t){return l(y(e,t))}function Ce(e,t){return l(i(e)[i(t)])}function Te(e,t,n){i(e)[s(t)]=s(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 l(i(e)[t>>>0])}function Ie(e){return i(e).length}function Re(){return l(new Array)}function Ae(e){return"function"==typeof i(e)}function Fe(e){return l(i(e).next)}function Le(){return A((function(e){return l(i(e).next())}),arguments)}function Me(e){return i(e).done}function Pe(e){return l(i(e).value)}function Ne(){return l(Symbol.iterator)}function ze(){return A((function(e,t){return l(Reflect.get(i(e),i(t)))}),arguments)}function Ue(){return A((function(e,t){return l(i(e).call(i(t)))}),arguments)}function Xe(){return l(new Object)}function Be(e,t,n){i(e)[t>>>0]=s(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 l(Object.entries(i(e)))}function He(e){return l(i(e).buffer)}function $e(e){return l(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(E(i(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),_=c;h()[e/4+1]=_,h()[e/4+0]=n}function Je(e,t){throw new Error(y(e,t))}function Ke(){return l(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(668),o=n(954),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,"d1c854562009d86d6285",{"./mina_react_bg.js":{__wbindgen_object_drop_ref:r.ug,__wbg_relationship_unwrap:r.bs,__wbindgen_object_clone_ref:r.m_,__wbindgen_string_get:r.qt,__wbg_component_unwrap:r.C8,__wbg_person_unwrap:r.gA,__wbg_shape_new:r.co,__wbg_softwaresystem_new:r.cU,__wbg_component_new:r.JI,__wbg_person_new:r.B5,__wbg_relationship_new:r.k8,__wbg_minaerror_new:r.Ri,__wbg_deploymentnode_new:r.sc,__wbg_boundary_new:r.fp,__wbg_container_new:r._5,__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_container_unwrap:r.xr,__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})();
|
|
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,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 f.length>1}function A(){return 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&&(console.debug("Rendering the diagram"),Ut(s.current,a,u.current),s.current.renderAll(),p.current=!1,w.current||(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:"f038be67eed13ec12c91fe7b0d2f00c9e88f60f0",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"08c95a2fc88dcac81d67262479c66e6c916359ca",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:"f038be67eed13ec12c91fe7b0d2f00c9e88f60f0",NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_BASE:"08c95a2fc88dcac81d67262479c66e6c916359ca",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})();
|
package/main.css
CHANGED
|
@@ -1340,7 +1340,7 @@ video {
|
|
|
1340
1340
|
--tw-text-opacity: 1;
|
|
1341
1341
|
color: rgb(56 103 177 / var(--tw-text-opacity));
|
|
1342
1342
|
text-decoration-line: underline;
|
|
1343
|
-
text-underline-offset:
|
|
1343
|
+
text-underline-offset: 5px;
|
|
1344
1344
|
}a:hover {
|
|
1345
1345
|
--tw-brightness: brightness(1.5);
|
|
1346
1346
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
@@ -1475,6 +1475,8 @@ video {
|
|
|
1475
1475
|
right: 0.375rem;
|
|
1476
1476
|
}.right-3 {
|
|
1477
1477
|
right: 0.75rem;
|
|
1478
|
+
}.right-5 {
|
|
1479
|
+
right: 1.25rem;
|
|
1478
1480
|
}.right-9 {
|
|
1479
1481
|
right: 2.25rem;
|
|
1480
1482
|
}.right-px {
|
|
@@ -1597,6 +1599,9 @@ video {
|
|
|
1597
1599
|
}.my-\[5px\] {
|
|
1598
1600
|
margin-top: 5px;
|
|
1599
1601
|
margin-bottom: 5px;
|
|
1602
|
+
}.my-auto {
|
|
1603
|
+
margin-top: auto;
|
|
1604
|
+
margin-bottom: auto;
|
|
1600
1605
|
}.\!mb-0 {
|
|
1601
1606
|
margin-bottom: 0px !important;
|
|
1602
1607
|
}.\!mt-0 {
|
|
@@ -2186,6 +2191,8 @@ video {
|
|
|
2186
2191
|
overflow: hidden;
|
|
2187
2192
|
}.overflow-visible {
|
|
2188
2193
|
overflow: visible;
|
|
2194
|
+
}.overflow-x-auto {
|
|
2195
|
+
overflow-x: auto;
|
|
2189
2196
|
}.overflow-y-auto {
|
|
2190
2197
|
overflow-y: auto;
|
|
2191
2198
|
}.overflow-x-hidden {
|
|
@@ -2611,14 +2618,14 @@ video {
|
|
|
2611
2618
|
padding-right: 0.25rem;
|
|
2612
2619
|
}.pr-2 {
|
|
2613
2620
|
padding-right: 0.5rem;
|
|
2621
|
+
}.pr-3 {
|
|
2622
|
+
padding-right: 0.75rem;
|
|
2614
2623
|
}.pr-\[24px\] {
|
|
2615
2624
|
padding-right: 24px;
|
|
2616
2625
|
}.pt-2 {
|
|
2617
2626
|
padding-top: 0.5rem;
|
|
2618
2627
|
}.pt-2\.5 {
|
|
2619
2628
|
padding-top: 0.625rem;
|
|
2620
|
-
}.pt-3 {
|
|
2621
|
-
padding-top: 0.75rem;
|
|
2622
2629
|
}.pt-4 {
|
|
2623
2630
|
padding-top: 1rem;
|
|
2624
2631
|
}.pt-5 {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "React library to render C4 Model diagrams created with Keadex Mina.",
|
|
4
4
|
"author": "Keadex <keadex.it@gmail.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.2.0",
|
|
7
7
|
"private": false,
|
|
8
8
|
"homepage": "https://keadex.dev",
|
|
9
9
|
"repository": {
|