npm - @keadex/mina-react - Versions diffs - 1.8.0 → 1.9.0 - Mend

@keadex/mina-react 1.8.0 → 1.9.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.

Files changed (5) hide show

package/a8ec16d298b8522829a5.module.wasm +0 -0
package/index.js +1 -1
package/main.css +38 -4
package/package.json +5 -2
package/89e186bf6c9587b545d5.module.wasm +0 -0

package/a8ec16d298b8522829a5.module.wasm ADDED Viewed

Binary file

package/index.js CHANGED Viewed

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

package/main.css CHANGED Viewed

@@ -1807,6 +1807,9 @@ video {
   height: calc(100% - 100px);
 }.h-auto {
   height: auto;
+}.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
 }.h-full {
   height: 100%;
 }.h-px {
@@ -1831,6 +1834,8 @@ video {
   min-height: auto;
 }.min-h-\[calc\(100\%-1rem\)\] {
   min-height: calc(100% - 1rem);
+}.min-h-full {
+  min-height: 100%;
 }.\!w-4 {
   width: 1rem !important;
 }.\!w-px {
@@ -1905,6 +1910,8 @@ video {
   width: 50px;
 }.w-\[6px\] {
   width: 6px;
+}.w-\[6rem\] {
+  width: 6rem;
 }.w-\[70px\] {
   width: 70px;
 }.w-\[70rem\] {
@@ -2162,6 +2169,8 @@ video {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+}.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }.\!flex-row {
   flex-direction: row !important;
 }.flex-row {
@@ -2190,6 +2199,9 @@ video {
   gap: 0.25rem;
 }.gap-2 {
   gap: 0.5rem;
+}.gap-x-4 {
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
 }.space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -2263,6 +2275,8 @@ video {
   border-radius: 0.375rem;
 }.rounded-none {
   border-radius: 0px;
+}.rounded-sm {
+  border-radius: 0.125rem;
 }.rounded-xl {
   border-radius: 0.75rem;
 }.rounded-b-lg {
@@ -2312,6 +2326,8 @@ video {
   border-bottom-width: 2px;
 }.border-l-0 {
   border-left-width: 0px;
+}.border-l-2 {
+  border-left-width: 2px;
 }.border-l-\[0\.125rem\] {
   border-left-width: 0.125rem;
 }.border-r-0 {
@@ -2344,6 +2360,9 @@ video {
 }.border-\[\#dc4c64\] {
   --tw-border-opacity: 1;
   border-color: rgb(220 76 100 / var(--tw-border-opacity));
+}.border-brand1 {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 103 177 / var(--tw-border-opacity));
 }.border-current {
   border-color: currentColor;
 }.border-gray-300 {
@@ -2621,6 +2640,8 @@ video {
   padding-bottom: 0.875rem;
 }.pb-4 {
   padding-bottom: 1rem;
+}.pb-5 {
+  padding-bottom: 1.25rem;
 }.pb-\[5px\] {
   padding-bottom: 5px;
 }.pl-0 {
@@ -2645,12 +2666,16 @@ video {
   padding-right: 0.5rem;
 }.pr-3 {
   padding-right: 0.75rem;
+}.pr-5 {
+  padding-right: 1.25rem;
 }.pr-\[24px\] {
   padding-right: 24px;
 }.ps-\[0\.15rem\] {
   padding-inline-start: 0.15rem;
 }.ps-\[1\.5rem\] {
   padding-inline-start: 1.5rem;
+}.pt-0 {
+  padding-top: 0px;
 }.pt-2 {
   padding-top: 0.5rem;
 }.pt-2\.5 {
@@ -2659,6 +2684,8 @@ video {
   padding-top: 1rem;
 }.pt-5 {
   padding-top: 1.25rem;
+}.pt-9 {
+  padding-top: 2.25rem;
 }.pt-\[0\.37rem\] {
   padding-top: 0.37rem;
 }.pt-\[6px\] {
@@ -3728,6 +3755,9 @@ video {
   cursor: default;
 }.data-\[te-select-selected\]\:data-\[te-select-option-disabled\]\:cursor-default[data-te-select-option-disabled][data-te-select-selected] {
   cursor: default;
+}.data-\[te-nav-active\]\:border-accent-primary[data-te-nav-active] {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
 }.data-\[te-nav-active\]\:border-link[data-te-nav-active] {
   --tw-border-opacity: 1;
   border-color: rgb(56 103 177 / var(--tw-border-opacity));
@@ -3738,6 +3768,9 @@ video {
   background-color: rgb(0 0 0 / 0.05);
 }.data-\[te-input-state-active\]\:bg-black\/5[data-te-input-state-active] {
   background-color: rgb(0 0 0 / 0.05);
+}.data-\[te-nav-active\]\:bg-brand1[data-te-nav-active] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 103 177 / var(--tw-bg-opacity));
 }.data-\[te-select-option-selected\]\:bg-black\/\[0\.02\][data-te-select-option-selected] {
   background-color: rgb(0 0 0 / 0.02);
 }.data-\[te-select-option-selected\]\:data-\[te-input-state-active\]\:bg-black\/5[data-te-input-state-active][data-te-select-option-selected] {
@@ -4084,11 +4117,12 @@ video {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity));
   }
-}@media (min-width: 576px) {.min-\[576px\]\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }.min-\[576px\]\:mt-7 {
+}@media (min-width: 576px) {.min-\[576px\]\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }.min-\[576px\]\:my-7 {
     margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
   }.min-\[576px\]\:min-h-\[calc\(100\%-3\.5rem\)\] {
     min-height: calc(100% - 3.5rem);
   }

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "description": "React library to render C4 Model diagrams created with Keadex Mina.",
   "author": "Keadex <keadex.it@gmail.com>",
   "license": "MIT",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "private": false,
   "homepage": "https://keadex.dev",
   "repository": {
@@ -25,11 +25,14 @@
   "main": "index.js",
   "types": "index.d.ts",
   "devDependencies": {
+    "@nx/react": "18.2.4",
+    "@nx/webpack": "18.2.4",
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
     "@wasm-tool/wasm-pack-plugin": "^1.7.0",
     "copy-webpack-plugin": "^12.0.2",
-    "webpack": "^5.89.0"
+    "webpack": "^5.89.0",
+    "webpack-node-externals": "^3.0.0"
   },
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^6.4.2",

package/89e186bf6c9587b545d5.module.wasm DELETED Viewed

Binary file