@keadex/mina-react 1.0.0

package/3rdpartylicenses.txt

@@ -0,0 +1,65 @@
+@babel/runtime
+MIT
+MIT License
+
+Copyright (c) 2014-present Sebastian McKenzie and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
+@keadex/c4-model-ui-kit
+MIT
+
+@keadex/keadex-mina
+MIT
+MIT License
+
+Copyright (c) 2022 Giacomo Simmi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+@keadex/keadex-ui-kit
+MIT
+
+@keadex/keadex-utils
+MIT
+
+@keadex/mina-react
+MIT
+
+mina-react
+MIT

package/README.md

@@ -0,0 +1,93 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/keadex/keadex/main/libs/mina-react/static/mina-react-logo.svg" width="400" alt="Keadex Mina React Logo" />
+</p>
+
+<div align="center">
+
+![GitHub](https://img.shields.io/github/license/keadex/keadex)
+![GitHub package.json version (subfolder of monorepo)](https://img.shields.io/github/package-json/v/keadex/keadex?filename=libs%2Fmina-react%2Fpackage.json)
+[![NPM Version](https://img.shields.io/npm/v/%40keadex%2Fmina-react)](https://www.npmjs.com/package/@keadex/mina-react)
+
+</div>
+
+## Quick Overview
+
+**Keadex Mina React** is a library that provides React components to render interactive C4 Model diagrams created with [Keadex Mina](https://keadex.dev/en/projects/keadex-mina).
+
+<div align="center" style="margin-top: 20px">
+  <img src="https://raw.githubusercontent.com/keadex/keadex/main/libs/mina-react/static/mina-react.gif" alt="Keadex Mina React component demo" width="70%" />
+</div>
+
+## Usage
+
+### Install
+
+```shell
+yarn add @keadex/mina-react # or npm install @keadex/mina-react
+```
+
+### Import
+
+> [!WARNING]  
+> Make sure to include also the css file from `@keadex/mina-react/main.css`
+
+`App.jsx`
+
+```JSX
+import '@keadex/mina-react/main.css'
+import MinaReact from '@keadex/mina-react'
+
+export function App() {
+  return (
+    <div className="w-full h-screen">
+      <MinaReact
+        projectRootUrl="https://raw.githubusercontent.com/keadex/keadex/main/examples/mina-react-example/demo_mina_project/Mina%20Demo"
+        diagramUrl="https://raw.githubusercontent.com/keadex/keadex/main/examples/mina-react-example/demo_mina_project/Mina%20Demo/diagrams/system-context/demo-diagram"
+      />
+    </div>
+  )
+}
+
+export default App
+```
+
+#### Props
+
+| Name             | Description                               | Required | Default |
+| ---------------- | ----------------------------------------- | -------- | ------- |
+| `projectRootUrl` | URL of the Mina project's root            | true     |         |
+| `diagramUrl`     | URL of folder containing the Mina diagram | true     |         |
+
+### Configure the bundler to include WASM
+
+The core of the Mina React component is built with [WASM](https://webassembly.org/).
+
+Some bundlers do not automatically include WASM files of the dependencies.
+
+To include WASM files of the dependencies, you have to configure your bundler. In Webpack you can do the following:
+
+`webpack.config.js`
+
+```JS
+const CopyPlugin = require('copy-webpack-plugin')
+
+const config = {
+  // your Webpack config
+}
+
+config.plugins.push(
+    new CopyPlugin({
+      patterns: [
+        {
+          from: 'node_modules/@keadex/mina-react/*.wasm',
+          to({ context, absoluteFilename }) {
+            return '[name][ext]'
+          },
+        },
+      ],
+    }),
+  )
+
+module.exports = config
+
+```

package/index.d.ts

@@ -0,0 +1,3 @@
+import './src/styles/index.css';
+import { LazyMinaReact } from './src/components/MinaReact/LazyMinaReact';
+export default LazyMinaReact;

package/index.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e,t,n,r,_,a,i={49:(e,t,n)=>{n.d(t,{r:()=>Jt});const r="#000000",_=12,a=10,i=20,o=20,s=120,l=20,c=10,d={SIZES:{DEFAULT_TOP:i+l,DEFAULT_LEFT:o+s+50,BORDER_WIDTH:1},FONT:{FAMILY:"Roboto"}},u="#1168BD",p="#438DD5",g="#85BBF0",b="#686868",w="#999999",f="#CCCCCC",h="#FFFFFF",m="#FFFFFF",y="#0F5BA6",v="#3E84C7",E="#7BADDE",x="#525252",S="#8A8A8A",k="#BDBDBD",O="#666666",C="#666666",T="#FFFFFF",D="#FFFFFF",j="#000000",I="#FFFFFF",R="#FFFFFF",A="#000000",F="#333333",L="#333333",M=220,P=100,N=15,U=10,z=20,Y=5,X=15,B=25,Z=10,W=14,H=12,$=12,G=10,q=.3,V=.15,Q="#828282",J="#404040",K=10,ee=10,te=3,ne=3,re=9,_e=1,ae=90,ie=40,oe=45,se=10,le=10,ce=150,de=80,ue=10,pe=10,ge={SIZES:{STROKE_DASH_ARRAY:[5,5]}};var be=n(255);require("change-case"),n(420);var we=n(908),fe=n(629);const he="mouseup",me="modified",ye="selected";function ve(e,t=!0,n){var r,_,a,i;let o,s,l,c;return e.forEach((e=>{if(e.visible){const r=e.getBoundingRect(!1,!0),_=t?e.getBoundingRect(!0,!1):r;let a=_.left,i=_.top;if(n&&a&&i){const e=fabric.util.transformPoint(new fabric.Point(a,i),n);a=e.x,i=e.y}(void 0===o||a<o)&&(o=a),void 0!==a&&void 0!==r.width&&(void 0===s||a+r.width>s)&&(s=a+r.width),(void 0===c||void 0!==i&&i<c)&&(c=i),void 0!==i&&void 0!==r.height&&(void 0===l||r.height+i>l)&&(l=i+r.height)}})),{left:o,right:s,top:c,bottom:l,width:(null!=(r=s)?r:0)-(null!=(_=o)?_:0),height:(null!=(a=l)?a:0)-(null!=(i=c)?i:0)}}function Ee(e,t){let n=-1;return e&&(n=e.getObjects().indexOf(t)),-1!==n?n:void 0}function xe(e,t,n=Number.MAX_SAFE_INTEGER){let r=n;return t.forEach((t=>{const n=Ee(e,t);void 0!==n&&n<r&&(r=n)})),r!==Number.MAX_SAFE_INTEGER?r:void 0}function Se(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(ke(null!=(t=e.children)?t:[],!0))})),t=e.filter((e=>!r.includes(e)))}return{filteredObjects:t,virtualGroupsRoots:n}}function ke(e,t=!0){let n=[];return e&&e.forEach((e=>{(e.visible||!e.visible&&t)&&n.push(e),e.children&&(n=n.concat(ke(e.children,t)))})),n}function Oe(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}}fe.fabric.ActiveSelection.prototype._controlsVisibility={tl:!0,tr:!0,br:!0,bl:!0,ml:!1,mt:!1,mr:!1,mb:!1,mtr:!1},fe.fabric.Object.prototype.isVirtualGroupParent=function(){return void 0!==this.children&&this.children.length>0},fe.fabric.Object.prototype.isVirtualGroupChild=function(){return void 0!==this.parent},fe.fabric.Object.prototype.isVirtualGroupRoot=function(){return this.isVirtualGroupParent()&&void 0===this.parent},fe.fabric.Object.prototype.isVirtualGroupLeaf=function(){return this.isVirtualGroupChild()&&!this.isVirtualGroupParent()},fe.fabric.Object.prototype.getVirtualGroupRoot=function(){let e=this.parent;for(;e&&e.parent;)e=e.parent;return e};class Ce extends fe.fabric.Point{constructor(e,t,n){super(e,t),this.customType=void 0,this.data=void 0,this.customType=n}}class Te extends fe.fabric.ActiveSelection{}const De=e=>"getUpdatedSpecs"in e;class je extends fe.fabric.Group{constructor(e,t,n,r,_,a,i,o=!1){var s,l,c,d,u,p,g,b,w,f,h;super(r,Object.assign({data:{rawDiagramElementSpec:t,rawData:e},name:null!=(s=n.alias)?s:"undefined",left:void 0!==(null==t||null==(l=t.position)?void 0:l.left)?null==t||null==(c=t.position)?void 0:c.left:null==(d=n.position)?void 0:d.left,top:void 0!==(null==t||null==(u=t.position)?void 0:u.top)?null==t||null==(p=t.position)?void 0:p.top:null==(g=n.position)?void 0:g.top,scaleX:void 0!==(null==t||null==(b=t.size)?void 0:b.scale_x)?null==t||null==(w=t.size)?void 0:w.scale_x:1,scaleY:void 0!==(null==t||null==(f=t.size)?void 0:f.scale_y)?null==t||null==(h=t.size)?void 0:h.scale_y:1},_)),this.parent=a,this.children=null!=i?i:[],this.setControlsVisibility({mb:!1,ml:!1,mr:!1,mt:!1,mtr:!1}),o||this.on(he,(e=>{var t;this.onComponentMouseUp(null==(t=e.target)?void 0:t.canvas,e,this)}))}getUpdatedSpecs(){var e,t;null==(e=this.canvas)||e.discardActiveObject();const n=null==(t=this.data)?void 0:t.rawDiagramElementSpec;if(n){var r,_,a,i,o,s,l,c,d,u,p,g,b,w,f,h;const e=(0,be.Xh)(n);return e.position={left:null!=(r=this.left)?r:null==(_=n.position)?void 0:_.left,top:null!=(a=this.top)?a:null==(i=n.position)?void 0:i.top,z_index:null!=(o=Ee(this.canvas,this))?o:null==(s=n.position)?void 0:s.z_index,angle:null!=(l=this.angle)?l:null==(c=n.position)?void 0:c.angle},e.size={width:null!=(d=this.width)?d:null==(u=n.size)?void 0:u.width,height:null!=(p=this.height)?p:null==(g=n.size)?void 0:g.height,scale_x:null!=(b=this.scaleX)?b:null==(w=n.size)?void 0:w.scale_x,scale_y:null!=(f=this.scaleY)?f:null==(h=n.size)?void 0:h.scale_y},e}}onComponentMouseUp(e,t,n,r){if(e)switch(t.e.preventDefault(),t.button){case 3:{e.setActiveObject(n),e.renderAll();const _=e.contextTop,a=fe.fabric.util.getPointer(t.e,_.canvas),i=new CustomEvent(we._A.CONTEXT_MENU,{detail:{sourceEvent:t,pageX:a.x,pageY:a.y,menuItems:null!=r?r:Ie(e,t,n)}});document.dispatchEvent(i);break}}}}const Ie=(e,t,n,r=!0)=>{var _,a;const i=[],o=null==(_=n.data)||null==(_=_.rawDiagramElementSpec)?void 0:_.element_type,s=null==(a=n.data)||null==(a=a.rawData)||null==(a=a.base_data)?void 0:a.link,l=e.isReadOnly();return void 0!==o&&s&&(void 0!==Pe(o)||void 0!==Ne(o)||void 0!==Ue(o)||void 0!==ze(o)||void 0!==Be(o))&&(i.push({isHeaderMenuItem:!1,id:"openDiagram",label:"Open Diagram",onClick:()=>{e.diagramListener&&e.diagramListener.onOpenDiagramClick(s)}}),l||i.push({id:"separatorCommon",isSepator:!0})),l||i.push({isHeaderMenuItem:!1,id:"bringToFront",label:"Bring to Front",onClick:()=>n.bringToFront()},{isHeaderMenuItem:!1,id:"bringForward",label:"Bring Forward",onClick:()=>n.bringForward()},{isHeaderMenuItem:!1,id:"sentToBack",label:"Send to Back",onClick:()=>Re(n)},{isHeaderMenuItem:!1,id:"sendBackwards",label:"Send Backwards",onClick:()=>Ae(n)}),r?[{isHeaderMenuItem:!0,id:"baseComponentContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:i}]:i},Re=e=>{e.parent||e.sendToBack()},Ae=e=>{if(e instanceof Te){var t,n,r;const _=e.parent,a=xe(e.canvas,null!=(t=null==_?void 0:_.children)?t:[]),i=xe(e.canvas,null!=(n=null==_||null==(r=_.parent)?void 0:r.children)?n:[]);void 0===i||void 0===a||a-1>i?e.sendBackwards():console.debug(`cannot send backwards ${a} ${i}`)}else{var _,a;const t=Ee(e.canvas,e),n=xe(e.canvas,null!=(_=null==(a=e.parent)?void 0:a.children)?_:[]);void 0===n||void 0===t||t-1>n?e.sendBackwards():console.debug(`cannot send backwards ${t} ${n}`)}},Fe=(e,t,n,r,_)=>Le(e,t,n,r,_.elements_specs)||Me(e,t,n,r),Le=(e,t,n,r,_)=>{for(let a=0;a<_.length;a++){const i=_[a],o=i.alias===e,s=(0,be.B6)(i.element_type,r);if(o&&s)return i;if(i.inner_specs){const _=i.inner_specs,a=Le(e,t,n,r,_);if(a)return a}}},Me=(e,t,n,r)=>({alias:e,from:t,to:n,element_type:r}),Pe=e=>{if("Boundary"in e)return e.Boundary},Ne=e=>{if("Component"in e)return e.Component},Ue=e=>{if("Container"in e)return e.Container},ze=e=>{if("DeploymentNode"in e)return e.DeploymentNode},Ye=e=>{if("Person"in e)return e.Person},Xe=e=>{if("Relationship"in e)return e.Relationship},Be=e=>{if("SoftwareSystem"in e)return e.SoftwareSystem};let Ze=function(e){return e.Rectangle="RECTANGLE",e.Footer="FOOTER",e}({});class We extends je{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(De(t)){const n=t.getUpdatedSpecs();n&&e.inner_specs.push(n)}else if(t.name!==Ze.Footer){var n,r;e.shapes.push({position:{left:t.left,top:t.top,z_index:Ee(t.canvas,t)},size:{scale_x:null!=(n=t.scaleX)?n:1,scale_y:null!=(r=t.scaleY)?r:1},shape_type:t.name})}else e.shapes.push({position:{z_index:Ee(t.canvas,t)},shape_type:t.name});return e}}const He=e=>{var t,n,r,_,a,i,o,s,l,c;let d,u;const p=[];null==(t=e.children)||t.forEach((e=>{e.name===Ze.Footer?u=e:e.name===Ze.Rectangle?d=e:p.push(e)}));const g=ve(ke(p),!1),b=null!=(n=null==(r=d)?void 0:r.scaleX)?n:1,w=null!=(_=null==(a=d)?void 0:a.scaleY)?_:1,f=null!=(i=null==(o=d)||null==(o=o.canvas)?void 0:o.getZoom())?i:1,h=Oe(e.canvas),m=pe*b,y=pe*w,v=ue*b,E=ue*w;var x;d&&void 0!==g.left&&void 0!==g.right&&void 0!==g.top&&void 0!==g.bottom&&void 0!==g.width&&void 0!==g.height&&void 0!==u?(g.left=(g.left-h.panX)/f,g.top=(g.top-h.panY)/f,g.right=(g.right-h.panX)/f,g.bottom=(g.bottom-h.panY)/f,g.width=g.right-g.left,g.height=g.bottom-g.top,d.width=g.width/b+m/b*2,d.height=g.height/w+y/w*3+(null!=(x=u.height)?x:0),d.left=g.left-m,d.top=g.top-y):d&&void 0!==u&&(d.width=ce,d.height=de+u.getScaledHeight()),null==(s=e.canvas)||s.renderAll(),d&&u&&void 0!==d.left&&void 0!==d.top&&void 0!==d.height&&void 0!==u.height&&(u.top=d.top+d.getScaledHeight()-u.getScaledHeight()-E,u.left=d.left+v),null==(l=d)||l.setCoords(),null==(c=u)||c.setCoords()},$e=e=>{e.on(ye,(t=>{qe(t,e)}))},Ge=e=>{e.on(ye,(t=>{qe(t,e)}))},qe=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,_,a,i;const e=t.parent,n=Se(null==(r=t.canvas)?void 0:r.getActiveObjects());let s;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(ke(null!=(n=t.children)?n:[],!1))})),s=new fe.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var o;s=new Te([...ke(null!=(o=e.children)?o:[],!1)],{canvas:t.canvas}),s.parent=e,s.on(he,(t=>{Qe(s.canvas,t,s,e)})),s.on(me,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(me)}))}null==(a=t.canvas)||a.setActiveObject(s),null==(i=t.canvas)||i.requestRenderAll()}},Ve=(e,t)=>{e&&t&&He(e)},Qe=(e,t,n,r)=>{n instanceof fe.fabric.ActiveSelection&&e&&r.onComponentMouseUp(e,t,n,((e,t,n)=>n instanceof fe.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"baseElasticContainerContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[...Ie(e,t,n,!1)]}]:[])(e,t,n))},Je=(e,t,n,r)=>{var _;const a={alias:null==(_=e.base_data)?void 0:_.alias},i=new We(e,t,a,[],void 0,void 0,void 0,!0);i.visible=!1;const o=((e,t,n)=>{var r,_,a,i,o,s,l,c,u,p;const g=null==e||null==(r=e.shapes)?void 0:r.filter((e=>e.shape_type===Ze.Rectangle))[0],b=new fe.fabric.Rect({fill:t.bgColor,stroke:t.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,strokeDashArray:t.strokeDashArray,left:null!=(_=null==g||null==(a=g.position)?void 0:a.left)?_:d.SIZES.DEFAULT_LEFT,top:null!=(i=null==g||null==(o=g.position)?void 0:o.top)?i:d.SIZES.DEFAULT_TOP,name:Ze.Rectangle,rx:U,ry:U,scaleX:null!=(s=null==g||null==(l=g.size)?void 0:l.scale_x)?s:1,scaleY:null!=(c=null==g||null==(u=g.size)?void 0:u.scale_y)?c:1});return b.data={rawDiagramElementSpec:g},b.parent=n,$e(b),null==(p=n.children)||p.push(b),b})(t,r,i);((e,t,n,r,_)=>{var a,i,o,s,l,c,u,p;const g=null==e||null==(a=e.shapes)?void 0:a.filter((e=>e.shape_type===Ze.Footer))[0],b=[],w={fontFamily:d.FONT.FAMILY,fill:t.textColor};if(null!=(i=n.base_data)&&i.label){const e=new fe.fabric.Text(n.base_data.label,Object.assign({},w,{fontSize:se,fontWeight:"bold"}));e.top=0,e.left=0,b.push(e)}let f=null!=(o=null!=(s=n.boundary_type)?s:n.deployment_node_type)?o:"";f=null!=(l=null!=(c=n.boundary_custom_type)?c:n.deploymeny_node_custom_type)?l:f,f+=n.technology?`: ${n.technology}`:"",f=`[${f}]`;const h=new fe.fabric.Text(f,Object.assign({},w,{fontSize:le,left:0,top:null!=(u=b[0].height)?u:0}));b.push(h);const m=new fe.fabric.Group(b,{name:Ze.Footer,selectable:!1,evented:!1,left:r.left,top:r.top,scaleX:r.scaleX,scaleY:r.scaleY});m.data={rawDiagramElementSpec:g},m.parent=_,Ge(m),null==(p=_.children)||p.push(m)})(t,r,e,o,i);let s=[];return e.sub_elements&&(s=Nt(void 0,e.sub_elements,n,{skipAddToCanvas:!0,skipLegendRendering:!0}),s.forEach((e=>{var t;e.parent=i,null==(t=i.children)||t.push(e)}))),He(i),(e=>{var t;null==(t=e.children)||t.forEach((t=>{t.on(me,(t=>{Ve(e,t)})),t.children&&t.children.forEach((t=>{t.on(me,(t=>{Ve(e,t)}))}))}))})(i),i},Ke=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.boundary_type){var _;const a=((e,t,n,r)=>{const _={bgColor:h,borderColor:O,textColor:F,strokeDashArray:ge.SIZES.STROKE_DASH_ARRAY},a=Object.assign({},_,r);return Je(e,t,n,a)})(t,Fe(t.base_data.alias,void 0,void 0,{Boundary:t.boundary_type},n),n);return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...ke(null!=(_=a.children)?_:[])),a}};var et=n(466);const tt=(e,t,n)=>{var r,_,a,i;const o=[],s=((e,t)=>{var n,r,_,a,i;const o=new fe.fabric.Rect({fill:t.bgColor,stroke:t.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,left:d.SIZES.DEFAULT_LEFT,top:d.SIZES.DEFAULT_TOP,width:null!=(n=t.widthBox)?n:M,height:P,name:null!=(r=null==(_=e.base_data)?void 0:_.alias)?r:"undefined",rx:null!=(a=t.borderRadius)?a:U,ry:null!=(i=t.borderRadius)?i:U});return o.on("scaling",(e=>{var t;null!=(t=e.target)&&t.width&&e.target.height&&e.target.scaleX&&e.target.scaleY&&e.target.set({width:e.target.width*e.target.scaleX,height:e.target.height*e.target.scaleY,scaleX:1,scaleY:1})})),o})(e,n);let l;o.push(s),null!=(r=e.base_data)&&r.tags&&(l=((e,t,n)=>{var r,_,a,i;return new fe.fabric.Text(`«${null==(r=t.base_data)?void 0:r.tags}»`,{fill:n.textColor,fontFamily:d.FONT.FAMILY,fontSize:H,fontStyle:"italic",fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(_=e.left)?_:d.SIZES.DEFAULT_LEFT)+(null!=(a=e.width)?a:0)/2,top:(null!=(i=e.top)?i:d.SIZES.DEFAULT_TOP)+Y})})(s,e,n),o.push(l));const c=((e,t,n,r)=>{var _,a,i,o,s;return new fe.fabric.Text(null!=(_=null==(a=n.base_data)?void 0:a.label)?_:"undefined",{fill:r.textColor,fontFamily:d.FONT.FAMILY,fontSize:W,fontWeight:"bold",textAlign:"center",originX:"center",originY:"top",left:(null!=(i=e.left)?i:d.SIZES.DEFAULT_LEFT)+(null!=(o=e.width)?o:0)/2,top:(null!=(s=null==t?void 0:t.top)?s:d.SIZES.DEFAULT_TOP)+z})})(s,l,e,n);o.push(c);const u=((e,t,n,r)=>{var _,a,i,o,s,l,c,u,p,g;const b=`[${null!=(_=null!=(a=null!=(i=null!=(o=null!=(s=null!=(l=null!=(c=n.boundary_custom_type)?c:n.boundary_type)?l:n.component_type)?s:n.container_type)?o:n.deployment_node_type)?i:n.deploymeny_node_custom_type)?a:n.person_type)?_:n.system_type}${n.technology?`: ${n.technology}`:""}]`;return new fe.fabric.Text(b,{fill:r.textColor,fontFamily:d.FONT.FAMILY,fontSize:$,fontWeight:"normal",textAlign:"center",originX:"center",originY:"top",left:(null!=(u=e.left)?u:d.SIZES.DEFAULT_LEFT)+(null!=(p=e.width)?p:0)/2,top:(null!=(g=null==t?void 0:t.top)?g:d.SIZES.DEFAULT_TOP)+X})})(s,c,e,n);let p;o.push(u),null!=(_=e.base_data)&&_.description&&(p=((e,t,n,r)=>{var _,a,i,o,s,l;const c=null!=(_=r.widthDescription)?_:e.width;return new fe.fabric.Textbox(null!=(a=null==(i=n.base_data)?void 0:i.description)?a:"",{fill:r.textColor,fontFamily:d.FONT.FAMILY,fontSize:G,fontWeight:400,opacity:.7,splitByGrapheme:!0,width:c?c-Z:0,textAlign:"center",originX:"center",originY:"top",left:(null!=(o=e.left)?o:d.SIZES.DEFAULT_LEFT)+(null!=(s=e.width)?s:0)/2,top:(null!=(l=null==t?void 0:t.top)?l:0)+B})})(s,u,e,n),o.push(p)),null!=(a=e.base_data)&&a.link&&o.push(((e,t)=>{var n,r;const _=new fe.fabric.Path(et.faLink.icon[4].toString(),{fill:t.textColor,opacity:1,originX:"left",originY:"top",left:(null!=(n=e.left)?n:0)+5,top:(null!=(r=e.top)?r:0)+5});return _.scaleToWidth(10),_})(s,n)),((e,t)=>{var n,r,_;let a=(null!=(n=null==t?void 0:t.height)?n:0)+((null!=(r=null==t?void 0:t.top)?r:0)-(null!=(_=null==e?void 0:e.top)?_:0))+N;a<P&&(a=P),e.height=a})(s,p);const g={alias:null==(i=e.base_data)?void 0:i.alias,position:{left:d.SIZES.DEFAULT_LEFT,top:d.SIZES.DEFAULT_TOP}};return new je(e,t,g,o)},nt=(e,t,n)=>{var r,_;const a=[],i=rt(e,n);a.push(i);const o=(null!=(r=i.height)?r:0)/2-d.SIZES.BORDER_WIDTH/2;a.push(_t(i,o,n)),a.push(at(i,o,n));const s={alias:null==(_=e.base_data)?void 0:_.alias,position:{left:d.SIZES.DEFAULT_LEFT,top:d.SIZES.DEFAULT_TOP}};return new je(e,t,s,a)},rt=(e,t)=>{const n=Object.assign({},t,{borderRadius:0});return tt(e,{},n)},_t=(e,t,n)=>{var r;return new fe.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(r=e.left)?r:0)+2*t*q/2+2*d.SIZES.BORDER_WIDTH,angle:90,startAngle:0,endAngle:180,scaleY:q})},at=(e,t,n)=>{var r,_,a,i,o,s,l,c,u,p,g,b,w,f,h,m,y,v,E;const x=[],S=d.SIZES.BORDER_WIDTH,k=new fe.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+(null!=(_=e.width)?_:0)-S,top:(null!=(a=e.top)?a:0)+d.SIZES.BORDER_WIDTH,width:20,height:(null!=(i=e.height)?i:0)-2*d.SIZES.BORDER_WIDTH});return x.push(k),x.push(new fe.fabric.Line([null!=(o=k.left)?o:0,null!=(s=e.top)?s:0,(null!=(l=k.left)?l:0)+(null!=(c=k.width)?c:0),null!=(u=e.top)?u:0],{strokeWidth:d.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),x.push(new fe.fabric.Line([null!=(p=k.left)?p:0,(null!=(g=k.top)?g:0)+(null!=(b=k.height)?b:0),(null!=(w=k.left)?w:0)+(null!=(f=k.width)?f:0),(null!=(h=k.top)?h:0)+(null!=(m=k.height)?m:0)],{strokeWidth:d.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),x.push(new fe.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,radius:t,top:e.top,left:(null!=(y=k.left)?y:0)+(null!=(v=k.width)?v:0)+(null!=(E=e.height)?E:0)*q/2-S,angle:90,startAngle:0,endAngle:360,scaleY:q})),new fe.fabric.Group(x)},it=nt,ot=(e,t,n)=>{var r,_;const a=[],i=((e,t)=>{const n=Object.assign({},t,{borderRadius:0});return tt(e,{},n)})(e,n);a.push(i);const o=(null!=(r=i.width)?r:0)/2-d.SIZES.BORDER_WIDTH/2;a.push(((e,t,n)=>{var r,_,a,i,o,s,l,c,u,p,g,b,w,f,h,m,y;const v=[],E=d.SIZES.BORDER_WIDTH,x=new fe.fabric.Rect({fill:n.bgColor,strokeWidth:0,left:(null!=(r=e.left)?r:0)+d.SIZES.BORDER_WIDTH,top:(null!=(_=e.top)?_:0)-14+E,width:(null!=(a=e.width)?a:0)-2*d.SIZES.BORDER_WIDTH,height:14});return v.push(x),v.push(new fe.fabric.Line([null!=(i=e.left)?i:0,null!=(o=e.top)?o:0,null!=(s=e.left)?s:0,null!=(l=x.top)?l:0],{strokeWidth:d.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new fe.fabric.Line([(null!=(c=e.left)?c:0)+(null!=(u=e.width)?u:0)-d.SIZES.BORDER_WIDTH,null!=(p=e.top)?p:0,(null!=(g=e.left)?g:0)+(null!=(b=e.width)?b:0)-d.SIZES.BORDER_WIDTH,null!=(w=x.top)?w:0],{strokeWidth:d.SIZES.BORDER_WIDTH,stroke:n.borderColor,originX:"left",originY:"top"})),v.push(new fe.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,radius:t,top:(null!=(f=x.top)?f:0)-(null!=(h=e.width)?h:0)*V/2,left:(null!=(m=x.left)?m:0)+ +(null!=(y=e.width)?y:0)-E,angle:90,startAngle:0,endAngle:360,scaleX:V})),new fe.fabric.Group(v)})(i,o,n)),a.push(((e,t,n)=>{var r,_,a,i;return new fe.fabric.Circle({fill:n.bgColor,stroke:n.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH,radius:t,top:(null!=(r=e.top)?r:0)+(null!=(_=e.height)?_:0)-2*t*V/2-d.SIZES.BORDER_WIDTH,left:(null!=(a=e.left)?a:0)+(null!=(i=e.width)?i:0),angle:90,startAngle:270,endAngle:90,scaleX:V})})(i,o,n));const s={alias:null==(_=e.base_data)?void 0:_.alias,position:{left:d.SIZES.DEFAULT_LEFT,top:d.SIZES.DEFAULT_TOP}};return new je(e,t,s,a)},st=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.component_type){let _;switch(t.component_type){case"Component":case"ComponentDb":case"ComponentQueue":_=((e,t,n)=>{const r={bgColor:g,borderColor:E,textColor:j},_=Object.assign({},r,n);if(e.component_type)switch(e.component_type){case"Component":return tt(e,t,_);case"ComponentDb":return ot(e,t,_);case"ComponentQueue":return it(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{Component:t.component_type},n));break;case"Component_Ext":case"ComponentDb_Ext":case"ComponentQueue_Ext":_=((e,t,n)=>{const r={bgColor:f,borderColor:k,textColor:A},_=Object.assign({},r,n);if(e.component_type)switch(e.component_type){case"Component_Ext":return tt(e,t,_);case"ComponentDb_Ext":return ot(e,t,_);case"ComponentQueue_Ext":return it(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{Component:t.component_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},lt=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.container_type){let _;switch(t.container_type){case"Container":case"ContainerDb":case"ContainerQueue":_=((e,t,n)=>{const r={bgColor:p,borderColor:v,textColor:D},_=Object.assign({},r,n);if(e.container_type)switch(e.container_type){case"Container":return tt(e,t,_);case"ContainerDb":return ot(e,t,_);case"ContainerQueue":return nt(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{Container:t.container_type},n));break;case"Container_Ext":case"ContainerDb_Ext":case"ContainerQueue_Ext":_=((e,t,n)=>{const r={bgColor:w,borderColor:S,textColor:R},_=Object.assign({},r,n);if(e.container_type)switch(e.container_type){case"Container_Ext":return tt(e,t,_);case"ContainerDb_Ext":return ot(e,t,_);case"ContainerQueue_Ext":return it(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{Container:t.container_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},ct=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.base_data.label&&t.deployment_node_type){var _;const a=((e,t,n,r)=>{const _={bgColor:m,borderColor:C,textColor:L},a=Object.assign({},_,r);return Je(e,t,n,a)})(t,Fe(t.base_data.alias,void 0,void 0,{DeploymentNode:t.deployment_node_type},n),n);return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...ke(null!=(_=a.children)?_:[])),a}},dt=(e,t,n)=>{var r;const _=[],a=((e,t)=>{const n=Object.assign({},t,{borderRadius:ie});return tt(e,{},n)})(e,n);_.push(a);const i=((e,t)=>{var n,r,_,a,i;const o=new fe.fabric.Circle({radius:oe,top:t.top,left:t.left,fill:e.bgColor,stroke:e.borderColor,strokeWidth:d.SIZES.BORDER_WIDTH});return o.left=(null!=(n=o.left)?n:0)+(null!=(r=t.getScaledWidth())?r:0)/2-(null!=(_=o.getScaledWidth())?_:0)/2,o.top=(null!=(a=o.top)?a:0)-(null!=(i=o.getScaledWidth())?i:0)+5,o})(n,a);_.push(i);const o={alias:null==(r=e.base_data)?void 0:r.alias,position:{left:d.SIZES.DEFAULT_LEFT,top:d.SIZES.DEFAULT_TOP}};return new je(e,t,o,_)},ut=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.person_type){let _;switch(t.person_type){case"Person":_=((e,t,n)=>{const r={bgColor:u,borderColor:y,textColor:T},_=Object.assign({},r,n);return dt(e,t,_)})(t,Fe(t.base_data.alias,void 0,void 0,{Person:t.person_type},n));break;case"Person_Ext":_=((e,t,n)=>{const r={bgColor:b,borderColor:x,textColor:I},_=Object.assign({},r,n);return dt(e,t,_)})(t,Fe(t.base_data.alias,void 0,void 0,{Person:t.person_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}};let pt=function(e){return e.Dot="DOT",e.Line="LINE",e.Text="TEXT",e.Triangle="TRIANGLE",e.Rectangle="RECTANGLE",e}({});const gt=[new Ce(0+d.SIZES.DEFAULT_LEFT,0+d.SIZES.DEFAULT_TOP,pt.Dot),new Ce(100+d.SIZES.DEFAULT_LEFT,0+d.SIZES.DEFAULT_TOP,pt.Triangle)];class bt extends je{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=(0,be.Xh)(t);if(n.name===pt.Line||n.name===pt.Rectangle)e.shapes.push({position:{z_index:Ee(n.canvas,n)},shape_type:n.name});else{var r,_;let t=0,a=0;const i=n.angle;if(n.name===pt.Text)t=n.getCenterPoint().x,a=n.getCenterPoint().y;else if(n.name===pt.Dot||n.name===pt.Triangle){n.name===pt.Triangle&&n.rotate(ae);const e=mt(this.canvas,n.left,n.top,n.name===pt.Triangle,i,n.scaleX,n.scaleY,!0);t=e.left,a=e.top}const o={position:{left:t,top:a,z_index:Ee(n.canvas,n)},size:{scale_x:null!=(r=n.scaleX)?r:1,scale_y:null!=(_=n.scaleY)?_:1},shape_type:n.name};n.name===pt.Triangle&&(o.position.angle=i),e.shapes.push(o)}}))),e}}const wt=e=>{var t;e.children=null==(t=e.children)?void 0:t.sort(((e,t)=>e.name===pt.Rectangle||e.name===pt.Line&&t.name!==pt.Rectangle?-1:t.name===pt.Rectangle||e.name!==pt.Rectangle&&t.name===pt.Line?1:e.name===t.name?0:1))},ft=e=>{const t=e.parent;let n,r=1;const _=e.canvas;if(t&&_){const o=[],s=[];if(t.children){var a,i;t.children.forEach((e=>{if(e.name===pt.Triangle&&(n=e),e.name===pt.Dot||e.name===pt.Triangle){var t;s.push(e),r=null!=(t=e.scaleX)?t:1;const n=e.getPointByOrigin("center","center"),_=new Ce(n.x,n.y,e.name);o.push(_)}}));let l=t.children.findIndex((e=>e.name===pt.Line));void 0!==l&&l>-1&&t.children.splice(l,1);const c=Ee(_,e),d=null==(a=e.data)?void 0:a.rawDiagramElementSpec;_.remove(e);const u=xt(d,o,t,r);_.add(u),c&&u.moveTo(c),l=t.children.findIndex((e=>e.name===pt.Rectangle));const p=t.children[l],g=Ee(_,p),b=null==(i=p.data)?void 0:i.rawDiagramElementSpec;_.remove(p),void 0!==l&&l>-1&&t.children.splice(l,1);const w=St(b,s,t,_);_.add(w),g&&w.moveTo(g),n&&ht(o,n)}}},ht=(e,t)=>{let n;if(e){const r=e.findIndex((e=>e.customType===pt.Triangle)),_=e[r],a=e[r>0?r-1:r+1];n=180*Math.atan2(_.y-a.y,_.x-a.x)/Math.PI+90,t.rotate(n)}},mt=(e,t,n,r,_=ae,a=1,i=1,o)=>{var s;const l=null!=(s=null==e?void 0:e.getZoom())?s:1,c=Oe(e);let d=t,u=n;if(r){const e=re*a/2+_e*a/2,t=re*i/2+_e*i/2;o?(d-=e,u+=t):(d+=e,u-=t)}else{const e=ne*a*2+_e*a/2,t=ne*i+_e*i/2;o?(d+=e,u+=t):(d-=e,u-=t)}return o||(d=(d-c.panX)/l,u=(u-c.panY)/l),{left:d,top:u,angle:_}},yt=e=>{let t=[];return null!=e&&e.shapes?null==e||e.shapes.forEach((e=>{var n,r;if((e.shape_type===pt.Dot||e.shape_type===pt.Triangle)&&void 0!==(null==(n=e.position)?void 0:n.left)&&void 0!==(null==(r=e.position)?void 0:r.top)){const n=new Ce(e.position.left,e.position.top,e.shape_type);n.data={rawDiagramElementSpec:e},t.push(n)}})):t=t.concat(gt),t},vt=(e,t,n,r)=>{const _=[];for(let n=0;n<t.length;n++){var a,i,o;_.push(Et(e,t[n],t[n].customType===pt.Triangle?null==(a=t[n].data)||null==(a=a.rawDiagramElementSpec)||null==(a=a.position)?void 0:a.angle:void 0,t[n].customType===pt.Triangle,r,!0,null==(i=t[n].data)||null==(i=i.rawDiagramElementSpec)||null==(i=i.size)?void 0:i.scale_x,null==(o=t[n].data)||null==(o=o.rawDiagramElementSpec)||null==(o=o.size)?void 0:o.scale_y))}return _},Et=(e,t,n,r,_,a=!0,i=1,o=1)=>{const{left:s,top:l,angle:c}=mt(e,t.x,t.y,r,n,i,o,!1);if(r){var d,u;const e=new fe.fabric.Triangle({left:s,top:l,width:re,height:re,fill:Q,scaleX:i,scaleY:o,hasControls:!1,name:pt.Triangle,angle:ae});return e.rotate(c),e.data={rawDiagramElementSpec:null==(d=t.data)?void 0:d.rawDiagramElementSpec},e.parent=_,a&&(null==(u=_.children)||u.push(e)),Dt(e),e}{var p,g;const e=new fe.fabric.Circle({left:s,top:l,radius:ne,fill:Q,scaleX:i,scaleY:o,hasControls:!1,name:pt.Dot});return e.data={rawDiagramElementSpec:null==(p=t.data)?void 0:p.rawDiagramElementSpec},e.parent=_,a&&(null==(g=_.children)||g.push(e)),Dt(e),e}},xt=(e,t,n,r=1)=>{var _,a;const i=null==e||null==(_=e.shapes)?void 0:_.filter((e=>e.shape_type===pt.Line))[0],o=new fe.fabric.Polyline(t,{stroke:Q,fill:"",strokeWidth:_e*r,scaleX:1,scaleY:1,name:pt.Line});return o.data={rawDiagramElementSpec:i},o.parent=n,Ct(o),null==(a=n.children)||a.push(o),o},St=(e,t,n,r)=>{var _,a,i;const o=null==e||null==(_=e.shapes)?void 0:_.filter((e=>e.shape_type===pt.Rectangle))[0],s=ve(t,!1),l=Oe(r),c=null!=(a=null==r?void 0:r.getZoom())?a:1;s.left&&s.top&&(s.left=(s.left-l.panX)/c,s.top=(s.top-l.panY)/c),s.width&&s.height&&(s.width=s.width/c,s.height=s.height/c);const d=new fe.fabric.Rect({stroke:"",fill:"",name:pt.Rectangle,left:s.left,top:s.top,width:s.width,height:s.height});return d.data={rawDiagramElementSpec:o},d.parent=n,Tt(d),null==(i=n.children)||i.push(d),d},kt=(e,t,n,r,_)=>{var a,i,o,s,l,c,u,p;let g,b=1,w=1;var f,h,m,y;null!=t&&t.shapes&&(g=t.shapes.filter((e=>e.shape_type===pt.Text))[0],g&&(b=null!=(f=null==(h=g.size)?void 0:h.scale_x)?f:1,w=null!=(m=null==(y=g.size)?void 0:y.scale_y)?m:1));const v=[],E={fontFamily:d.FONT.FAMILY,fill:J};if(null!=(a=e.base_data)&&a.label){var x,S,k,O,C;const t=new fe.fabric.Text(e.base_data.label,Object.assign({},E,{fontSize:K,fontWeight:"bold"}));t.top=e.technology?-(null!=(x=t.height)?x:0):-(null!=(S=t.height)?S:0)/2,t.left=(null!=(k=n.width)?k:0)/2-(null!=(O=t.width)?O:0)/2-(null!=(C=r[0].width)?C:0)/2,v.push(t)}if(e.technology){var T,D,j;const t=new fe.fabric.Text(`[${e.technology}]`,Object.assign({},E,{fontSize:ee}));t.left=(null!=(T=n.width)?T:0)/2-(null!=(D=t.width)?D:0)/2-(null!=(j=r[0].width)?j:0)/2,v.push(t)}const I=new fe.fabric.Group(v),R=I.getBoundingRect(),A=new fe.fabric.Rect({top:R.top-te,left:R.left-te,width:R.width+2*te,height:R.height+2*te,fill:"white"}),F=new fe.fabric.Group([A,I],{name:pt.Text,hasControls:!1,left:(null!=(i=n.left)?i:0)+(null!=(o=n.width)?o:0)/2-(null!=(s=A.width)?s:0)/2,top:(null!=(l=n.top)?l:0)+(null!=(c=n.height)?c:0)/2-(null!=(u=A.height)?u:0)/2,scaleX:b,scaleY:w});var L,M;return F.data={rawDiagramElementSpec:g},F.parent=_,null==(p=_.children)||p.push(F),g&&void 0!==(null==(L=g.position)?void 0:L.left)&&void 0!==(null==(M=g.position)?void 0:M.top)&&F.setPositionByOrigin(new fe.fabric.Point(g.position.left,g.position.top),"center","center"),F},Ot=(e,t)=>{var n;if(e.e&&null!=(n=t.parent)&&n.children){var r,_,a,i;const e=t.parent,n=Se(null==(r=t.canvas)?void 0:r.getActiveObjects());let s;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(ke(null!=(n=t.children)?n:[],!1))})),s=new fe.fabric.ActiveSelection(e,{canvas:t.canvas})}else{var o;s=new Te([...null!=(o=e.children)?o:[]],{canvas:t.canvas}),s.parent=t.parent,s.on(he,(t=>{Rt(s.canvas,t,s,e)})),s.on(me,(n=>{var r;null==(r=t.canvas)||r.discardActiveObject(),e.fire(me)}))}null==(a=t.canvas)||a.setActiveObject(s),null==(i=t.canvas)||i.requestRenderAll()}},Ct=e=>{const t=e.parent;e.on(ye,(t=>{Ot(t,e)})),e.on(he,(n=>{Rt(e.canvas,n,e,t)}))},Tt=e=>{const t=e.parent;e.on(ye,(t=>{Ot(t,e)})),e.on(he,(n=>{Rt(e.canvas,n,e,t)}))},Dt=e=>{const t=e.parent;e.on("moving",(e=>{jt(e)})),e.on(he,(n=>{Rt(e.canvas,n,e,t)}))},jt=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===pt.Line))[0];e&&ft(e)}}},It=(e,t,n)=>e.isReadOnly()?[]:n instanceof fe.fabric.ActiveSelection?[{isHeaderMenuItem:!0,id:"relationshipContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"addPoint",label:"Add point",onClick:()=>{((e,t)=>{const n=e.canvas;if(t.pointer&&n){const r=e.getObjects().filter((e=>e.name===pt.Line))[0],_=e.getObjects().filter((e=>e.name===pt.Dot))[0];n.discardActiveObject();const a=r.parent;if(a){const e=new Ce(t.pointer.x,t.pointer.y,pt.Dot),i=Et(n,e,void 0,!1,a,!1,_.scaleX,_.scaleY);((e,t)=>{const n=e.parent;if(n){var r;let _,a;const i=[];null==(r=n.children)||r.forEach((e=>{e.name===pt.Text?_=e:e.name===pt.Rectangle?a=e:e.name!==pt.Dot&&e.name!==pt.Triangle||i.push(e)})),i.push(t),i.sort(((e,t)=>e.getCenterPoint().x-t.getCenterPoint().x)),n.children=i,n.children.push(e),_&&n.children.push(_),a&&n.children.push(a)}})(r,i),n.add(i),ft(r)}}})(n,t)}},{id:"separatorCommon",isSepator:!0},...Ie(e,t,n,!1)]}]:n.name===pt.Dot?[{isHeaderMenuItem:!0,id:"dotContextMenu",label:"",hidden:!0,alwaysOpen:!0,subMenuItems:[{isHeaderMenuItem:!1,id:"removePoint",label:"Remove point",onClick:()=>{(e=>{const t=e.parent;if(t&&e.canvas){var n;const i=null==(n=t.children)?void 0:n.filter((e=>e.name===pt.Dot||e.name===pt.Triangle));if(void 0!==i&&i.length>2){var r,_;const n=null==(r=t.children)?void 0:r.filter((e=>e.name===pt.Line))[0],i=null==(_=t.children)?void 0:_.findIndex((t=>t.getCenterPoint().eq(e.getCenterPoint())));var a;void 0!==i&&i>-1&&(null==(a=t.children)||a.splice(i,1)),e.canvas.remove(e),ft(n)}}})(n)}}]}]:[],Rt=(e,t,n,r)=>{n.name!==pt.Line&&n.name!==pt.Rectangle&&e&&r.onComponentMouseUp(e,t,n,It(e,t,n))},At=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.relationship_type){var _;const a=((e,t)=>{var n;const r={alias:null==(n=e.base_data)?void 0:n.alias};let _=1;if(t){var a,i,o;const e=null==(a=t.shapes)?void 0:a.filter((e=>e.shape_type===pt.Dot));e&&e.length>0&&(_=null!=(i=null==(o=e[0].size)?void 0:o.scale_x)?i:1)}const s=new bt(e,t,r,[],{visible:!1,selectable:!1},void 0,void 0,!0),l=yt(t),c=vt(void 0,l,t,s),d=c.map((e=>new Ce(e.getCenterPoint().x,e.getCenterPoint().y,e.name))),u=xt(t,d,s,_);return St(t,c,s,void 0),kt(e,t,u,c,s),wt(s),s})(t,Fe(t.base_data.alias,t.from,t.to,{Relationship:t.relationship_type},n));return r&&r.skipAddToCanvas||!a||null==e||e.add(a,...null!=(_=a.children)?_:[]),a}},Ft=(e,t,n,r)=>{if(t.base_data&&t.base_data.alias&&t.system_type){let _;switch(t.system_type){case"System":case"SystemDb":case"SystemQueue":_=((e,t,n)=>{const r={bgColor:u,borderColor:y,textColor:T},_=Object.assign({},r,n);if(e.system_type)switch(e.system_type){case"System":return tt(e,t,_);case"SystemDb":return ot(e,t,_);case"SystemQueue":return it(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n));break;case"System_Ext":case"SystemDb_Ext":case"SystemQueue_Ext":_=((e,t,n)=>{const r={bgColor:b,borderColor:x,textColor:I},_=Object.assign({},r,n);if(e.system_type)switch(e.system_type){case"System_Ext":return tt(e,t,_);case"SystemDb_Ext":return ot(e,t,_);case"SystemQueue_Ext":return it(e,t,_)}})(t,Fe(t.base_data.alias,void 0,void 0,{SoftwareSystem:t.system_type},n))}return r&&r.skipAddToCanvas||!_||null==e||e.add(_),_}},Lt="legend",Mt=(e,t,n,r)=>{var _,u,p;const g=[],b=new fe.fabric.Rect({fill:t,left:o,top:i+l*r,width:s,height:l});g.push(b);const w=new fe.fabric.Text(e,{fill:n,fontFamily:d.FONT.FAMILY,fontSize:a,fontWeight:"normal",textAlign:"left",originX:"left",originY:"top",left:o+c});return w.top=(null!=(_=b.top)?_:0)+(null!=(u=b.height)?u:0)/2-(null!=(p=w.height)?p:0)/2,g.push(w),g},Pt=e=>{let t=[];const n=new fe.fabric.Text("LEGEND",{fill:r,fontFamily:d.FONT.FAMILY,fontSize:_,fontWeight:"bold",textAlign:"left",originX:"left",originY:"top",left:o,top:i});t.push(n),t=t.concat(Mt("System/Person",u,T,1)),t=t.concat(Mt("System/Person External",b,I,2)),t=t.concat(Mt("Container",p,D,3)),t=t.concat(Mt("Container External",w,R,4)),t=t.concat(Mt("Component",g,j,5)),t=t.concat(Mt("Component External",f,A,6));return new je(void 0,e,{alias:Lt,position:{left:o,top:i}},t)},Nt=(e,t,n,r)=>{const _=[];if(n){if(!r||!r.skipLegendRendering){const t=Pt(Fe(Lt,void 0,void 0,void 0,n));t&&(_.push(t),null==e||e.add(t))}if(t)for(const a of t)if(Pe(a)){const t=Ke(e,Pe(a),n,r);t&&_.push(t)}else if(Ne(a)){const t=st(e,Ne(a),n,r);t&&_.push(t)}else if(Ue(a)){const t=lt(e,Ue(a),n,r);t&&_.push(t)}else if(ze(a)){const t=ct(e,ze(a),n,r);t&&_.push(t)}else if(Ye(a)){const t=ut(e,Ye(a),n,r);t&&_.push(t)}else if(Xe(a)){const t=At(e,Xe(a),n,r);t&&_.push(t)}else if(Be(a)){const t=Ft(e,Be(a),n,r);t&&_.push(t)}}return _},Ut=e=>{e.forEach((e=>{var t;void 0!==(null==(t=e.data)||null==(t=t.rawDiagramElementSpec)||null==(t=t.position)?void 0:t.z_index)&&e.moveTo(e.data.rawDiagramElementSpec.position.z_index),e.children&&e.children.length>0&&Ut(e.children)}))};var zt=n(689),Yt=n.n(zt),Xt=n(709);const Bt=require("react-resize-detector"),Zt=require("react-toastify");var Wt=n(997);const Ht="text-5xl -mt-2 text-dark-primary hover:text-third",$t="text-2xl text-dark-primary hover:text-third",Gt=Yt().memo((e=>{const{canvas:t}=e;return(0,Wt.jsxs)("div",{className:"absolute bottom-0 left-0 z-[1] grid scale-[85%] grid-cols-3 opacity-20 transition hover:scale-[100%] hover:opacity-100",children:[(0,Wt.jsx)("div",{}),(0,Wt.jsx)(we.hU,{className:Ht,icon:et.faCaretUp,onClick:()=>null==t?void 0:t.panDown()}),(0,Wt.jsx)("div",{}),(0,Wt.jsx)(we.hU,{className:Ht,icon:et.faCaretLeft,onClick:()=>null==t?void 0:t.panLeft()}),(0,Wt.jsxs)("div",{children:[(0,Wt.jsx)(we.hU,{className:$t,icon:et.faMagnifyingGlassPlus,onClick:()=>null==t?void 0:t.zoomIn()}),(0,Wt.jsx)(we.hU,{className:`${$t} ml-2`,icon:et.faMagnifyingGlassMinus,onClick:()=>null==t?void 0:t.zoomOut()})]}),(0,Wt.jsx)(we.hU,{className:Ht,icon:et.faCaretRight,onClick:()=>null==t?void 0:t.panRight()}),(0,Wt.jsx)("div",{}),(0,Wt.jsx)(we.hU,{className:Ht,icon:et.faCaretDown,onClick:()=>null==t?void 0:t.panUp()}),(0,Wt.jsx)("div",{})]})})),qt=require("@tauri-apps/api"),Vt=require("fontfaceobserver");var Qt=n.n(Vt);const Jt=(0,zt.forwardRef)(((e,t)=>{const{diagram:n,diagramListener:r}=e,{t:_}=(0,Xt.useTranslation)(),a=(0,zt.useRef)(),i=(0,zt.useRef)(null),o=(0,zt.useRef)(null),{ref:s}=(0,Bt.useResizeDetector)(),l=(0,zt.useRef)(),c=(0,zt.useRef)(!1);function u(){c.current=!0}function p(t){const n={fireRightClick:!0,fireMiddleClick:!0,stopContextMenu:!0,backgroundColor:"white",readOnly:e.readOnly,enableSnapToGrid:!0},r=new we.T4(i.current,n);r.on("object:added",u),r.on("object:removed",u),r.on("object:modified",u),c.current=!1,t&&(r.setZoom(t.zoom),r.relativePan(new fe.fabric.Point(t.pan.panX,t.pan.panY))),a.current=r}function g(){a.current&&(a.current.dispose(),a.current=void 0)}async function b(){var e;if(null!=(e=l.current)&&e.diagram_name&&l.current.diagram_type&&a.current){const e="png";console.debug(`Exporting to ${e}`);const t=a.current.viewportTransform;a.current.viewportTransform=fe.fabric.iMatrix.slice(0);let{width:n,height:r,left:i,top:o}=ve(a.current.getObjects());n&&r&&i&&o&&(n+=50,r+=50,i-=25,o-=25),await async function(e,t,n,r){return(0,qt.invoke)("export_diagram_to_file",{diagramDataUrl:n,format:r,diagramName:e,diagramType:t})}(l.current.diagram_name,l.current.diagram_type,a.current.toDataURL({format:e,enableRetinaScaling:!0,width:n,height:r,left:i,top:o}),e).then((e=>Zt.toast.success(_("common.info.diagram_exported",{pathExportedDiagram:e})))).catch((e=>Zt.toast.success(e.msg))),a.current.viewportTransform=t}}return(0,be.B6)(l.current,n)||(l.current=n),(0,zt.useImperativeHandle)(t,(()=>({exportDiagram:b,resetCanvas:e=>{g(),p(e)},getUpdatedDiagramSpec:()=>{if(l.current&&l.current.diagram_plantuml&&l.current.diagram_spec&&l.current.diagram_name&&l.current.diagram_type){const e=(e=>{const t=Array();return e&&e.getObjects().forEach((e=>{if(e instanceof je){const n=e.getUpdatedSpecs();n&&t.push(n)}})),t})(a.current);return Object.assign({},l.current.diagram_spec,{elements_specs:e})}},getCanvasState:()=>{var e,t;return{zoom:null!=(e=null==(t=a.current)?void 0:t.getZoom())?e:1,pan:Oe(a.current)}},isDiagramChanged:()=>c.current}))),(0,zt.useLayoutEffect)((()=>{var e,t,n,r,_,s,l;console.debug("Diagram Design View changed layout"),i.current&&null!=(e=o.current)&&e.clientWidth&&null!=(t=o.current)&&t.clientHeight&&(console.debug("Canvas resize"),i.current.parentElement&&(i.current.parentElement.style.display="none"),null==(n=a.current)||n.setWidth(null==(r=o.current)?void 0:r.getBoundingClientRect().width),null==(_=a.current)||_.setHeight(null==(s=o.current)?void 0:s.getBoundingClientRect().height),i.current.parentElement&&(i.current.parentElement.style.display="flex"),null==(l=a.current)||l.renderAll())})),(0,zt.useEffect)((()=>(new(Qt())(d.FONT.FAMILY).load(null,36e4).then((function(){a.current&&(function(e){e.getObjects().forEach((e=>e.set("dirty",!0)))}(a.current),a.current.renderAll())})),i.current&&!a.current&&p(),()=>{g()})),[]),(0,zt.useEffect)((()=>{a.current&&l.current&&(((e,t,n)=>{if(e&&n){var r;e.diagramListener=t;const _=Nt(e,null==(r=n.diagram_plantuml)?void 0:r.elements,n.diagram_spec);Ut(_)}})(a.current,r,l.current),a.current.renderAll(),c.current=!1)}),[l.current]),(0,Wt.jsxs)("div",{className:"relative h-full w-full border",ref:s,children:[(0,Wt.jsx)(Gt,{canvas:a.current}),(0,Wt.jsx)("div",{className:"h-full w-full flex-row flex-wrap",ref:o,children:(0,Wt.jsx)("canvas",{ref:i})})]})}))},908:(e,t,n)=>{n.d(t,{xV:()=>b,h_:()=>p,_A:()=>v,hU:()=>R,T4:()=>O,bs:()=>y});var r=n(420),_=n.n(r),a=n(689),i=n.n(a);require("react-router-dom"),n(709);var o=n(997);_().addPluralRule(/Person/,"Persons");var s=n(466);const l=require("@fortawesome/react-fontawesome"),c="hide.te.dropdown",d="show.te.dropdown",u=i().memo((e=>{var t;const n=(0,a.useRef)(null),[r,_]=(0,a.useState)(!1);function i(e){let t;return t=e.isSepator?(0,o.jsx)("li",{className:"relative",children:(0,o.jsx)("span",{className:"bg-third my-1 block h-px w-full"})},e.id):(0,o.jsxs)("li",{className:"relative",children:[(0,o.jsxs)("button",{disabled:void 0!==e.disabled&&e.disabled,id:e.id,className:"\n            hover:bg-link\n            flex\n            w-full\n            items-center\n            whitespace-nowrap\n            px-4\n            py-1\n            text-left\n            text-sm\n            hover:text-white\n          ","data-te-dropdown-item-ref":!0,onClick:t=>{e.onClick&&e.onClick(t)},children:[e.subMenuItems&&e.subMenuItems.length>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"mr-16 basis-11/12 pr-1",children:e.label}),(0,o.jsx)("span",{className:"basis-1/12 text-right",children:(0,o.jsx)(l.FontAwesomeIcon,{icon:s.faAngleRight})})]}),(!e.subMenuItems||0===e.subMenuItems.length)&&e.label]}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id),t}function u(e,t,n){const r=[];if(n&&n.length>0){for(const e of n)r.push(i(e));return(0,o.jsx)("ul",{className:`\n            bg-secondary\n            text-accent-primary\n            absolute\n            z-50\n            m-0\n            w-auto\n            min-w-max\n            list-none\n            rounded-md\n            border-none\n            bg-clip-padding\n            py-2\n            shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n            [&[data-te-dropdown-show]]:block\n            ${e?" dropdown-menu float-left hidden origin-top-left":" right-px top-0"}\n          `,id:`menu-${t}`,"aria-hidden":"true","aria-labelledby":t,"data-te-dropdown-menu-ref":!0,children:r})}return(0,o.jsx)("div",{"data-te-dropdown-menu-ref":!0})}const p=t=>{e.increaseOpenedMenu&&e.setLastOpenedMenu&&e.decreaseOpenedMenu&&(t.type===d?(_(!0),e.increaseOpenedMenu(),e.setLastOpenedMenu(e.id)):(_(!1),e.decreaseOpenedMenu()))};return(0,a.useEffect)((()=>{const t=n.current;return null==t||t.addEventListener(c,p),null==t||t.addEventListener(d,p),(e.alwaysOpen&&!r||e.lastOpenedMenu!==e.id&&r)&&(null==t||t.dispatchEvent(new MouseEvent("click"))),()=>{null==t||t.removeEventListener(c,p),null==t||t.removeEventListener(d,p)}})),(0,o.jsxs)("div",{className:`relative ${null!=(t=e.className)?t:""}`,"data-te-dropdown-ref":!0,children:[(0,o.jsx)("button",{className:`\n        ${r?"":" bg-dark-primary text-accent-primary"}       \n        hover:bg-primary\n        flex\n        items-center\n        whitespace-nowrap\n        rounded-md\n        px-2\n        py-0.5\n        text-sm hover:text-white\n        hover:shadow-[0_1px_2px_rgba(0,0,0,0.6)]\n        focus:outline-none\n        focus:ring-0\n        ${r?" bg-primary show text-white":""}\n        ${e.hidden?" h-0 opacity-0":""}\n        ${e.buttonClassName?` ${e.buttonClassName}`:""}\n      `,type:"button",id:e.id,"aria-expanded":"false",ref:n,"data-te-dropdown-toggle-ref":!0,"data-te-dropdown-animation":"off",onMouseEnter:t=>{e.atLeastOneOpenedMenu&&e.atLeastOneOpenedMenu()&&!r&&t.target.dispatchEvent(new MouseEvent("click"))},children:e.label}),u(e.isHeaderMenuItem,e.id,e.subMenuItems)]},e.id)})),p=i().memo((e=>{var t;const[n,r]=(0,a.useState)(0),[_,i]=(0,a.useState)("");function s(){r((e=>e+1))}function l(){r((e=>e-1))}function c(){return n>0}return(0,o.jsx)("div",{className:`dropdown-menu group flex ${c()?"open":""} ${null!=(t=e.className)?t:""}`,children:function(){const t=[];if(e.menuItemsProps&&e.menuItemsProps.length>0)for(const n of e.menuItemsProps)t.push((0,a.createElement)(u,Object.assign({},n,{key:n.id,increaseOpenedMenu:s,decreaseOpenedMenu:l,atLeastOneOpenedMenu:c,lastOpenedMenu:_,setLastOpenedMenu:i})));return t}()})})),g=p,b=()=>{const{anchorPoint:e,show:t,contextMenuItems:n}=(()=>{const[e,t]=(0,a.useState)({x:0,y:0}),[n,r]=(0,a.useState)(!1),[_,i]=(0,a.useState)([]),o=(0,a.useCallback)((e=>{if(e.preventDefault(),(n=e)instanceof CustomEvent&&n instanceof CustomEvent&&Object.keys(n.detail).includes("menuItems")){const n=e.detail.pageX,_=e.detail.pageY;i(e.detail.menuItems),t({x:n,y:_}),r(!0)}var n}),[r,t]),s=(0,a.useCallback)((()=>n?r(!1):null),[n]);return(0,a.useEffect)((()=>(document.addEventListener("click",s),document.addEventListener("contextmenu",o),()=>{document.removeEventListener("click",s),document.removeEventListener("contextmenu",o)}))),{anchorPoint:e,show:n,contextMenuItems:_}})(),r=(0,a.useRef)(),[_,i]=(0,a.useState)((0,o.jsx)(o.Fragment,{}));return r.current!==t&&(r.current=t),(0,a.useEffect)((()=>{void 0!==r.current&&(r.current?i((0,o.jsx)("div",{hidden:!t,className:"context-menu absolute",style:{top:e.y,left:e.x},children:(0,o.jsx)(g,{menuItemsProps:n})})):i((0,o.jsx)(o.Fragment,{})))}),[r.current]),_},w=require("js-cookie");var f=n.n(w);const h=require("react-ga4");var m=n.n(h);function y(e){const{initTE:t,initGA:n}=e,[r,_]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{(async()=>{t&&await t(),n&&function(e,t){var n;let r=f().get("CookieConsent");r=null==(n=r)?void 0:n.replace(/{/gi,'{"').replace(/:/gi,'":').replace(/,/gi,',"').replace(/'/gi,'"'),!e&&r&&JSON.parse(r).statistics&&({NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_STREAM_OUTPUT:"true",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID&&m().initialize([{trackingId:{NX_CLI_SET:"true",NX_LOAD_DOT_ENV_FILES:"true",NX_STREAM_OUTPUT:"true",NODE_ENV:"production"}.NEXT_PUBLIC_GA_MEASUREMENT_ID,gtagOptions:{anonymize_ip:!0,send_page_view:!1}}]),t(!0)),e&&(console.debug(`Logging pageview for ${window.location.pathname}`),m().send({hitType:"pageview",page:window.location.pathname}))}(r,_)})()}),[r,n,t]),{isGAInitialized:r}}const v={CONTEXT_MENU:"contextmenu"},E={LEFT_CLICK:1,MIDDLE_CLICK:2,RIGHT_CLICK:3};var x=n(629);const S="idle",k="panning";class O extends x.fabric.Canvas{constructor(e,t){super(e,t),T(this),D(this)}initialize(e,t){return T(this),D(this),!0===(null==t?void 0:t.readOnly)&&this.setReadOnly(),!0===(null==t?void 0:t.enableSnapToGrid)&&function(e,t){const n=null!=t?t:5;e.on("object:moving",(e=>{var t,r,_;null==(t=e.target)||t.set({left:Math.round((null!=(r=e.target.left)?r:0)/n)*n,top:Math.round((null!=(_=e.target.top)?_:0)/n)*n})}))}(this,t.gridSize),super.initialize(e,t)}isReadOnly(){return!x.fabric.Object.prototype.selectable&&x.fabric.Object.prototype.lockMovementX&&x.fabric.Object.prototype.lockMovementY&&x.fabric.Object.prototype.lockRotation&&x.fabric.Object.prototype.lockScalingFlip&&x.fabric.Object.prototype.lockScalingX&&x.fabric.Object.prototype.lockScalingY&&x.fabric.Object.prototype.lockSkewingX&&x.fabric.Object.prototype.lockSkewingY}setReadOnly(){x.fabric.Object.prototype.selectable=!1,x.fabric.Object.prototype.lockMovementX=!0,x.fabric.Object.prototype.lockMovementY=!0,x.fabric.Object.prototype.lockRotation=!0,x.fabric.Object.prototype.lockScalingFlip=!0,x.fabric.Object.prototype.lockScalingX=!0,x.fabric.Object.prototype.lockScalingY=!0,x.fabric.Object.prototype.lockSkewingX=!0,x.fabric.Object.prototype.lockSkewingY=!0}zoomIn(){this.setZoom(1.1*this.getZoom())}zoomOut(){this.setZoom(this.getZoom()/1.1)}panLeft(){this.relativePan(new x.fabric.Point(5,0))}panRight(){this.relativePan(new x.fabric.Point(-5,0))}panUp(){this.relativePan(new x.fabric.Point(0,5))}panDown(){this.relativePan(new x.fabric.Point(0,-5))}}function C(e){return e.button===E.RIGHT_CLICK}function T(e){e.on("mouse:wheel",(function(t){const n=t.e.deltaY;let r=e.getZoom();r*=.999**n,r>20&&(r=20),r<.01&&(r=.01),e.zoomToPoint({x:t.e.offsetX,y:t.e.offsetY},r),t.e.preventDefault(),t.e.stopPropagation()}))}function D(e){let t,n,r=S;e.discardActiveObject(),e.on("mouse:up",(function(t){C(t)&&(r=S,e.defaultCursor="default")})),e.on("mouse:down",(_=>{C(_)&&(e.defaultCursor="move",r=k,t=_.e.clientX,n=_.e.clientY)})),e.on("mouse:move",(_=>{if(r===k&&_&&_.e){let r=0,a=0;t&&(r=_.e.clientX-t),n&&(a=_.e.clientY-n),t=_.e.clientX,n=_.e.clientY;const i=new x.fabric.Point(r,a);e.relativePan(i),e.fire("moved")}}))}var j=n(255);const I=["icon","classNameIcon","classNameContent"],R=i().memo((e=>{const{icon:t,classNameIcon:n,classNameContent:r}=e,_=function(e,t){if(null==e)return{};var n,r,_={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(_[n]=e[n]);return _}(e,I),a=(0,j.P5)(e);return(0,o.jsxs)("button",Object.assign({},_,a,{className:`${e.className} text-accent-secondary hover:text-accent-primary [&.active]:text-accent-primary disabled:hover:text-accent-secondary disabled:opacity-50`,children:[(0,o.jsx)(l.FontAwesomeIcon,{icon:null!=t?t:s.faXmark,className:null!=n?n:""}),(0,o.jsx)("div",{className:r,children:e.children})]}))}));require("@tanstack/react-table"),n(727),require("react-dom"),require("react-html-parser")},255:(e,t,n)=>{n.d(t,{Xh:()=>s,P5:()=>l,B6:()=>o});const r=require("fast-deep-equal/es6/react");var _=n.n(r);const a=require("lodash.clonedeep");var i=n.n(a);const o=(e,t)=>_()(e,t),s=e=>i()(e),l=(e={})=>Object.keys(e).reduce(((t,n)=>(n.startsWith("data-")&&(t[n]=e[n]),t)),{})},81:(e,t,n)=>{n.a(e,(async(e,r)=>{try{n.d(t,{Y6:()=>a.Y6,g8:()=>a.g8,ig:()=>a.ig,t3:()=>a.t3});var _=n(651),a=n(402),i=e([_]);_=(i.then?(await i)():i)[0],(0,a.oT)(_),r()}catch(e){r(e)}}))},402:(e,t,n)=>{let r;function _(e){r=e}n.d(t,{$c:()=>je,A5:()=>me,B5:()=>re,C4:()=>Ie,C8:()=>ue,Cp:()=>Ve,DM:()=>Ae,HT:()=>ke,JI:()=>ee,JV:()=>K,M1:()=>Oe,MO:()=>De,MU:()=>Le,Or:()=>Ke,QY:()=>Xe,Qm:()=>Ze,Qr:()=>Se,RR:()=>ve,Ri:()=>ie,TU:()=>He,Uj:()=>$e,VH:()=>Ue,Wl:()=>ge,X8:()=>ze,XP:()=>be,Y6:()=>C,Zb:()=>We,_5:()=>ae,_Z:()=>Ee,bs:()=>le,cU:()=>oe,co:()=>J,d:()=>de,dI:()=>Qe,eY:()=>pe,fY:()=>Je,f_:()=>Me,fp:()=>te,g8:()=>S,gA:()=>ye,h4:()=>Ce,hd:()=>se,ho:()=>Be,ig:()=>k,is:()=>Re,k8:()=>_e,ly:()=>Ye,m_:()=>ce,nQ:()=>fe,o$:()=>Fe,oH:()=>et,oS:()=>qe,oT:()=>_,qt:()=>V,rx:()=>he,sO:()=>Te,sc:()=>ne,t3:()=>O,tA:()=>Ge,ug:()=>Q,uo:()=>Ne,xr:()=>xe,yb:()=>we,yn:()=>Pe}),e=n.hmd(e);const a=new Array(128).fill(void 0);function i(e){return a[e]}a.push(void 0,null,!0,!1);let o=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),o=n.length,r}let r=e.length,_=t(r,1)>>>0;const a=l();let i=0;for(;i<r;i++){const t=e.charCodeAt(i);if(t>127)break;a[_+i]=t}if(i!==r){0!==i&&(e=e.slice(i)),_=n(_,r,r=i+3*e.length,1)>>>0;const t=l().subarray(_+i,_+r);i+=d(e,t).written}return o=i,_}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 w=a.length;function f(e){const t=i(e);return function(e){e<132||(a[e]=w,w=e)}(e),t}let h=new("undefined"==typeof TextDecoder?(0,e.require)("util").TextDecoder:TextDecoder)("utf-8",{ignoreBOM:!0,fatal:!0});function m(e,t){return e>>>=0,h.decode(l().subarray(e,e+t))}function y(e){w===a.length&&a.push(a.length+1);const t=w;return w=a[t],a[t]=e,t}h.decode();let v=null;function E(){return null!==v&&0!==v.byteLength||(v=new Float64Array(r.memory.buffer)),v}function x(e){const t=typeof e;if("number"==t||"boolean"==t||null==e)return`${e}`;if("string"==t)return`"${e}"`;if("symbol"==t){const t=e.description;return null==t?"Symbol":`Symbol(${t})`}if("function"==t){const t=e.name;return"string"==typeof t&&t.length>0?`Function(${t})`:"Function"}if(Array.isArray(e)){const t=e.length;let n="[";t>0&&(n+=x(e[0]));for(let r=1;r<t;r++)n+=", "+x(e[r]);return n+="]",n}const n=/\[object ([^\]]+)\]/.exec(toString.call(e));let r;if(!(n.length>1))return toString.call(e);if(r=n[1],"Object"==r)try{return"Object("+JSON.stringify(e)+")"}catch(e){return"Object"}return e instanceof Error?`${e.name}: ${e.message}\n${e.stack}`:r}function S(e,t,n,_){try{const s=r.__wbindgen_add_to_stack_pointer(-16),l=u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),c=o,d=u(t,r.__wbindgen_malloc,r.__wbindgen_realloc),p=o,g=u(n,r.__wbindgen_malloc,r.__wbindgen_realloc),w=o,h=u(_,r.__wbindgen_malloc,r.__wbindgen_realloc),m=o;r.open_diagram(s,l,c,d,p,g,w,h,m);var a=b()[s/4+0],i=b()[s/4+1];if(b()[s/4+2])throw f(i);return U.__wrap(a)}finally{r.__wbindgen_add_to_stack_pointer(16)}}function k(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=o,h=u(t,r.__wbindgen_malloc,r.__wbindgen_realloc),y=o;r.diagram_url_from_link_string(p,g,w,h,y);var a=b()[p/4+0],i=b()[p/4+1],s=b()[p/4+2],l=b()[p/4+3],c=a,d=i;if(l)throw c=0,d=0,f(s);return n=c,_=d,m(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function O(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=o,h=u(t,r.__wbindgen_malloc,r.__wbindgen_realloc),y=o;r.diagram_plantuml_url_from_diagram_url(p,g,w,h,y);var a=b()[p/4+0],i=b()[p/4+1],s=b()[p/4+2],l=b()[p/4+3],c=a,d=i;if(l)throw c=0,d=0,f(s);return n=c,_=d,m(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function C(e,t){let n,_;try{const p=r.__wbindgen_add_to_stack_pointer(-16),g=u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),w=o,h=u(t,r.__wbindgen_malloc,r.__wbindgen_realloc),y=o;r.diagram_spec_url_from_diagram_url(p,g,w,h,y);var a=b()[p/4+0],i=b()[p/4+1],s=b()[p/4+2],l=b()[p/4+3],c=a,d=i;if(l)throw c=0,d=0,f(s);return n=c,_=d,m(c,d)}finally{r.__wbindgen_add_to_stack_pointer(16),r.__wbindgen_free(n,_,1)}}function T(e,t){if(!(e instanceof t))throw new Error(`expected instance of ${t.name}`);return e.ptr}let D=null;function j(){return null!==D&&0!==D.byteLength||(D=new Uint32Array(r.memory.buffer)),D}function I(e,t){e>>>=0;const n=j().subarray(e/4,e/4+t),r=[];for(let e=0;e<n.length;e++)r.push(f(n[e]));return r}function R(e,t){const n=t(4*e.length,4)>>>0,r=j();for(let t=0;t<e.length;t++)r[n/4+t]=y(e[t]);return o=e.length,n}function A(e,t){try{return e.apply(this,t)}catch(e){r.__wbindgen_exn_store(y(e))}}class F{static __wrap(e){e>>>=0;const t=Object.create(F.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_baseelement_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_baseelement_alias(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_baseelement_notes(this.__wbg_ptr,t,n)}}class L{static __wrap(e){e>>>=0;const t=Object.create(L.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof L?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_boundary_free(e)}get base_data(){const e=r.__wbg_get_boundary_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_boundary_base_data(this.__wbg_ptr,t)}get boundary_type(){return f(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: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=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set boundary_custom_type(e){var t=p(e)?0:u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=o;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=b()[_/4+0],t=b()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_boundary_sub_elements(this.__wbg_ptr,t,n)}}class M{static __wrap(e){e>>>=0;const t=Object.create(M.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof M?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_component_free(e)}get base_data(){const e=r.__wbg_get_component_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_component_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_component_technology(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_component_technology(this.__wbg_ptr,t,n)}get component_type(){return f(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:y(e))}}class P{static __wrap(e){e>>>=0;const t=Object.create(P.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof P?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_container_free(e)}get base_data(){const e=r.__wbg_get_container_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_container_base_data(this.__wbg_ptr,t)}get technology(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_container_technology(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_container_technology(this.__wbg_ptr,t,n)}get container_type(){return f(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:y(e))}}class N{static __wrap(e){e>>>=0;const t=Object.create(N.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof N?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_deploymentnode_free(e)}get base_data(){const e=r.__wbg_get_deploymentnode_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_deploymentnode_base_data(this.__wbg_ptr,t)}get deploymeny_node_custom_type(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_deploymentnode_deploymeny_node_custom_type(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set deploymeny_node_custom_type(e){var t=p(e)?0:u(e,r.__wbindgen_malloc,r.__wbindgen_realloc),n=o;r.__wbg_set_deploymentnode_deploymeny_node_custom_type(this.__wbg_ptr,t,n)}get deployment_node_type(){return f(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: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=b()[_/4+0],t=b()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set sub_elements(e){const t=R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_deploymentnode_sub_elements(this.__wbg_ptr,t,n)}}class U{static __wrap(e){e>>>=0;const t=Object.create(U.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagram_free(e)}get diagram_name(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagram_diagram_name(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_diagram_diagram_name(this.__wbg_ptr,t,n)}get diagram_type(){return f(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:y(e))}get diagram_spec(){const e=r.__wbg_get_diagram_diagram_spec(this.__wbg_ptr);return 0===e?void 0:X.__wrap(e)}set diagram_spec(e){let t=0;p(e)||(T(e,X),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:Y.__wrap(e)}set diagram_plantuml(e){let t=0;p(e)||(T(e,Y),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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_diagram_raw_plantuml(this.__wbg_ptr,t,n)}}class z{static __wrap(e){e>>>=0;const t=Object.create(z.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof z?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_diagramelementspec_free(e)}get alias(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_alias(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=I(e,t).slice(),r.__wbindgen_free(e,4*t,4)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){var t=p(e)?0:R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_diagramelementspec_shapes(this.__wbg_ptr,t,n)}get element_type(){return f(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:y(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)||(T(e,W),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_diagramelementspec_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;p(e)||(T(e,G),t=e.__destroy_into_raw()),r.__wbg_set_diagramelementspec_size(this.__wbg_ptr,t)}get inner_specs(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_diagramelementspec_inner_specs(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=I(e,t).slice(),r.__wbindgen_free(e,4*t,4)),_}finally{r.__wbindgen_add_to_stack_pointer(16)}}set inner_specs(e){var t=p(e)?0:R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_diagramelementspec_inner_specs(this.__wbg_ptr,t,n)}}class Y{static __wrap(e){e>>>=0;const t=Object.create(Y.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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=b()[_/4+0],t=b()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements(e){const t=R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_diagramplantuml_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_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=b()[a/4+0],_=b()[a/4+1];return e=n,t=_,m(n,_)}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_diagramspec_description(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=b()[_/4+0],t=b()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set elements_specs(e){const t=R(e,r.__wbindgen_malloc),n=o;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=b()[_/4+0],t=b()[_/4+1],n=I(e,t).slice();return r.__wbindgen_free(e,4*t,4),n}finally{r.__wbindgen_add_to_stack_pointer(16)}}set shapes(e){const t=R(e,r.__wbindgen_malloc),n=o;r.__wbg_set_diagramspec_shapes(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_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=b()[a/4+0],_=b()[a/4+1];return e=n,t=_,m(n,_)}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=o;r.__wbg_set_minaerror_msg(this.__wbg_ptr,t,n)}}class Z{static __wrap(e){e>>>=0;const t=Object.create(Z.prototype);return t.__wbg_ptr=e,t}static __unwrap(e){return e instanceof Z?e.__destroy_into_raw():0}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_person_free(e)}get base_data(){const e=r.__wbg_get_person_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_person_base_data(this.__wbg_ptr,t)}get person_type(){return f(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:y(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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set left(e){r.__wbg_set_position_left(this.__wbg_ptr,!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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set top(e){r.__wbg_set_position_top(this.__wbg_ptr,!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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set angle(e){r.__wbg_set_position_angle(this.__wbg_ptr,!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 F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_relationship_base_data(this.__wbg_ptr,t)}get from(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_relationship_from(n,this.__wbg_ptr);var e=b()[n/4+0],t=b()[n/4+1];let _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;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 _;return 0!==e&&(_=m(e,t).slice(),r.__wbindgen_free(e,1*t,1)),_}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=o;r.__wbg_set_relationship_technology(this.__wbg_ptr,t,n)}get relationship_type(){return f(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: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 f(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:y(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)||(T(e,W),t=e.__destroy_into_raw()),r.__wbg_set_shape_position(this.__wbg_ptr,t)}get size(){const e=r.__wbg_get_shape_size(this.__wbg_ptr);return 0===e?void 0:G.__wrap(e)}set size(e){let t=0;p(e)||(T(e,G),t=e.__destroy_into_raw()),r.__wbg_set_shape_size(this.__wbg_ptr,t)}}class G{static __wrap(e){e>>>=0;const t=Object.create(G.prototype);return t.__wbg_ptr=e,t}__destroy_into_raw(){const e=this.__wbg_ptr;return this.__wbg_ptr=0,e}free(){const e=this.__destroy_into_raw();r.__wbg_size_free(e)}get width(){try{const n=r.__wbindgen_add_to_stack_pointer(-16);r.__wbg_get_size_width(n,this.__wbg_ptr);var e=b()[n/4+0],t=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set width(e){r.__wbg_set_size_width(this.__wbg_ptr,!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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set height(e){r.__wbg_set_size_height(this.__wbg_ptr,!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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_x(e){r.__wbg_set_size_scale_x(this.__wbg_ptr,!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=E()[n/8+1];return 0===e?void 0:t}finally{r.__wbindgen_add_to_stack_pointer(16)}}set scale_y(e){r.__wbg_set_size_scale_y(this.__wbg_ptr,!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_person_base_data(this.__wbg_ptr);return F.__wrap(e)}set base_data(e){T(e,F);var t=e.__destroy_into_raw();r.__wbg_set_person_base_data(this.__wbg_ptr,t)}get system_type(){return f(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:y(e))}}function V(e,t){const n=i(t),_="string"==typeof n?n:void 0;var a=p(_)?0:u(_,r.__wbindgen_malloc,r.__wbindgen_realloc),s=o;b()[e/4+1]=s,b()[e/4+0]=a}function Q(e){f(e)}function J(e){return y($.__wrap(e))}function K(e){return y(z.__wrap(e))}function ee(e){return y(M.__wrap(e))}function te(e){return y(L.__wrap(e))}function ne(e){return y(N.__wrap(e))}function re(e){return y(Z.__wrap(e))}function _e(e){return y(H.__wrap(e))}function ae(e){return y(P.__wrap(e))}function ie(e){return y(B.__wrap(e))}function oe(e){return y(q.__wrap(e))}function se(e,t){return y(new Error(m(e,t)))}function le(e){return H.__unwrap(f(e))}function ce(e){return y(i(e))}function de(e){return+i(e)}function ue(e){return M.__unwrap(f(e))}function pe(e){return"string"==typeof i(e)}function ge(e){const t=i(e);return"object"==typeof t&&null!==t}function be(e){return void 0===i(e)}function we(e,t){return i(e)in i(t)}function fe(e){return $.__unwrap(f(e))}function he(e){return L.__unwrap(f(e))}function me(e){return q.__unwrap(f(e))}function ye(e){return Z.__unwrap(f(e))}function ve(e){return N.__unwrap(f(e))}function Ee(e){return z.__unwrap(f(e))}function xe(e){return P.__unwrap(f(e))}function Se(e,t){return i(e)==i(t)}function ke(e){const t=i(e);return"boolean"==typeof t?t?1:0:2}function Oe(e,t){const n=i(t),r="number"==typeof n?n:void 0;E()[e/8+1]=p(r)?0:r,b()[e/4+0]=!p(r)}function Ce(e,t){return y(m(e,t))}function Te(e,t){return y(i(e)[i(t)])}function De(e,t,n){i(e)[f(t)]=f(n)}function je(e,t){const n=u(String(i(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),_=o;b()[e/4+1]=_,b()[e/4+0]=n}function Ie(e,t){return y(i(e)[t>>>0])}function Re(e){return i(e).length}function Ae(){return y(new Array)}function Fe(e){return"function"==typeof i(e)}function Le(e){return y(i(e).next)}function Me(){return A((function(e){return y(i(e).next())}),arguments)}function Pe(e){return i(e).done}function Ne(e){return y(i(e).value)}function Ue(){return y(Symbol.iterator)}function ze(){return A((function(e,t){return y(Reflect.get(i(e),i(t)))}),arguments)}function Ye(){return A((function(e,t){return y(i(e).call(i(t)))}),arguments)}function Xe(){return y(new Object)}function Be(e,t,n){i(e)[t>>>0]=f(n)}function Ze(e){return Array.isArray(i(e))}function We(e){let t;try{t=i(e)instanceof ArrayBuffer}catch(e){t=!1}return t}function He(e){return y(Object.entries(i(e)))}function $e(e){return y(i(e).buffer)}function Ge(e){return y(new Uint8Array(i(e)))}function qe(e,t,n){i(e).set(i(t),n>>>0)}function Ve(e){return i(e).length}function Qe(e){let t;try{t=i(e)instanceof Uint8Array}catch(e){t=!1}return t}function Je(e,t){const n=u(x(i(t)),r.__wbindgen_malloc,r.__wbindgen_realloc),_=o;b()[e/4+1]=_,b()[e/4+0]=n}function Ke(e,t){throw new Error(m(e,t))}function et(){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(689),a=n(81),i=n(49),o=n(908),s=n(997),l=e([a]);a=(l.then?(await l)():l)[0];const c=e=>{const{projectRootUrl:t,diagramUrl:r}=e;(0,o.bs)({initTE:async function(){const{initTE:e,Dropdown:t}=await Promise.resolve().then(n.t.bind(n,727,23));await e({Dropdown:t})}});const l=(0,_.useRef)(null),[c,d]=(0,_.useState)(),[u,p]=(0,_.useState)(),g={onOpenDiagramClick:e=>{let n;try{n=(0,a.ig)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}n&&b(n)}};async function b(e){var n;let r,_;null==(n=l.current)||n.resetCanvas();try{r=(0,a.t3)(t,e),_=(0,a.Y6)(t,e)}catch(e){console.error(e),p("Invalid URL: the provided URL is an invalid Mina project or diagram.")}if(r&&_){let n,i;try{const e=await fetch(r),t=await fetch(_);if(!e.ok||!t.ok)throw new Error;n=await e.text(),i=await t.text()}catch(e){p("Diagram not found. Check the provided URL.")}if(n&&i)try{d((0,a.g8)(t,e,n,i))}catch(e){p("Invalid diagram.")}}}(0,_.useEffect)((()=>{p(null),b(r)}),[r]);return(0,s.jsxs)("div",{className:"h-full w-full border-t flex items-center",children:[(0,s.jsx)(o.h_,{menuItemsProps:[{id:"dropdown-init",label:"",isHeaderMenuItem:!0,subMenuItems:[{id:"dropdown-init-1",label:""}]}],className:"hidden"}),(0,s.jsx)(o.xV,{}),null===u&&c&&(0,s.jsx)(i.r,{diagramListener:g,diagram:c,ref:l,readOnly:!0}),u&&(0,s.jsx)("div",{className:"w-full text-center text-black",children:u})]})},d=c;r()}catch(e){r(e)}}))},466:e=>{e.exports=require("@fortawesome/free-solid-svg-icons")},629:e=>{e.exports=require("fabric")},420:e=>{e.exports=require("pluralize")},689:e=>{e.exports=require("react")},709:e=>{e.exports=require("react-i18next")},997:e=>{e.exports=require("react/jsx-runtime")},727:e=>{e.exports=require("tw-elements")},651:(e,t,n)=>{var r=n(402);e.exports=n.v(t,e.id,"fd5f35bd09996bb36828",{"./mina_react_bg.js":{__wbindgen_string_get:r.qt,__wbindgen_object_drop_ref:r.ug,__wbg_shape_new:r.co,__wbg_diagramelementspec_new:r.JV,__wbg_component_new:r.JI,__wbg_boundary_new:r.fp,__wbg_deploymentnode_new:r.sc,__wbg_person_new:r.B5,__wbg_relationship_new:r.k8,__wbg_container_new:r._5,__wbg_minaerror_new:r.Ri,__wbg_softwaresystem_new:r.cU,__wbindgen_error_new:r.hd,__wbg_relationship_unwrap:r.bs,__wbindgen_object_clone_ref:r.m_,__wbindgen_as_number:r.d,__wbg_component_unwrap:r.C8,__wbindgen_is_string:r.eY,__wbindgen_is_object:r.Wl,__wbindgen_is_undefined:r.XP,__wbindgen_in:r.yb,__wbg_shape_unwrap:r.nQ,__wbg_boundary_unwrap:r.rx,__wbg_softwaresystem_unwrap:r.A5,__wbg_person_unwrap:r.gA,__wbg_deploymentnode_unwrap:r.RR,__wbg_diagramelementspec_unwrap:r._Z,__wbg_container_unwrap:r.xr,__wbindgen_jsval_loose_eq:r.Qr,__wbindgen_boolean_get:r.HT,__wbindgen_number_get:r.M1,__wbindgen_string_new:r.h4,__wbg_getwithrefkey_4a92a5eca60879b9:r.sO,__wbg_set_9182712abebf82ef:r.MO,__wbg_String_389b54bd9d25375f:r.$c,__wbg_get_c43534c00f382c8a:r.C4,__wbg_length_d99b680fd68bf71b:r.is,__wbg_new_34c624469fb1d4fd:r.DM,__wbindgen_is_function:r.o$,__wbg_next_1938cf110c9491d4:r.MU,__wbg_next_267398d0e0761bf9:r.f_,__wbg_done_506b44765ba84b9c:r.yn,__wbg_value_31485d8770eb06ab:r.uo,__wbg_iterator_364187e1ee96b750:r.VH,__wbg_get_5027b32da70f39b1:r.X8,__wbg_call_a79f1973a4f07d5e:r.ly,__wbg_new_87d841e70661f6e9:r.QY,__wbg_set_379b27f1d5f1bf9c:r.ho,__wbg_isArray_fbd24d447869b527:r.Qm,__wbg_instanceof_ArrayBuffer_f4521cec1b99ee35:r.Zb,__wbg_entries_7a47f5716366056b:r.TU,__wbg_buffer_5d1b598a01b41a42:r.Uj,__wbg_new_ace717933ad7117f:r.tA,__wbg_set_74906aa30864df5a:r.oS,__wbg_length_f0764416ba5bb237:r.Cp,__wbg_instanceof_Uint8Array_4f5cffed7df34b2f:r.dI,__wbindgen_debug_string:r.fY,__wbindgen_throw:r.Or,__wbindgen_memory:r.oH}})}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,loaded:!1,exports:{}};return i[e](n,n.exports,s),n.loaded=!0,n.exports}e="function"==typeof Symbol?Symbol("webpack queues"):"__webpack_queues__",t="function"==typeof Symbol?Symbol("webpack exports"):"__webpack_exports__",n="function"==typeof Symbol?Symbol("webpack error"):"__webpack_error__",r=e=>{e&&e.d<1&&(e.d=1,e.forEach((e=>e.r--)),e.forEach((e=>e.r--?e.r++:e())))},s.a=(_,a,i)=>{var o;i&&((o=[]).d=-1);var s,l,c,d=new Set,u=_.exports,p=new Promise(((e,t)=>{c=t,l=e}));p[t]=u,p[e]=e=>(o&&e(o),d.forEach(e),p.catch((e=>{}))),_.exports=p,a((_=>{var a;s=(_=>_.map((_=>{if(null!==_&&"object"==typeof _){if(_[e])return _;if(_.then){var a=[];a.d=0,_.then((e=>{i[t]=e,r(a)}),(e=>{i[n]=e,r(a)}));var i={};return i[e]=e=>e(a),i}}var o={};return o[e]=e=>{},o[t]=_,o})))(_);var i=()=>s.map((e=>{if(e[n])throw e[n];return e[t]})),l=new Promise((t=>{(a=()=>t(i)).r=0;var n=e=>e!==o&&!d.has(e)&&(d.add(e),e&&!e.d&&(a.r++,e.push(a)));s.map((t=>t[e](n)))}));return a.r?l:i()}),(e=>(e?c(p[n]=e):l(u),r(o)))),o&&o.d<0&&(o.d=0)},s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var n=Object.create(null);s.r(n);var r={};_=_||[null,a({}),a([]),a(a)];for(var i=2&t&&e;"object"==typeof i&&!~_.indexOf(i);i=a(i))Object.getOwnPropertyNames(i).forEach((t=>r[t]=()=>e[t]));return r.default=()=>e,s.d(n,r),n},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.v=(e,t,n,r)=>{var _=fetch(s.p+""+n+".module.wasm");return"function"==typeof WebAssembly.instantiateStreaming?WebAssembly.instantiateStreaming(_,r).then((t=>Object.assign(e,t.instance.exports))):_.then((e=>e.arrayBuffer())).then((e=>WebAssembly.instantiate(e,r))).then((t=>Object.assign(e,t.instance.exports)))},(()=>{var e;s.g.importScripts&&(e=s.g.location+"");var t=s.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var r=n.length-1;r>-1&&!e;)e=n[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),s.p=e})();var l={};(()=>{s.r(l),s.d(l,{default:()=>r});var e=s(689),t=s(997);const n=()=>null,r=r=>{const[_,a]=(0,e.useState)((()=>n));return(0,e.useEffect)((()=>{Promise.resolve().then(s.bind(s,836)).then((e=>a((()=>e.default))))}),[]),(0,t.jsx)(_,Object.assign({},r))}})(),module.exports=l})();