@next-bricks/diagram 0.42.6 → 0.42.7
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.
- package/dist/bricks.json +1 -1
- package/dist/chunks/1122.97ee7474.js +2 -0
- package/dist/chunks/1122.97ee7474.js.map +1 -0
- package/dist/chunks/{1371.eca61ce0.js → 1371.442bf966.js} +2 -2
- package/dist/chunks/{1371.eca61ce0.js.map → 1371.442bf966.js.map} +1 -1
- package/dist/chunks/{2416.ebd9d2e4.js → 2416.26e2c5da.js} +2 -2
- package/dist/chunks/{2416.ebd9d2e4.js.map → 2416.26e2c5da.js.map} +1 -1
- package/dist/chunks/{3171.c5ada5f2.js → 3171.6f1d29dd.js} +2 -2
- package/dist/chunks/{3171.c5ada5f2.js.map → 3171.6f1d29dd.js.map} +1 -1
- package/dist/chunks/3657.62b00acc.js +3 -0
- package/dist/chunks/3657.62b00acc.js.map +1 -0
- package/dist/chunks/3933.2ad1c91c.js +2 -0
- package/dist/chunks/3933.2ad1c91c.js.map +1 -0
- package/dist/chunks/{4017.5d4d14b0.js → 4017.57c2da6f.js} +3 -3
- package/dist/chunks/{4017.5d4d14b0.js.map → 4017.57c2da6f.js.map} +1 -1
- package/dist/chunks/{4837.45d51370.js → 4837.230db1f8.js} +2 -2
- package/dist/chunks/{4837.45d51370.js.map → 4837.230db1f8.js.map} +1 -1
- package/dist/chunks/{5399.7d5e59b6.js → 5399.004ae086.js} +2 -2
- package/dist/chunks/5399.004ae086.js.map +1 -0
- package/dist/chunks/{5552.9bb497eb.js → 5552.7a071072.js} +2 -2
- package/dist/chunks/{5552.9bb497eb.js.map → 5552.7a071072.js.map} +1 -1
- package/dist/chunks/6314.9ad0e0c5.js +2 -0
- package/dist/chunks/6314.9ad0e0c5.js.map +1 -0
- package/dist/chunks/{7218.deb33f60.js → 7218.49d6f1ce.js} +2 -2
- package/dist/chunks/{7218.deb33f60.js.map → 7218.49d6f1ce.js.map} +1 -1
- package/dist/chunks/{editable-label.48c0b927.js → editable-label.a3d1d983.js} +3 -3
- package/dist/chunks/{editable-label.48c0b927.js.map → editable-label.a3d1d983.js.map} +1 -1
- package/dist/chunks/{eo-diagram.63804ec2.js → eo-diagram.261eb2d9.js} +2 -2
- package/dist/chunks/{eo-diagram.63804ec2.js.map → eo-diagram.261eb2d9.js.map} +1 -1
- package/dist/chunks/{eo-display-canvas.431eb9f3.js → eo-display-canvas.a7443413.js} +2 -2
- package/dist/chunks/{eo-display-canvas.431eb9f3.js.map → eo-display-canvas.a7443413.js.map} +1 -1
- package/dist/chunks/{eo-draw-canvas.1a42c1af.js → eo-draw-canvas.e74e9ce4.js} +2 -2
- package/dist/chunks/{eo-draw-canvas.1a42c1af.js.map → eo-draw-canvas.e74e9ce4.js.map} +1 -1
- package/dist/chunks/{experimental-node.b7fc05ff.js → experimental-node.c9bb5135.js} +2 -2
- package/dist/chunks/{experimental-node.b7fc05ff.js.map → experimental-node.c9bb5135.js.map} +1 -1
- package/dist/chunks/{main.7dff2080.js → main.a67553ed.js} +2 -2
- package/dist/chunks/{main.7dff2080.js.map → main.a67553ed.js.map} +1 -1
- package/dist/index.7be75fb9.js +2 -0
- package/dist/{index.e3c858d4.js.map → index.7be75fb9.js.map} +1 -1
- package/package.json +2 -2
- package/dist/chunks/1122.1b986d37.js +0 -2
- package/dist/chunks/1122.1b986d37.js.map +0 -1
- package/dist/chunks/3533.d9e236bb.js +0 -3
- package/dist/chunks/3533.d9e236bb.js.map +0 -1
- package/dist/chunks/3933.83e0f620.js +0 -2
- package/dist/chunks/3933.83e0f620.js.map +0 -1
- package/dist/chunks/5399.7d5e59b6.js.map +0 -1
- package/dist/chunks/6314.4496f8fc.js +0 -2
- package/dist/chunks/6314.4496f8fc.js.map +0 -1
- package/dist/index.e3c858d4.js +0 -2
- /package/dist/chunks/{3533.d9e236bb.js.LICENSE.txt → 3657.62b00acc.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{4017.5d4d14b0.js.LICENSE.txt → 4017.57c2da6f.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{editable-label.48c0b927.js.LICENSE.txt → editable-label.a3d1d983.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/eo-diagram.63804ec2.js","mappings":"gLAYO,SAASA,EAAeC,GAIO,IAChCC,GAL0B,GAC9BC,EAAE,KACFC,EAAI,YACJC,GACqBJ,EAGrB,OAAQG,GACN,IAAK,OACHF,EAAYI,EACZ,MACF,IAAK,OACHJ,EAAYK,EACZ,MACF,QACEL,EAAYM,EAGhB,OAAOC,IAAAA,cAACP,EAAS,CAACC,GAAIA,EAAIE,YAAaA,GACzC,CAEA,SAASG,EAAWE,GAGsB,IAHrB,GACnBP,EAAE,YACFE,GACyBK,EACzB,OACED,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,UACRC,KAAM,EACNC,KAAM,EACNC,YAAa,EACbC,aAAc,EACdC,OAAO,qBACPC,eAAe,SAEfR,IAAAA,cAAA,QACES,EAAE,gCACFC,OAAQd,EACRe,YAAa,EACbC,KAAMhB,IAId,CAEA,SAASC,EAA6BgB,GAGI,IAHH,GACrCnB,EAAE,YACFE,GACyBiB,EACzB,OACEb,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,YACRC,KAAM,GACNC,KAAM,IACNC,YAAa,GACbC,aAAc,GACdC,OAAO,sBAEPP,IAAAA,cAAA,QACES,EAAE,yFACFC,OAAQd,EACRe,YAAa,EACbC,KAAK,SAIb,CAEA,SAASd,EAA8BgB,GAGG,IAHF,GACtCpB,EAAE,YACFE,GACyBkB,EACzB,OACEd,IAAAA,cAAA,UACEN,GAAIA,EACJQ,QAAQ,YACRC,KAAM,GACNC,KAAM,IACNC,YAAa,GACbC,aAAc,GACdC,OAAO,sBAEPP,IAAAA,cAAA,QACES,EAAE,yGACFC,OAAQd,EACRe,YAAa,EACbC,KAAK,SAIb,C,unBC1CA,MAAM,cAAEG,GAAa,SAAEC,GAAQ,MAAEC,GAAK,OAAEC,KAAWC,EAAAA,EAAAA,oBAuBtCC,IAAqBC,EAAAA,EAAAA,YAAWC,IAE7C,IAAAC,GAAA,IAAAC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAC,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAnB,QAAAoB,GAAA,IAAApB,QAAAqB,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAAAuB,GAAA,IAAAvB,QAAAwB,GAAA,IAAAxB,QAAAyB,GAAA,IAAAzB,QAAA0B,GAAA,IAAA1B,QAAA2B,GAAA,IAAA3B,QAAA4B,GAAA,IAAA5B,QAAA6B,GAAA,IAAA7B,QAIA,MAAA8B,WAGwBC,EAAAA,iBAA2CC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAnB,KACjEoB,EAAAA,EAAAA,GAAA,KAAApC,IAAAqC,EAAA,MAAAC,EAAA,SAAAF,EAAAA,EAAAA,GAAA,KAAAlC,IAAAqC,EAAA,MAAAC,EAAA,SAAAJ,EAAAA,EAAAA,GAAA,KAAAjC,IAAAsC,EAAA,MAAAC,EAAA,SAAAN,EAAAA,EAAAA,GAAA,KAAAhC,IAAAuC,EAAA,MAAAC,EAAA,SAAAR,EAAAA,EAAAA,GAAA,KAAA/B,IAAAwC,EAAA,MAAAC,EAAA,SAAAV,EAAAA,EAAAA,GAAA,KAAA9B,IAAAyC,EAAA,MAAAC,EAAA,SAAAZ,EAAAA,EAAAA,GAAA,KAAA7B,IAAA0C,EAAA,MAAAC,GAAA,SAAAd,EAAAA,EAAAA,GAAA,KAAA5B,IAAA2C,GAAA,MAAAC,GAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAA3B,IAAA4C,GAAA,MAAAC,GAAA,SAAAlB,EAAAA,EAAAA,GAAA,KAAA1B,IAAA6C,GAAA,MAAAC,GAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAzB,IAAA8C,GAAA,MAAAC,GAAA,MAkCyC,MAAItB,EAAAA,EAAAA,GAAA,KAAAxB,IAAA+C,GAAA,MAAAC,GAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAAvB,IAAAgD,GAAA,MAAAC,GAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAtB,IAAAiD,GAAA,MAAAC,GAAA,SAAA5B,EAAAA,EAAAA,GAAA,KAAArB,IAAAkD,GAAA,MAAAC,GAAA,SAQ7C9B,EAAAA,EAAAA,GAAA,KAAAlB,IAAyBiD,GAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKC,IAAyBC,KAAKJ,EAAO,KAC1ChC,EAAAA,EAAAA,GAAA,KAAAjB,GAAAsD,GAAA,QAKFrC,EAAAA,EAAAA,GAAA,KAAAhB,IAAiBsD,GAAA,MAAIC,KACnBN,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKM,IAAYJ,KAAKG,EAAK,KAC3BvC,EAAAA,EAAAA,GAAA,KAAAf,GAAAwD,GAAA,QAKFzC,EAAAA,EAAAA,GAAA,KAAAd,IAAiBwD,GAAA,MAAIC,KACnBV,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKU,IAAYR,KAAKO,EAAK,KAC3B3C,EAAAA,EAAAA,GAAA,KAAAb,GAAA0D,GAAA,QAKF7C,EAAAA,EAAAA,GAAA,KAAAZ,IAAgB0D,GAAA,MAAIC,KAClBd,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKc,IAAWZ,KAAKW,EAAK,KAC1B/C,EAAAA,EAAAA,GAAA,KAAAX,GAAA4D,GAAA,QAKFjD,EAAAA,EAAAA,GAAA,KAAAV,IAAsB4D,GAAA,MAAIH,KACxBd,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKiB,IAAiBf,KAAKW,EAAK,KAChC/C,EAAAA,EAAAA,GAAA,KAAAT,GAAA6D,GAAA,QAKFpD,EAAAA,EAAAA,GAAA,KAAAR,IAAmB6D,GAAA,MAAIC,KACrBrB,EAAAA,EAAAA,GAAArD,GAAAsD,KAAKqB,IAAcnB,KAAKkB,EAAO,KAGjCtD,EAAAA,EAAAA,GAAA,KAAAP,IAA6BuC,KACtBwB,EAAAA,EAAAA,GAAWxB,EAAQE,KAAKuB,gBAC3BvB,KAAKuB,aAAezB,EACtB,KAGFhC,EAAAA,EAAAA,GAAA,KAAAN,IAAcgE,EAAAA,EAAAA,aAAwB,WAzF7BC,GAAM,OAAAC,EAAAA,EAAAA,GAAAhG,GAAA,gBAAN+F,CAAME,IAAAC,EAAAA,EAAAA,GAAAlG,GAAA,KAAAiG,EAAA,UAGNE,GAAK,OAAAH,EAAAA,EAAAA,GAAA9F,GAAA,eAALiG,CAAKF,IAAAC,EAAAA,EAAAA,GAAAhG,GAAA,KAAA+F,EAAA,UAGLG,GAAK,OAAAJ,EAAAA,EAAAA,GAAA7F,GAAA,eAALiG,CAAKH,IAAAC,EAAAA,EAAAA,GAAA/F,GAAA,KAAA8F,EAAA,eAGLI,GAAU,OAAAL,EAAAA,EAAAA,GAAA5F,GAAA,oBAAViG,CAAUJ,IAAAC,EAAAA,EAAAA,GAAA9F,GAAA,KAAA6F,EAAA,UAGVK,GAAK,OAAAN,EAAAA,EAAAA,GAAA3F,GAAA,eAALiG,CAAKL,IAAAC,EAAAA,EAAAA,GAAA7F,GAAA,KAAA4F,EAAA,kBAGLM,GAAa,OAAAP,EAAAA,EAAAA,GAAA1F,GAAA,uBAAbiG,CAAaN,IAAAC,EAAAA,EAAAA,GAAA5F,GAAA,KAAA2F,EAAA,iBAGbJ,GAAY,OAAAG,EAAAA,EAAAA,GAAAzF,GAAA,sBAAZsF,CAAYI,IAAAC,EAAAA,EAAAA,GAAA3F,GAAA,KAAA0F,EAAA,0BAGZO,GAAqB,OAAAR,EAAAA,EAAAA,GAAAxF,GAAA,+BAArBgG,CAAqBP,IAAAC,EAAAA,EAAAA,GAAA1F,GAAA,KAAAyF,EAAA,iBAGrBQ,GAAY,OAAAT,EAAAA,EAAAA,GAAAvF,GAAA,sBAAZgG,CAAYR,IAAAC,EAAAA,EAAAA,GAAAzF,GAAA,KAAAwF,EAAA,cAGZS,GAAS,OAAAV,EAAAA,EAAAA,GAAAtF,GAAA,mBAATgG,CAAST,IAAAC,EAAAA,EAAAA,GAAAxF,GAAA,KAAAuF,EAAA,aAGTU,GAAQ,OAAAX,EAAAA,EAAAA,GAAArF,GAAA,kBAARgG,CAAQV,IAAAC,EAAAA,EAAAA,GAAAvF,GAAA,KAAAsF,EAAA,eAGRW,GAAU,OAAAZ,EAAAA,EAAAA,GAAApF,GAAA,oBAAVgG,CAAUX,IAAAC,EAAAA,EAAAA,GAAAtF,GAAA,KAAAqF,EAAA,aAGVY,GAAQ,OAAAb,EAAAA,EAAAA,GAAAnF,GAAA,kBAARgG,CAAQZ,IAAAC,EAAAA,EAAAA,GAAArF,GAAA,KAAAoF,EAAA,eAGRa,GAAU,OAAAd,EAAAA,EAAAA,GAAAlF,GAAA,oBAAVgG,CAAUb,IAAAC,EAAAA,EAAAA,GAAApF,GAAA,KAAAmF,EAAA,CAqDnBc,eAAAA,CAAgB7I,EAAYwB,GAAoC,QAAAsH,EAAAC,EAAA/E,UAAAgF,OAAjBC,EAAI,IAAAC,MAAAH,EAAA,EAAAA,EAAA,KAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,EAAA,GAAAnF,UAAAmF,GACzB,QAAxBL,GAAAhB,EAAAA,EAAAA,GAAKlE,GAALwC,MAAiBgD,eAAO,IAAAN,GAAxBA,EAA0BD,gBAAgB7I,EAAIwB,KAAWyH,EAC3D,CAEAI,MAAAA,GACE,OACE/I,IAAAA,cAACoB,GAAkB,CACjB4H,KAAKxB,EAAAA,EAAAA,GAAKlE,GAALwC,MACLyB,OAAQzB,KAAKyB,OACbI,MAAO7B,KAAK6B,MACZC,MAAO9B,KAAK8B,MACZC,WAAY/B,KAAK+B,WACjBC,MAAOhC,KAAKgC,MACZC,cAAejC,KAAKiC,cACpBE,aAAcnC,KAAKmC,aACnBC,UAAWpC,KAAKoC,UAChBb,aAAcvB,KAAKuB,aACnBW,sBAAuBlC,KAAKkC,sBAC5BG,SAAUrC,KAAKqC,SACfC,WAAYtC,KAAKsC,WACjBC,SAAUvC,KAAKuC,SACfC,WAAYxC,KAAKwC,WACjBW,sBAAsBzB,EAAAA,EAAAA,GAAK9E,GAALoD,MACtBoD,sBAAsB1B,EAAAA,EAAAA,GAAKnE,GAALyC,MACtBqD,cAAc3B,EAAAA,EAAAA,GAAK5E,GAALkD,MACdsD,cAAc5B,EAAAA,EAAAA,GAAK1E,GAALgD,MACduD,aAAa7B,EAAAA,EAAAA,GAAKxE,GAAL8C,MACbwD,mBAAmB9B,EAAAA,EAAAA,GAAKtE,GAAL4C,MACnByD,gBAAgB/B,EAAAA,EAAAA,GAAKpE,GAAL0C,OAGtB,EAaK,SAASxE,GAAwB9B,EAwBtCwJ,GACA,IAxBA,OACEzB,EAAM,MACNI,EAAK,MACLC,EAAK,WACLC,EAAU,MACVC,EAAK,cACLC,EAAa,aACbE,EAAY,UACZC,EACAb,aAAcmC,EAAa,sBAC3BxB,EAAqB,SACrBG,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYmB,EAAW,qBACvBR,EAAoB,qBACpBC,EAAoB,aACpBC,EAAY,aACZC,EAAY,YACZC,EAAW,kBACXC,EAAiB,eACjBC,GACwB/J,EAG1B,MAAOkK,EAAYC,IAAiBC,EAAAA,EAAAA,WAAS,IACtCC,EAAeC,IAAoBF,EAAAA,EAAAA,UAAS,IAC5CG,EAAoBC,IACzBJ,EAAAA,EAAAA,UAA+B,OAC1BK,GAAiBC,KAAsBN,EAAAA,EAAAA,WAAS,IAChDO,GAAoBC,KAAyBR,EAAAA,EAAAA,UAAS,IACtDS,GAAyBC,KAC9BV,EAAAA,EAAAA,UAA+B,OAC1BW,GAAoBC,KAAyBZ,EAAAA,EAAAA,UAElD,KAEKa,GAAUC,KAAed,EAAAA,EAAAA,WAAS,IAClCe,GAAWC,KAAgBhB,EAAAA,EAAAA,UAA2B,CAC3DiB,EAAG,EACHC,EAAG,EACHC,EAAG,IAGCC,IAAeC,EAAAA,EAAAA,QAAO,IAAIC,KAE1BC,IAAUF,EAAAA,EAAAA,QAAuB,MACjCG,IAAWH,EAAAA,EAAAA,QAAuB,OACjCI,GAAUC,KAAe1B,EAAAA,EAAAA,WAAS,IAEnC,cAAE2B,GAAa,iBAAEC,GAAgB,aAAEC,KAAiBC,EAAAA,EAAAA,GACxDxD,aAAS,EAATA,EAAWyD,OAGNC,GAAeC,KAAoBjC,EAAAA,EAAAA,UAAwB,CAAC,EAAG,KAC/DkC,GAAkBC,KACvBnC,EAAAA,EAAAA,UAAkC,OAC7BoC,GAAoBC,KACzBrC,EAAAA,EAAAA,UAA6B,YACxBsC,GAAcC,KAAmBvC,EAAAA,EAAAA,UAA8B,OAEtEwC,EAAAA,EAAAA,qBAAoBpD,GAAK,KAAM,CAC7BT,eAAAA,CAAgB7I,EAAIwB,GAAiB,QAAAmL,EAAAC,EAAA5I,UAAAgF,OAANC,EAAI,IAAAC,MAAA0D,EAAA,EAAAA,EAAA,KAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJ5D,EAAI4D,EAAA,GAAA7I,UAAA6I,GAE/BlC,UAAgC,QAATgC,EAAvBhC,GAAyBmC,IAAI9M,UAAG,IAAA2M,GACX,QADWA,EAAhCA,EACII,yBAAiB,IAAAJ,GAFvBA,EAGInL,MAAWyH,EACjB,OAGF+D,EAAAA,EAAAA,YAAU,KACR,MAAMC,EAAoB1L,KACxB2L,EAAAA,EAAAA,GAAqB3L,EAAO,CAC1B0G,QACAoC,qBACA9B,eACAC,YACA2E,MAAOlC,GAAUE,EACjBkB,uBACAF,oBACAI,yBACAE,mBACAjD,uBACAK,kBACA,EAIEuD,EAAiB1B,GAAStC,QAEhC,OADAgE,SAAAA,EAAgBC,iBAAiB,YAAaJ,GACvC,KACLG,SAAAA,EAAgBE,oBAAoB,YAAaL,EAAiB,CACnE,GACA,CACDhF,EACAM,EACAC,EACAyC,GAAUE,EACVd,EACAR,EACAL,IAGF,MAAM,gBAAE+D,GAAe,mBAAEC,GAAkB,QAAEC,KAAYC,EAAAA,EAAAA,UACvD,KAAMC,EAAAA,EAAAA,GAAyBzF,EAAOE,IACtC,CAACF,EAAOE,IAGJwF,IAAaF,EAAAA,EAAAA,UAAQ,IAClBH,GAAgBM,SAAQtN,IAA0C,IAKnEuN,EACAC,GAN4B9G,MAAM,KAAE+G,EAAI,MAAEC,EAAK,IAAEC,GAAK,KAAErH,GAAMtG,EAClE,OAAKyN,GAASC,GAMVA,GACFH,EAAM,QACNC,EAAQ,GAAuBI,OAAOF,KAEtCH,EAAM,OACNC,EAAQ,GAAqBI,OAAOH,IAG/BD,EAAKK,KAAgBC,IAAI,CAC9B,CAACP,GAAiBO,EAClBrO,GAAI,GAAGkO,KAAOG,EAAKC,WAAa,WAChCzH,YAhBO,EAiBN,KAEJ,CAAC0G,MAEItF,MAAOsG,GAAerG,MAAOsG,KAAkBC,EAAAA,EAAAA,GAAmB,CACxE5G,SACAI,QACAC,QACAoE,sBACAT,iBACAC,oBACAU,gBACAnC,qBACAM,2BACA6C,sBACAnF,gBACA8B,gBACAM,yBAGFuC,EAAAA,EAAAA,YACE,KAC6B,aAAvBV,IACFP,GACEwC,GAAcH,KAAK3H,IAAI,CACrBzG,GAAIyG,EAAKzG,GACToL,EAAG3E,EAAK2E,EACRC,EAAG5E,EAAK4E,MAGd,GAIF,CAACiB,KAGH,MAAMoC,IAAgBhB,EAAAA,EAAAA,UACpB,KAAMiB,EAAAA,EAAAA,GAAiBH,GAAeD,GAAehB,KACrD,CAACA,GAAiBgB,GAAeC,KAG7BI,GAAkB9E,GAAiB,MAClCnC,GAAckH,KAAmB3E,EAAAA,EAAAA,UACtC0E,KAGF5B,EAAAA,EAAAA,YAAU,KACR6B,IAAiBC,IACfpH,EAAAA,EAAAA,GAAWoH,EAAUF,IAAmBE,EAAWF,IACpD,GACA,CAACA,KAEJ,MAAMG,IAAgCxD,EAAAA,EAAAA,SAAO,IAC7CyB,EAAAA,EAAAA,YAAU,KACH+B,GAA8B3F,QAInCG,SAAAA,EAAuB5B,IAHrBoH,GAA8B3F,SAAU,CAGN,GACnC,CAACzB,GAAc4B,KAElByD,EAAAA,EAAAA,YAAU,KACR,MAAMgC,EAAOvD,GAAQrC,QACrB,IAAK4F,GAAQ1G,EACX,OAEF,MAAM2G,EAAa1N,IACjB,MAAM2N,GAASC,EAAAA,EAAAA,GAAe5N,EAAO,CACnCgN,iBACA5G,kBAGqB,iBAAnBuH,aAAM,EAANA,EAAQA,QACVzF,SAAAA,EAAeyF,EAAOzI,MACM,iBAAnByI,aAAM,EAANA,EAAQA,QACjBxF,SAAAA,EAAewF,EAAOrI,MACM,wBAAnBqI,aAAM,EAANA,EAAQA,SAAmCA,EAAOzI,OAC3D+C,SAAAA,EAAuB,CAAEvJ,KAAM,OAAQmP,OAAQF,EAAOzI,KAAKzG,KAC7D,EAGF,OADAgP,EAAK3B,iBAAiB,UAAW4B,GAC1B,KACLD,EAAK1B,oBAAoB,UAAW2B,EAAU,CAC/C,GACA,CACDtH,GACA4G,GACAjG,EACAkB,EACAC,EACAC,IAGF,MAAM2F,IAAsBC,EAAAA,EAAAA,cACzBC,IACKA,IACFnF,GAAkB0E,GAAaA,EAAW,IAC1CxE,EAAsBiF,IAExBtF,GAAe6E,GAAaA,KAAcS,GAAc,GAE1D,IAGIC,IAA2BF,EAAAA,EAAAA,cAC9BC,IACKA,IACF7E,IAAuBoE,GAAaA,EAAW,IAC/ClE,GAA2B2E,IAE7B/E,IAAoBsE,GAAaA,KAAcS,GAAc,GAE/D,IAGI3G,IAAa8E,EAAAA,EAAAA,UACjB,IACE3D,GACC,CAAC0F,EAAAA,GAAyBC,EAAAA,KAC7B,CAAC3F,IAGG4F,IAASjC,EAAAA,EAAAA,UAAQ,KAAMkC,EAAAA,EAAAA,OAAiC,KAE9D5C,EAAAA,EAAAA,YAAU,KACR,IAAI6C,GAAQ,EACZF,GACGG,YAAYrH,EAAWG,GAAa,CAAC,EAAG,IACxCmH,GAAG,SAAS,KACXF,GAAQ,EACR7E,IAAY,EAAK,IAElB+E,GAAG,QAASC,IACXH,GAAQ,EACR3E,GAAa8E,EAAE/E,UAAU,IAE1B8E,GAAG,OAAO,KACT/E,IAAY,GACP6E,GACHrG,SAAAA,EAAuB,KACzB,GACA,GACH,CAACA,EAAsBZ,GAAYH,EAAUkH,MAEhD3C,EAAAA,EAAAA,YAAU,KACR,MAAMgC,EAAOvD,GAAQrC,QACrB,IAAK4F,EACH,OAGF,MAAMiB,GAAgBC,EAAAA,EAAAA,GAAOlB,GAEvBmB,EAAYA,KAChBF,EACGF,GAAG,QAAS,MACZA,GAAG,eAAgB,MACnBA,GAAG,QAAS,KAAK,EAGtB,GAAMtH,GAAYC,GAAcC,EA0ChC,OArCIF,GAAYC,IAGduH,EAAcF,GACZ,qBACCC,IAEMA,EAAEI,UAELJ,EAAEK,2BACE3H,IACFsH,EAAEM,iBACFX,GAAOY,YACLN,EACAD,EAAEQ,YAAc,EAChBR,EAAES,YAAc,IAGtB,IAMNR,EACGS,KAAKf,IACLI,GAAG,SAAUC,GAAkBA,EAAEM,mBACjCP,GAAG,gBAAiB,MAElBpH,GACHsH,EACGF,GAAG,iBAAkB,MACrBA,GAAG,kBAAmB,MACtBA,GAAG,iBAAkB,MACrBA,GAAG,gBAAiB,MAGlBI,EAzCLA,GAyCc,GACf,CAACxH,EAAUD,EAAYD,EAAUkH,MAEpC3C,EAAAA,EAAAA,YAAU,KACR,MAAMgC,EAAOvD,GAAQrC,QACrB,GAA6B,IAAzBmF,GAAcvF,SAAiBgG,GAAQrD,GACzC,OAEF,MAAM,EAAER,EAAC,EAAEC,EAAC,EAAEC,IAAMsF,EAAAA,EAAAA,GAAkBpC,GAAe,CACnDqC,YAAa5B,EAAK6B,YAClBC,aAAc9B,EAAK+B,aACnBnI,WAAYH,EAAWG,QAAaoI,IAEtCrB,GAAO1E,WAAUiF,EAAAA,EAAAA,GAAOlB,GAAO,IAAIiC,EAAAA,GAAc9F,EAAGC,EAAGC,IACvDO,IAAY,EAAK,GAChB,CAACD,GAAU4C,GAAe3F,GAAYH,EAAUkH,KAEnD,MAAMuB,IAAYxD,EAAAA,EAAAA,UAAQ,IAAM,IAAGyD,EAAAA,EAAAA,UAAS,gBAAgB,IACtDC,GAAe,GAAGF,gBAClBG,GAAa,GAAGH,UAChBI,GAAyB,GAAGJ,kBAElClE,EAAAA,EAAAA,YAAU,KACRlC,IAAuBgE,IACrByC,EAAAA,EAAAA,GAAsBzC,EAAUJ,GAAepD,GAAalC,UAC7D,GACA,CAACsF,KAEJ,MAAO8C,GAAeC,IAAoBnR,IAAAA,SACxC,IAAIkL,KAwBN,OArBAwB,EAAAA,EAAAA,YAAU,KACR,IAAKrC,GACH,QAQF+G,EAAAA,EAAAA,GAAiB7G,GAAoBF,IAErC,MAAMgH,EAAW,IAAIC,EAAAA,GAROC,KAC1BJ,IACEK,EAAAA,EAAAA,GAAiBjH,GAAoBF,IACtC,IAMH,IAAK,MAAMoH,KAAapH,GAAwBqH,SAC9CL,EAASM,QAAQF,GAEnB,MAAO,KACLJ,EAASO,YAAY,CACtB,GACA,CAACzH,GAAoBE,GAAyBE,KAElC,UAAXhD,GAAiC,UAAXA,EACjBvH,IAAAA,cAAA,WAAM,kCAAkCuH,MAI/CvH,IAAAA,cAAA,OACE6R,UAAWC,IAAW,UAAW,CAC/BC,MAAOrI,GAAc2B,GACrBZ,YACApC,aAEF2J,UAAW,EACXhJ,IAAKmC,IAELnL,IAAAA,cAAA,OAAKiS,MAAM,OAAOC,OAAO,OAAOL,UAAU,SACxC7R,IAAAA,cAAA,YACGmN,GAAQW,KAAI,CAAAjN,EAAwBsR,KAAK,IAA5B,KAAExS,EAAI,YAAEC,GAAaiB,EAAA,OACjCb,IAAAA,cAACT,EAAAA,EAAe,CACdiO,IAAK2E,EACLzS,GAAI,GAAGoR,KAAeqB,IACtBxS,KAAMA,EACNC,YAAaA,GACb,IAEH,IAAIsR,IAAepD,KAAIhN,IAAA,IAAEsR,EAAQC,GAAMvR,EAAA,OACtCd,IAAAA,cAACsS,EAAAA,EAAiB,CAChB9E,IAAK4E,EACLA,OAAQA,EACRC,MAAOA,EACPtB,WAAYA,GACZxG,mBAAoBA,IACpB,IAEJvK,IAAAA,cAAA,UACEN,GAAI,GAAGsR,UACP9Q,QAAQ,UACRC,KAAM,EACNC,KAAM,EACNC,YAAa,EACbC,aAAc,EACdC,OAAO,QAEPP,IAAAA,cAAA,QACES,EAAE,gCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,2BAGTZ,IAAAA,cAAA,UACEN,GAAI,GAAGsR,QACP9Q,QAAQ,WACRC,KAAM,EACNC,KAAM,EACNC,YAAa,GACbC,aAAc,EACdC,OAAO,QAEPP,IAAAA,cAAA,QACES,EAAE,gCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,0BAEPZ,IAAAA,cAAA,QACES,EAAE,iCACFC,OAAO,wBACPC,YAAa,EACbC,KAAK,4BAIXZ,IAAAA,cAAA,KACE2K,UAAW,aAAaA,GAAUG,KAAKH,GAAUI,YAAYJ,GAAUE,MAEtEuD,GAAcN,KAAKnH,GAClB3G,IAAAA,cAACuS,EAAAA,EAAa,CACZ/E,IAAK7G,EAAKA,KAAKiH,IACfjH,KAAMA,EACN6L,UAAWxH,GAAalC,QACxBoI,cAAeA,GACfH,WAAYA,GACZD,aAAcA,GACdE,uBAAwBA,GACxByB,OACyB,UAAvBpL,cAAY,EAAZA,GAAc1H,OACd0H,GAAad,KAAKmM,SAAW/L,EAAKJ,KAAKmM,QACvCrL,GAAad,KAAKX,SAAWe,EAAKJ,KAAKX,OAEzC+M,cACyB,UAAvBtL,cAAY,EAAZA,GAAc1H,QACbgH,EAAKJ,KAAKmM,SAAWrL,GAAayH,QACjCnI,EAAKJ,KAAKX,SAAWyB,GAAayH,QAEtCzF,YAAaA,EACbC,kBAAmBA,QAK3BtJ,IAAAA,cAAA,OACE6R,UAAWC,IAAW,cAAe,CAAEC,MAAO9H,KAC9C2I,MAAO,CACLC,KAAMlI,GAAUG,EAChBgI,IAAKnI,GAAUI,EACfJ,UAAW,SAASA,GAAUE,OAGhC7K,IAAAA,cAAC+S,EAAAA,GAAuB,CACtBC,OAAQ1F,GACR2F,WAAY/D,MAGhBlP,IAAAA,cAAA,OACE6R,UAAU,QACV7I,IAAKoC,GACLwH,MAAO,CACLC,KAAMlI,GAAUG,EAChBgI,IAAKnI,GAAUI,EACfJ,UAAW,SAASA,GAAUE,OAGhC7K,IAAAA,cAACkT,EAAAA,EAAkB,CACjBvL,MAAOA,EACPE,WAAYA,EAEZoL,WAAYlE,MAGhB/O,IAAAA,cAACmT,EAAAA,EAAoB,CACnBrH,iBAAkBA,GAClBF,cAAeA,GACfkF,aAAcA,KAItB,CAphBCsC,EAAA7P,KAAAmM,GAAA5L,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAK,GAAAsN,GAAA1N,GAAAM,GAAAG,GAAAkN,GAAApN,GAAAG,GAAAG,GAAA+M,GAAAjN,GAAAG,GAAAG,GAAA4M,GAAA9M,GAAAG,GAAAE,GAAA0M,GAAA3M,GAAAE,GAAAG,GAAAuM,GAAAzM,GAAApD,GAAA8P,GAAApS,GAAAqS,KAAAC,EAAAA,EAAAA,GAAAT,EAAA,CApIArS,GAAc,aAAc,CAC3B+S,WAAY,CAACC,EAAAA,MACb,EAKC/S,GAAS,CAAErB,KAAMqU,SAAS,aAG1BhT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,iBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,YAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,oBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,mBAG9BjT,GAAS,CAAErB,KAAMuU,UAAU,4BAG3BlT,GAAS,CAAEiT,WAAW,IAAQ,mBAG9BjT,GAAS,CAAEiT,WAAW,IAAQ,gBAG9BjT,GAAS,CAAErB,KAAMuU,UAAU,eAG3BlT,GAAS,CAAErB,KAAMuU,UAAU,iBAG3BlT,GAAS,CAAErB,KAAMuU,UAAU,eAG3BlT,GAAS,CAAEiT,WAAW,IAAQ,iBAG9BhT,GAAM,CAAEtB,KAAM,wBAAwB,4BAAAwU,IAAA3M,EAAAA,EAAAA,GAAAjF,GAAA4R,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAAnF,GAAA4R,EAAA1M,IAAA,CAOtCxG,GAAM,CAAEtB,KAAM,gBAAgB,eAAAwU,IAAA3M,EAAAA,EAAAA,GAAA7E,GAAAwR,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAA/E,GAAAwR,EAAA1M,IAAA,CAO9BxG,GAAM,CAAEtB,KAAM,gBAAgB,eAAAwU,IAAA3M,EAAAA,EAAAA,GAAA3E,GAAAsR,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAA7E,GAAAsR,EAAA1M,IAAA,CAO9BxG,GAAM,CAAEtB,KAAM,eAAe,cAAAwU,IAAA3M,EAAAA,EAAAA,GAAAzE,GAAAoR,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAA3E,GAAAoR,EAAA1M,IAAA,CAO7BxG,GAAM,CAAEtB,KAAM,kBAAkB,oBAAAwU,IAAA3M,EAAAA,EAAAA,GAAAvE,GAAAkR,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAAzE,GAAAkR,EAAA1M,IAAA,CAOhCxG,GAAM,CAAEtB,KAAM,kBAAkB,iBAAAwU,IAAA3M,EAAAA,EAAAA,GAAArE,GAAAgR,GAAA,CAAAA,EAAA1M,KAAAC,EAAAA,EAAAA,GAAAvE,GAAAgR,EAAA1M,IAAA,CAehCvG,KAAQ,yBAAAkT,GAAA9Q,GAAA+Q,KAAAC,EAAAA,EAAAA,GAAAF,KAhGa5Q,EAAAA,mBAAgBoQ,G,+CCzFjC,SAASW,EACd7B,EACA9M,EACA4O,GAIA,GAAI9B,IAAW9M,IAAU6O,EAAAA,EAAAA,GAAkB/B,EAAQ9M,EAAQ,EAAG,GAC5D,OAAO,KAGT,IAAI8O,EACAC,EAEAC,EAAQ,EACRC,EAAQ,EAEZ,GAAIL,EAAa,CACf,MAAMM,EAAKlP,EAAOkF,EAAI4H,EAAO5H,EACvBiK,EAAKnP,EAAOmF,EAAI2H,EAAO3H,EACvBiK,EAAQC,KAAKC,MAAMH,EAAID,GAC7BF,EAASJ,EAAc,EAAKS,KAAKE,IAAIH,EAAQC,KAAKG,GAAK,GACvDP,EAASL,EAAc,EAAKS,KAAKI,IAAIL,EAAQC,KAAKG,GAAK,EACzD,CAEA,MAAMzO,EAAkB,CACtB,CAAC+L,EAAO5H,EAAI8J,EAAOlC,EAAO3H,EAAI8J,GAC9B,CAACjP,EAAOkF,EAAI8J,EAAOhP,EAAOmF,EAAI8J,IAE1BS,EAAsBC,EAAiB7C,EAAQ/L,GAC/C6O,EAAsBD,EAAiB3P,EAAQe,GAcrD,OAVE+N,EADEY,EAAoB5M,OAAS,EAC1B4M,EAAoB,GAEpB,CAAC5C,EAAO5H,EAAG4H,EAAO3H,GAGvB4J,EADEa,EAAoB9M,OAAS,EAC1B8M,EAAoB,GAEpB,CAAC5P,EAAOkF,EAAGlF,EAAOmF,GAGlB,CACL,CAAED,EAAG4J,EAAG,GAAI3J,EAAG2J,EAAG,IAClB,CAAE5J,EAAG6J,EAAG,GAAI5J,EAAG4J,EAAG,IAEtB,CAEA,SAASY,EAAiBE,EAAgB9O,GACxC,MAAM+O,EAA4B,CAChC,CAACD,EAAK3K,EAAI2K,EAAKxD,MAAQ,EAAGwD,EAAK1K,EAAI0K,EAAKvD,OAAS,GACjD,CAACuD,EAAK3K,EAAI2K,EAAKxD,MAAQ,EAAGwD,EAAK1K,EAAI0K,EAAKvD,OAAS,GACjD,CAACuD,EAAK3K,EAAI2K,EAAKxD,MAAQ,EAAGwD,EAAK1K,EAAI0K,EAAKvD,OAAS,GACjD,CAACuD,EAAK3K,EAAI2K,EAAKxD,MAAQ,EAAGwD,EAAK1K,EAAI0K,EAAKvD,OAAS,IAE7CyD,EAA8D,GACpE,IAAK,IAAIC,EAAI,EAAGA,EAAI,EAAGA,IACrBD,EAAcE,KAAK,CAACH,EAASE,GAAIF,GAAUE,EAAI,GAAK,KAEtD,MAAME,EAAiC,GACvC,IAAK,MAAM/H,KAAQ4H,EAAe,CAChC,MAAMI,EAAeC,EAAUrP,EAAK,GAAIA,EAAK,GAAIoH,EAAK,GAAIA,EAAK,IAC3DgI,GACFD,EAAcD,KAAKE,EAEvB,CACA,OAAOD,CACT,CAGA,SAASE,EAASxW,EAAAS,EAAAY,EAAAC,GAKM,IAJrBmV,EAAIC,GAAkB1W,GACtB2W,EAAIC,GAAkBnW,GACtBoW,EAAIC,GAAkBzV,GACtB0V,EAAIC,GAAkB1V,EAGvB,GAAKmV,IAAOE,GAAMD,IAAOE,GAAQC,IAAOE,GAAMD,IAAOE,EACnD,OAAO,KAGT,MAAMC,GAAeD,EAAKF,IAAOH,EAAKF,IAAOM,EAAKF,IAAOD,EAAKF,GAG9D,GAAoB,IAAhBO,EACF,OAAO,KAGT,MAAMC,IAAOH,EAAKF,IAAOH,EAAKI,IAAOE,EAAKF,IAAOL,EAAKI,IAAOI,EACvDE,IAAOR,EAAKF,IAAOC,EAAKI,IAAOF,EAAKF,IAAOD,EAAKI,IAAOI,EAG7D,OAAIC,EAAK,GAAKA,EAAK,GAAKC,EAAK,GAAKA,EAAK,EAC9B,KAOF,CAHGV,EAAKS,GAAMP,EAAKF,GAChBC,EAAKQ,GAAMN,EAAKF,GAG5B,C,gBC1GO,SAASzB,EACdmC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAIF,EAAWG,EAAoBL,EAAGE,GAAYF,EAClDM,EAAIH,EAAWE,EAAoBJ,EAAGE,GAAYF,EAClDhE,EAAOoC,KAAKkC,IAAIH,EAAElM,EAAIkM,EAAE/E,MAAQ,EAAGiF,EAAEpM,EAAIoM,EAAEjF,MAAQ,GACnDmF,EAAQnC,KAAKoC,IAAIL,EAAElM,EAAIkM,EAAE/E,MAAQ,EAAGiF,EAAEpM,EAAIoM,EAAEjF,MAAQ,GACpDa,EAAMmC,KAAKkC,IAAIH,EAAEjM,EAAIiM,EAAE9E,OAAS,EAAGgF,EAAEnM,EAAImM,EAAEhF,OAAS,GACpDoF,EAASrC,KAAKoC,IAAIL,EAAEjM,EAAIiM,EAAE9E,OAAS,EAAGgF,EAAEnM,EAAImM,EAAEhF,OAAS,GAC7D,OAAOkF,EAAQvE,EAAOmE,EAAE/E,MAAQiF,EAAEjF,OAASqF,EAASxE,EAAMkE,EAAE9E,OAASgF,EAAEhF,MACzE,CAEA,SAAS+E,EAAoB9Q,EAAgBoR,GAC3C,MAAO,CACLzM,EAAG3E,EAAK2E,EAAI3E,EAAK8L,MAAQ,EAAIsF,EAC7BxM,EAAG5E,EAAK4E,EAAI5E,EAAK+L,OAAS,EAAIqF,EAC9BtF,MAAO9L,EAAK8L,MAAkB,EAAVsF,EACpBrF,OAAQ/L,EAAK+L,OAAmB,EAAVqF,EAE1B,C,iCCtBO,SAASC,EACdC,GAEA,GAAI7O,MAAM8O,QAAQD,GAAQ,CACxB,MAAME,EAAKF,EAAM,GACXG,EAAKH,EAAM/O,OAAS,EAAI+O,EAAM,GAAME,EAG1C,MAAO,CAACA,EAAIC,EAFDH,EAAM/O,OAAS,EAAI+O,EAAM,GAAME,EAC/BF,EAAM/O,OAAS,EAAI+O,EAAM,GAAMG,EAE5C,CACA,OAAO,IAAIhP,MAAM,GAAGhI,KAAK6W,EAC3B,C","sources":["webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/index.tsx","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/doTwoNodesOverlap.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts"],"sourcesContent":["import React from \"react\";\nimport type { LineMarkerType } from \"./interfaces\";\n\nexport interface MarkerComponentProps extends BaseMarkerComponentProps {\n type: LineMarkerType;\n}\n\nexport interface BaseMarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n type,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n let Component: (props: BaseMarkerComponentProps) => JSX.Element;\n\n switch (type) {\n case \"0..1\":\n Component = EntityRelationZeroOrOneMarker;\n break;\n case \"0..N\":\n Component = EntityRelationZeroOrManyMarker;\n break;\n default:\n Component = ArrowMarker;\n }\n\n return <Component id={id} strokeColor={strokeColor} />;\n}\n\nfunction ArrowMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={5}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto-start-reverse\"\n strokeLinejoin=\"round\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrOneMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrManyMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n","import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","import type { NodePosition, NodeRect, PositionTuple } from \"../interfaces\";\nimport { doTwoNodesOverlap } from \"../processors/doTwoNodesOverlap\";\n\ntype LineTuple = [start: PositionTuple, end: PositionTuple];\n\nexport function getDirectLinePoints(\n source: NodeRect,\n target: NodeRect,\n parallelGap?: number\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n // Ignore if two nodes overlap.\n if (source === target || doTwoNodesOverlap(source, target, 0, 0)) {\n return null;\n }\n\n let p0: PositionTuple;\n let p1: PositionTuple;\n\n let xDiff = 0;\n let yDiff = 0;\n\n if (parallelGap) {\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n const angle = Math.atan2(dy, dx);\n xDiff = (parallelGap / 2) * Math.cos(angle + Math.PI / 2);\n yDiff = (parallelGap / 2) * Math.sin(angle + Math.PI / 2);\n }\n\n const line: LineTuple = [\n [source.x + xDiff, source.y + yDiff],\n [target.x + xDiff, target.y + yDiff],\n ];\n const sourceIntersections = getIntersections(source, line);\n const targetIntersections = getIntersections(target, line);\n\n // Todo: handle when more than one intersection\n if (sourceIntersections.length > 0) {\n p0 = sourceIntersections[0];\n } else {\n p0 = [source.x, source.y];\n }\n if (targetIntersections.length > 0) {\n p1 = targetIntersections[0];\n } else {\n p1 = [target.x, target.y];\n }\n\n return [\n { x: p0[0], y: p0[1] },\n { x: p1[0], y: p1[1] },\n ];\n}\n\nfunction getIntersections(rect: NodeRect, line: LineTuple) {\n const vertices: PositionTuple[] = [\n [rect.x - rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y + rect.height / 2],\n [rect.x - rect.width / 2, rect.y + rect.height / 2],\n ];\n const possibleLines: [start: PositionTuple, end: PositionTuple][] = [];\n for (let i = 0; i < 4; i++) {\n possibleLines.push([vertices[i], vertices[(i + 1) % 4]]);\n }\n const intersections: PositionTuple[] = [];\n for (const item of possibleLines) {\n const intersection = intersect(line[0], line[1], item[0], item[1]);\n if (intersection) {\n intersections.push(intersection);\n }\n }\n return intersections;\n}\n\n// https://paulbourke.net/geometry/pointlineplane/javascript.txt\nfunction intersect(\n [x1, y1]: PositionTuple,\n [x2, y2]: PositionTuple,\n [x3, y3]: PositionTuple,\n [x4, y4]: PositionTuple\n): null | PositionTuple {\n // Check if none of the lines are of length 0\n if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {\n return null;\n }\n\n const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);\n\n // Lines are parallel\n if (denominator === 0) {\n return null;\n }\n\n const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator;\n const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator;\n\n // is the intersection along the segments\n if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {\n return null;\n }\n\n // Return a object with the x and y coordinates of the intersection\n const x = x1 + ua * (x2 - x1);\n const y = y1 + ua * (y2 - y1);\n\n return [x, y];\n}\n","import type { NodeRect } from \"../interfaces\";\n\nexport function doTwoNodesOverlap(\n a: NodeRect,\n b: NodeRect,\n paddingA: number,\n paddingB: number\n): boolean {\n const A = paddingA ? getNodesWithPadding(a, paddingA) : a;\n const B = paddingB ? getNodesWithPadding(b, paddingB) : b;\n const left = Math.min(A.x - A.width / 2, B.x - B.width / 2);\n const right = Math.max(A.x + A.width / 2, B.x + B.width / 2);\n const top = Math.min(A.y - A.height / 2, B.y - B.height / 2);\n const bottom = Math.max(A.y + A.height / 2, B.y + B.height / 2);\n return right - left < A.width + B.width && bottom - top < A.height + B.height;\n}\n\nfunction getNodesWithPadding(node: NodeRect, padding: number) {\n return {\n x: node.x - node.width / 2 - padding,\n y: node.y - node.height / 2 - padding,\n width: node.width + padding * 2,\n height: node.height + padding * 2,\n };\n}\n","import type { FullRectTuple, PartialRectTuple } from \"../interfaces\";\n\nexport function extractPartialRectTuple(\n value: PartialRectTuple\n): FullRectTuple {\n if (Array.isArray(value)) {\n const v0 = value[0];\n const v1 = value.length > 1 ? value[1]! : v0;\n const v2 = value.length > 2 ? value[2]! : v0;\n const v3 = value.length > 3 ? value[3]! : v1;\n return [v0, v1, v2, v3];\n }\n return new Array(4).fill(value) as FullRectTuple;\n}\n"],"names":["MarkerComponent","_ref","Component","id","type","strokeColor","EntityRelationZeroOrOneMarker","EntityRelationZeroOrManyMarker","ArrowMarker","React","_ref2","viewBox","refX","refY","markerWidth","markerHeight","orient","strokeLinejoin","d","stroke","strokeWidth","fill","_ref3","_ref4","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","key","list","text","label","$id","concat","map","item","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","index","lineId","rects","LineMaskComponent","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS","getDirectLinePoints","parallelGap","doTwoNodesOverlap","p0","p1","xDiff","yDiff","dx","dy","angle","Math","atan2","cos","PI","sin","sourceIntersections","getIntersections","targetIntersections","rect","vertices","possibleLines","i","push","intersections","intersection","intersect","x1","y1","x2","y2","x3","y3","x4","y4","denominator","ua","ub","a","b","paddingA","paddingB","A","getNodesWithPadding","B","min","right","max","bottom","padding","extractPartialRectTuple","value","isArray","v0","v1"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/eo-diagram.261eb2d9.js","mappings":"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","sources":["webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/index.tsx","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/doTwoNodesOverlap.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts"],"sourcesContent":["import React from \"react\";\nimport type { LineMarkerType } from \"./interfaces\";\n\nexport interface MarkerComponentProps extends BaseMarkerComponentProps {\n type: LineMarkerType;\n}\n\nexport interface BaseMarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n type,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n let Component: (props: BaseMarkerComponentProps) => JSX.Element;\n\n switch (type) {\n case \"0..1\":\n Component = EntityRelationZeroOrOneMarker;\n break;\n case \"0..N\":\n Component = EntityRelationZeroOrManyMarker;\n break;\n default:\n Component = ArrowMarker;\n }\n\n return <Component id={id} strokeColor={strokeColor} />;\n}\n\nfunction ArrowMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={5}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto-start-reverse\"\n strokeLinejoin=\"round\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrOneMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrManyMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n","import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","import type { NodePosition, NodeRect, PositionTuple } from \"../interfaces\";\nimport { doTwoNodesOverlap } from \"../processors/doTwoNodesOverlap\";\n\ntype LineTuple = [start: PositionTuple, end: PositionTuple];\n\nexport function getDirectLinePoints(\n source: NodeRect,\n target: NodeRect,\n parallelGap?: number\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n // Ignore if two nodes overlap.\n if (source === target || doTwoNodesOverlap(source, target, 0, 0)) {\n return null;\n }\n\n let p0: PositionTuple;\n let p1: PositionTuple;\n\n let xDiff = 0;\n let yDiff = 0;\n\n if (parallelGap) {\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n const angle = Math.atan2(dy, dx);\n xDiff = (parallelGap / 2) * Math.cos(angle + Math.PI / 2);\n yDiff = (parallelGap / 2) * Math.sin(angle + Math.PI / 2);\n }\n\n const line: LineTuple = [\n [source.x + xDiff, source.y + yDiff],\n [target.x + xDiff, target.y + yDiff],\n ];\n const sourceIntersections = getIntersections(source, line);\n const targetIntersections = getIntersections(target, line);\n\n // Todo: handle when more than one intersection\n if (sourceIntersections.length > 0) {\n p0 = sourceIntersections[0];\n } else {\n p0 = [source.x, source.y];\n }\n if (targetIntersections.length > 0) {\n p1 = targetIntersections[0];\n } else {\n p1 = [target.x, target.y];\n }\n\n return [\n { x: p0[0], y: p0[1] },\n { x: p1[0], y: p1[1] },\n ];\n}\n\nfunction getIntersections(rect: NodeRect, line: LineTuple) {\n const vertices: PositionTuple[] = [\n [rect.x - rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y + rect.height / 2],\n [rect.x - rect.width / 2, rect.y + rect.height / 2],\n ];\n const possibleLines: [start: PositionTuple, end: PositionTuple][] = [];\n for (let i = 0; i < 4; i++) {\n possibleLines.push([vertices[i], vertices[(i + 1) % 4]]);\n }\n const intersections: PositionTuple[] = [];\n for (const item of possibleLines) {\n const intersection = intersect(line[0], line[1], item[0], item[1]);\n if (intersection) {\n intersections.push(intersection);\n }\n }\n return intersections;\n}\n\n// https://paulbourke.net/geometry/pointlineplane/javascript.txt\nfunction intersect(\n [x1, y1]: PositionTuple,\n [x2, y2]: PositionTuple,\n [x3, y3]: PositionTuple,\n [x4, y4]: PositionTuple\n): null | PositionTuple {\n // Check if none of the lines are of length 0\n if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {\n return null;\n }\n\n const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);\n\n // Lines are parallel\n if (denominator === 0) {\n return null;\n }\n\n const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator;\n const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator;\n\n // is the intersection along the segments\n if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {\n return null;\n }\n\n // Return a object with the x and y coordinates of the intersection\n const x = x1 + ua * (x2 - x1);\n const y = y1 + ua * (y2 - y1);\n\n return [x, y];\n}\n","import type { NodeRect } from \"../interfaces\";\n\nexport function doTwoNodesOverlap(\n a: NodeRect,\n b: NodeRect,\n paddingA: number,\n paddingB: number\n): boolean {\n const A = paddingA ? getNodesWithPadding(a, paddingA) : a;\n const B = paddingB ? getNodesWithPadding(b, paddingB) : b;\n const left = Math.min(A.x - A.width / 2, B.x - B.width / 2);\n const right = Math.max(A.x + A.width / 2, B.x + B.width / 2);\n const top = Math.min(A.y - A.height / 2, B.y - B.height / 2);\n const bottom = Math.max(A.y + A.height / 2, B.y + B.height / 2);\n return right - left < A.width + B.width && bottom - top < A.height + B.height;\n}\n\nfunction getNodesWithPadding(node: NodeRect, padding: number) {\n return {\n x: node.x - node.width / 2 - padding,\n y: node.y - node.height / 2 - padding,\n width: node.width + padding * 2,\n height: node.height + padding * 2,\n };\n}\n","import type { FullRectTuple, PartialRectTuple } from \"../interfaces\";\n\nexport function extractPartialRectTuple(\n value: PartialRectTuple\n): FullRectTuple {\n if (Array.isArray(value)) {\n const v0 = value[0];\n const v1 = value.length > 1 ? value[1]! : v0;\n const v2 = value.length > 2 ? value[2]! : v0;\n const v3 = value.length > 3 ? value[3]! : v1;\n return [v0, v1, v2, v3];\n }\n return new Array(4).fill(value) as FullRectTuple;\n}\n"],"names":["MarkerComponent","_ref","Component","id","type","strokeColor","EntityRelationZeroOrOneMarker","EntityRelationZeroOrManyMarker","ArrowMarker","React","_ref2","viewBox","refX","refY","markerWidth","markerHeight","orient","strokeLinejoin","d","stroke","strokeWidth","fill","_ref3","_ref4","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","key","list","text","label","$id","concat","map","item","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","index","lineId","rects","LineMaskComponent","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS","getDirectLinePoints","parallelGap","doTwoNodesOverlap","p0","p1","xDiff","yDiff","dx","dy","angle","Math","atan2","cos","PI","sin","sourceIntersections","getIntersections","targetIntersections","rect","vertices","possibleLines","i","push","intersections","intersection","intersect","x1","y1","x2","y2","x3","y3","x4","y4","denominator","ua","ub","a","b","paddingA","paddingB","A","getNodesWithPadding","B","min","right","max","bottom","padding","extractPartialRectTuple","value","isArray","v0","v1"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823,8939],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var l,s=a(4635),i=a(918),n=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(4782),A=a(1389),p=(a(9772),a(1030)),y=a(3373),f=a.n(y),v=a(7566),k=a(3739),w=a(8185),m=a(2140),C=a(3783),b=a(3033),M=a(8091),N=a(1819),x=a(5748),W=a(227),E=a(531),T=a(7099),R=a(1484),z=a(8197),S=a(7531),B=a(2098),L=a(3012),D=a(6237);let $,H,O,P,U,K,_,I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce;const{defineElement:be,property:Me,event:Ne}=(0,g.createDecorators)();let xe;var We=new WeakMap,Ee=new WeakMap,Te=new WeakMap,Re=new WeakMap,ze=new WeakMap,Se=new WeakMap,Be=new WeakMap,Le=new WeakMap,De=new WeakMap,$e=new WeakMap,He=new WeakMap,Oe=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,Ie=new WeakMap,Fe=new WeakMap,Ye=new WeakMap,je=new WeakMap,qe=new WeakMap,Je=new WeakMap;class Ze extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,_e),(0,i.A)(this,We,H(this)),(0,i.A)(this,Ee,(O(this),P(this))),(0,i.A)(this,Te,(U(this),K(this))),(0,i.A)(this,Re,(_(this),I(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(F(this),Y(this))),(0,i.A)(this,Se,(j(this),q(this))),(0,i.A)(this,Be,(J(this),Z(this))),(0,i.A)(this,Le,(V(this),G(this))),(0,i.A)(this,De,(Q(this),X(this))),(0,i.A)(this,$e,(ee(this),te(this))),(0,i.A)(this,He,(ae(this),le(this,!0))),(0,i.A)(this,Oe,(se(this),ie(this,!0))),(0,i.A)(this,Pe,(ne(this),oe(this,!0))),(0,i.A)(this,Ue,(re(this),de(this))),(0,i.A)(this,Ke,(he(this),ce(this))),(0,i.A)(this,Ie,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,Fe,(e=>{(0,w.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Ye,pe(this)),(0,i.A)(this,je,(ve(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,qe,ke(this)),(0,i.A)(this,Je,(Ce(this),e=>{(0,o.A)(_e,this,we).emit(e)}))}get cells(){return(0,d.A)(We,this)}set cells(e){(0,r.A)(We,this,e)}get layout(){return(0,d.A)(Ee,this)}set layout(e){(0,r.A)(Ee,this,e)}get layoutOptions(){return(0,d.A)(Te,this)}set layoutOptions(e){(0,r.A)(Te,this,e)}get defaultNodeSize(){return(0,d.A)(Re,this)}set defaultNodeSize(e){(0,r.A)(Re,this,e)}get defaultNodeBricks(){return(0,d.A)(ze,this)}set defaultNodeBricks(e){(0,r.A)(ze,this,e)}get degradedThreshold(){return(0,d.A)(Se,this)}set degradedThreshold(e){(0,r.A)(Se,this,e)}get degradedNodeLabel(){return(0,d.A)(Be,this)}set degradedNodeLabel(e){(0,r.A)(Be,this,e)}get defaultEdgeLines(){return(0,d.A)(Le,this)}set defaultEdgeLines(e){(0,r.A)(Le,this,e)}get activeTarget(){return(0,d.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,d.A)($e,this)}set fadeUnrelatedCells(e){(0,r.A)($e,this,e)}get zoomable(){return(0,d.A)(He,this)}set zoomable(e){(0,r.A)(He,this,e)}get scrollable(){return(0,d.A)(Oe,this)}set scrollable(e){(0,r.A)(Oe,this,e)}get pannable(){return(0,d.A)(Pe,this)}set pannable(e){(0,r.A)(Pe,this,e)}get scaleRange(){return(0,d.A)(Ue,this)}set scaleRange(e){(0,r.A)(Ue,this,e)}render(){return u().createElement(Ve,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,d.A)(Ie,this),onSwitchActiveTarget:(0,d.A)(Fe,this),onCellContextMenu:(0,d.A)(je,this),onCellClick:(0,d.A)(Je,this)})}}function Ve(e){let{shadowRoot:t,cells:a,layout:l,layoutOptions:s,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:w,scaleRange:L,onActiveTargetChange:D,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O}=e;const[{cells:P,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,C.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>P.filter(E.N).length>=(r??b.pC)),[P,r]),I=(0,c.useRef)(null),F=(0,c.useRef)(null),{grabbing:Y,transform:j,zoomer:q,scaleRange:J}=(0,M.f)({rootRef:I,zoomable:A,scrollable:y,pannable:w,draggable:!0,scaleRange:L,onSwitchActiveTarget:$}),{centered:Z,setCentered:V,getNextLayoutKey:G}=(0,R.g)({layout:l,layoutOptions:s,rootRef:I,cells:P,zoomable:A,zoomer:q,scaleRange:J,layoutKey:U,dispatch:K}),Q=(0,c.useCallback)((()=>{V(!1)}),[V]),X=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==X.current){X.current=a;const e=(0,B.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:P,cells:a,scaleRange:J,transform:j});K({type:"update-cells",payload:e.cells})}}),[P,i,a,l,J,t,j]);const ee=(0,N.J)({cellsRef:F,activeTarget:h,onActiveTargetChange:D}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:G()})}),[G]),[le,se]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{se(e)}),[]),ne=(0,c.useCallback)((e=>{se((t=>t===e?null:t))}),[]),[oe,re]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,W.Y)(P,null,le):[];re((t=>0===t.length&&0===e.length?t:e))}),[P,g,le]);const de=(0,c.useCallback)((e=>{q.scaleTo((0,v.A)(I.current),e/100)}),[q]),[he,ce]=(0,S.d)({cells:P,defaultEdgeLines:o,markerPrefix:te}),ue=(0,z.H)({cells:P,layout:l,centered:Z});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:I,className:f()("root",{grabbing:Y,pannable:w,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(k.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${j.x} ${j.y}) scale(${j.k})`},u().createElement("g",{className:"cells",ref:F},P.map((e=>u().createElement(m.m,{key:`${e.type}:${(0,E.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:P,degraded:_,degradedNodeLabel:d,defaultNodeBricks:n,lineConfMap:he,transform:j,activeTarget:ee,readOnly:!0,unrelatedCells:oe,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,E.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,E.N)(e)?ne:void 0})))))),u().createElement(T.Y,{shadowRoot:t,scale:j.k,scaleRange:J,onZoomChange:de,onReCenter:Q}))}l=Ze,({e:[H,O,P,U,K,_,I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce],c:[xe,$]}=(0,h.A)(l,[be("eo-display-canvas",{styleTexts:[L.A,D.A]})],[[Me({attribute:!1}),1,"cells"],[Me({type:String}),1,"layout"],[Me({attribute:!1}),1,"layoutOptions"],[Me({attribute:!1}),1,"defaultNodeSize"],[Me({attribute:!1}),1,"defaultNodeBricks"],[Me({type:Number}),1,"degradedThreshold"],[Me({attribute:!1}),1,"degradedNodeLabel"],[Me({attribute:!1}),1,"defaultEdgeLines"],[Me({attribute:!1}),1,"activeTarget"],[Me({type:Boolean}),1,"fadeUnrelatedCells"],[Me({type:Boolean}),1,"zoomable"],[Me({type:Boolean}),1,"scrollable"],[Me({type:Boolean}),1,"pannable"],[Me({attribute:!1}),1,"scaleRange"],[Ne({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ke,e),(e,t)=>(0,r.A)(Ke,e,t)],[Ne({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Ye,e),(e,t)=>(0,r.A)(Ye,e,t)],[Ne({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(qe,e),(e,t)=>(0,r.A)(qe,e,t)]],0,(e=>Je.has((0,n.A)(e))),A.ReactNextElement)),$()},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Wt,EoDrawCanvasComponent:()=>xt,uuidV4:()=>wa});var l,s=a(4635),i=a(918),n=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(4782),p=a(1389),y=a(3518),f=(a(9772),a(1030)),v=a(3373),k=a.n(v),w=a(7566),m=a(5748),C=a(3739),b=a(531),M=a(8185),N=a(5114),x=a(2140),W=a(3639),E=a(3783),T=a(2098),R=a(227),z=a(3033),S=a(8091),B=a(1819),L=a(7099),D=a(1484),$=a(8197),H=a(7531),O=a(2219),P=a(3012),U=a(6237),K=a(9386),_=a(1991);let I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce,be,Me,Ne,xe,We,Ee,Te,Re,ze,Se,Be,Le,De,$e,He,Oe,Pe,Ue,Ke,_e,Ie,Fe,Ye,je,qe,Je,Ze,Ve,Ge,Qe,Xe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,kt,wt;const mt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ct,property:bt,method:Mt,event:Nt}=(0,A.createDecorators)(),xt=g().forwardRef(ka);let Wt;var Et=new WeakMap,Tt=new WeakMap,Rt=new WeakMap,zt=new WeakMap,St=new WeakMap,Bt=new WeakMap,Lt=new WeakMap,Dt=new WeakMap,$t=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Pt=new WeakMap,Ut=new WeakMap,Kt=new WeakMap,_t=new WeakMap,It=new WeakMap,Ft=new WeakMap,Yt=new WeakMap,jt=new WeakMap,qt=new WeakSet,Jt=new WeakMap,Zt=new WeakMap,Vt=new WeakMap,Gt=new WeakMap,Qt=new WeakMap,Xt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,la=new WeakMap,sa=new WeakMap,ia=new WeakMap,na=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,ya=new WeakMap;class fa extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,qt),(0,i.A)(this,Et,(I(this),Y(this))),(0,i.A)(this,Tt,(j(this),q(this))),(0,i.A)(this,Rt,(J(this),Z(this))),(0,i.A)(this,zt,(V(this),G(this,[z.HP,z.HP]))),(0,i.A)(this,St,(Q(this),X(this))),(0,i.A)(this,Bt,(ee(this),te(this))),(0,i.A)(this,Lt,(ae(this),le(this))),(0,i.A)(this,Dt,(se(this),ie(this))),(0,i.A)(this,$t,(ne(this),oe(this))),(0,i.A)(this,Ht,(re(this),de(this))),(0,i.A)(this,Ot,(he(this),ce(this,!0))),(0,i.A)(this,Pt,(ue(this),ge(this,!0))),(0,i.A)(this,Ut,(Ae(this),pe(this,!0))),(0,i.A)(this,Kt,(ye(this),fe(this,!0))),(0,i.A)(this,_t,(ve(this),ke(this,!1))),(0,i.A)(this,It,(we(this),me(this))),(0,i.A)(this,Ft,(Ce(this),be(this))),(0,i.A)(this,Yt,(Me(this),Ne(this))),(0,i.A)(this,jt,(xe(this),We(this))),(0,i.A)(this,Jt,(Re(this),e=>{(0,r.A)(qt,this,Ee).emit(e)})),(0,i.A)(this,Zt,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Vt,ze(this)),(0,i.A)(this,Gt,(Le(this),De(this))),(0,i.A)(this,Qt,(Oe(this),e=>{(0,r.A)(qt,this,$e).emit(e),"node"===e.type&&(0,r.A)(qt,this,Se).emit(e)})),(0,i.A)(this,Xt,Pe(this)),(0,i.A)(this,ea,(_e(this),e=>{(0,r.A)(qt,this,Ue).emit(e)})),(0,i.A)(this,ta,Ie(this)),(0,i.A)(this,aa,(je(this),e=>{(0,r.A)(qt,this,Fe).emit(e)})),(0,i.A)(this,la,qe(this)),(0,i.A)(this,sa,(Ve(this),Ge(this))),(0,i.A)(this,ia,(et(this),e=>{(0,r.A)(qt,this,Qe).emit(e),"node"===e.type&&(0,r.A)(qt,this,Je).emit(e)})),(0,i.A)(this,na,tt(this)),(0,i.A)(this,oa,(st(this),e=>{(0,r.A)(qt,this,at).emit(e)})),(0,i.A)(this,ra,it(this)),(0,i.A)(this,da,(rt(this),e=>{(0,r.A)(qt,this,nt).emit(e)})),(0,i.A)(this,ha,dt(this)),(0,i.A)(this,ca,(ut(this),e=>{(0,r.A)(qt,this,ht).emit(e)})),(0,i.A)(this,ua,gt(this)),(0,i.A)(this,ga,(yt(this),e=>{(0,r.A)(qt,this,At).emit(e)})),(0,i.A)(this,Aa,ft(this)),(0,i.A)(this,pa,(wt(this),e=>{(0,r.A)(qt,this,vt).emit(e)})),(0,i.A)(this,ya,(0,u.createRef)())}get cells(){return(0,h.A)(Et,this)}set cells(e){(0,d.A)(Et,this,e)}get layout(){return(0,h.A)(Tt,this)}set layout(e){(0,d.A)(Tt,this,e)}get layoutOptions(){return(0,h.A)(Rt,this)}set layoutOptions(e){(0,d.A)(Rt,this,e)}get defaultNodeSize(){return(0,h.A)(zt,this)}set defaultNodeSize(e){(0,d.A)(zt,this,e)}get defaultNodeBricks(){return(0,h.A)(St,this)}set defaultNodeBricks(e){(0,d.A)(St,this,e)}get degradedThreshold(){return(0,h.A)(Bt,this)}set degradedThreshold(e){(0,d.A)(Bt,this,e)}get degradedNodeLabel(){return(0,h.A)(Lt,this)}set degradedNodeLabel(e){(0,d.A)(Lt,this,e)}get defaultEdgeLines(){return(0,h.A)(Dt,this)}set defaultEdgeLines(e){(0,d.A)(Dt,this,e)}get activeTarget(){return(0,h.A)($t,this)}set activeTarget(e){(0,d.A)($t,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ht,this)}set fadeUnrelatedCells(e){(0,d.A)(Ht,this,e)}get zoomable(){return(0,h.A)(Ot,this)}set zoomable(e){(0,d.A)(Ot,this,e)}get scrollable(){return(0,h.A)(Pt,this)}set scrollable(e){(0,d.A)(Pt,this,e)}get pannable(){return(0,h.A)(Ut,this)}set pannable(e){(0,d.A)(Ut,this,e)}get selectable(){return(0,h.A)(Kt,this)}set selectable(e){(0,d.A)(Kt,this,e)}get allowEdgeToArea(){return(0,h.A)(_t,this)}set allowEdgeToArea(e){(0,d.A)(_t,this,e)}get dragBehavior(){return(0,h.A)(It,this)}set dragBehavior(e){(0,d.A)(It,this,e)}get ctrlDragBehavior(){return(0,h.A)(Ft,this)}set ctrlDragBehavior(e){(0,d.A)(Ft,this,e)}get scaleRange(){return(0,h.A)(Yt,this)}set scaleRange(e){(0,d.A)(Yt,this,e)}async dropNode(e){var t,a;let{id:l,position:s,size:i,data:n,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,h.A)(ya,this).current.getTransform(),a={type:"node",id:l,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:n,useBrick:o};return null===(r=(0,h.A)(ya,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:l,decorator:s,text:i,direction:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(ya,this).current.getTransform(),a={type:"decorator",decorator:s,id:wa(),view:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k,width:z.N8,height:z.w1,text:i,direction:n}};return null===(o=(0,h.A)(ya,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:l,data:s}=e;return{type:"node",id:l,data:s,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(ya,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:l,data:s}=e;const i={type:"edge",source:a,target:l,data:s};return null===(t=(0,h.A)(ya,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(ya,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(qt,this,va).call(this);const{updated:a}=(0,h.A)(ya,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),mt(this,!1)}render(){return g().createElement(xt,{host:this,ref:(0,h.A)(ya,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(Jt,this),onSwitchActiveTarget:(0,h.A)(Zt,this),onCellMove:(0,h.A)(Qt,this),onCellsMove:(0,h.A)(ea,this),onCellResize:(0,h.A)(aa,this),onCellDelete:(0,h.A)(ia,this),onCellsDelete:(0,h.A)(oa,this),onCellContextMenu:(0,h.A)(da,this),onDecoratorTextChange:(0,h.A)(ca,this),onContainerContainerChange:(0,h.A)(ga,this),onScaleChange:(0,h.A)(pa,this)})}}function va(){return new Promise((e=>{const t=()=>{(0,h.A)(ya,this).current?e():setTimeout(t,10)};t()}))}function ka(e,t){let{host:a,layout:l,layoutOptions:s,cells:i,defaultNodeSize:n,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:y,pannable:v,dragBehavior:M,ctrlDragBehavior:P,scaleRange:U,allowEdgeToArea:I,onActiveTargetChange:F,onSwitchActiveTarget:Y,onCellMove:j,onCellResize:q,onCellDelete:J,onCellsMove:Z,onCellsDelete:V,onCellContextMenu:G,onDecoratorTextChange:Q,onScaleChange:X,onContainerContainerChange:ee}=e;const[{cells:te,layoutKey:ae},le]=(0,u.useReducer)(m.d,i,(e=>({cells:(0,E.C)(e,{defaultNodeSize:n}),layoutKey:0}))),se=(0,u.useMemo)((()=>te.filter(b.N).length>=(d??z.pC)),[te,d]),ie=(0,u.useRef)(null),ne=(0,u.useRef)(null),oe=(0,u.useRef)(null),[re,de]=(0,u.useState)([]),[he,ce]=(0,u.useState)([]),{grabbing:ue,transform:ge,zoomer:Ae,scaleRange:pe}=(0,S.f)({rootRef:ie,zoomable:p,scrollable:y,pannable:v,draggable:"grab"===M,ctrlDraggable:"grab"===P,scaleRange:U,onSwitchActiveTarget:Y});(0,u.useEffect)((()=>{X(ge.k)}),[X,ge.k]);const[ye,fe]=(0,u.useState)(null),[ve,ke]=(0,u.useState)(null),{centered:we,setCentered:me,getNextLayoutKey:Ce}=(0,D.g)({layout:l,layoutOptions:s,rootRef:ie,cells:te,zoomable:p,zoomer:Ae,scaleRange:pe,layoutKey:ae,allowEdgeToArea:I,dispatch:le});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&me(!0),le({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&me(!0),le({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const n=te.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...te.slice(0,n),...e,...te.slice(n)],{cells:r,updated:d,shouldReCenter:h}=(0,T.L)({cells:o,layout:l,previousCells:te,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:pe,transform:ge,allowEdgeToArea:I});return h&&me(!1),le({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){le({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:l,previousCells:te,cells:e,scaleRange:pe,transform:ge,allowEdgeToArea:I});return a&&me(!1),le({type:"update-cells",payload:s.cells}),s},getTransform:()=>ge,manuallyConnectNodes(e){const t=te.find((t=>(I&&(0,b.o6)(t)||(0,b.N)(t))&&t.id===e));if(t){const e=ie.current.getBoundingClientRect();return ke({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{oe.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[te,l,pe,me,ge,I]);const be=(0,u.useCallback)(((e,t)=>{var a;for(let a=te.length-1;a>=0;a--){const s=te[a];if((I&&(0,b.o6)(s)||(0,b.N)(s))&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var l;null===(l=oe.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=oe.current)||void 0===a||a.reject(null),ke(null)}),[te]);(0,u.useEffect)((()=>{mt(a,!(!ve&&!ye))}),[ve,a,ye]);const Me=(0,B.J)({cellsRef:ne,activeTarget:c,onActiveTargetChange:F}),[Ne,xe]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(te,ve,Me,I):[];xe((t=>0===t.length&&0===e.length?t:e))}),[Me,te,ve,A,I]),(0,u.useEffect)((()=>{const e=ie.current;if(!e||re.length>0)return;const t=e=>{const t=(0,N.a)(e,{cells:te,activeTarget:Me});"delete-cells"===(null==t?void 0:t.action)&&(V(t.cells),1===t.cells.length&&J(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Me,te,re.length,J,V]);const We=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,Ee=(0,u.useCallback)((e=>{le({type:"move-cells",payload:e});const t=[];(0,_._)(e,te).forEach((e=>{var a,l;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(l=e.containerCell)||void 0===l?void 0:l.id)})),ce(t)}),[te]),Te=(0,u.useCallback)((e=>{le({type:"move-cells",payload:e}),Z(e),1===e.length&&j(e[0]),(0,_._)(e,te,ee),ce([])}),[j,Z,te,ee]),Re=(0,u.useCallback)((e=>{le({type:"resize-cell",payload:e})}),[]),ze=(0,u.useCallback)((e=>{le({type:"resize-cell",payload:e}),q(e)}),[q]),Se=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;de(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Be=(0,u.useCallback)(((e,t)=>{const a=Ce();le({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ce]),Le=(0,u.useCallback)((e=>{Ae.scaleTo((0,w.A)(ie.current),e/100)}),[Ae]),De=(0,u.useCallback)((()=>{me(!1)}),[me]),[$e,He]=(0,H.d)({cells:te,defaultEdgeLines:r,markerPrefix:We}),Oe=(0,$.H)({cells:te,layout:l,centered:we});return(0,u.useEffect)((()=>{const e=ie.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,O.F)(e,{transform:ge,offset:[t.left,t.top],onLassoing(e){fe(e)},onLassoed(e){fe(null);const t=[];for(const a of te)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const l=a.view.x,s=a.view.y;l>=e.x&&l+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==Y||Y(t.length>1?{type:"multi",targets:t.map(K.P)}:1===t.length?(0,K.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[ge,te,M,Y]),g().createElement(g().Fragment,null,g().createElement("svg",{width:"100%",height:"100%",ref:ie,className:k()("root",{grabbing:ue,pannable:v,ready:Oe}),tabIndex:-1},g().createElement("defs",null,He.map(((e,t)=>g().createElement(C.c,{key:t,id:`${We}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${ge.x} ${ge.y}) scale(${ge.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:I}),ref:ne},te.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&he.includes(e.id),layout:l,cell:e,cells:te,degraded:se,degradedNodeLabel:h,defaultNodeBricks:o,transform:ge,lineConfMap:$e,activeTarget:Me,unrelatedCells:Ne,onCellsMoving:Ee,onCellsMoved:Te,onCellResizing:Re,onCellResized:ze,onSwitchActiveTarget:Y,onCellContextMenu:G,onDecoratorTextChange:Q,onDecoratorTextEditing:Se,onNodeBrickResize:Be})))),g().createElement(W.w,{connectLineState:ve,transform:ge,markerEnd:`${We}0`,onConnect:be}),ye&&g().createElement("rect",{x:ye.x,y:ye.y,width:ye.width,height:ye.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:ge.k,scaleRange:pe,onZoomChange:Le,onReCenter:De}))}function wa(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}l=fa,({e:[Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce,be,Me,Ne,xe,We,Ee,Te,Re,ze,Se,Be,Le,De,$e,He,Oe,Pe,Ue,Ke,_e,Ie,Fe,Ye,je,qe,Je,Ze,Ve,Ge,Qe,Xe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,kt,wt,I],c:[Wt,F]}=(0,c.A)(l,[Ct("eo-draw-canvas",{styleTexts:[P.A,U.A]})],[[bt({attribute:!1}),1,"cells"],[bt({type:String}),1,"layout"],[bt({attribute:!1}),1,"layoutOptions"],[bt({attribute:!1}),1,"defaultNodeSize"],[bt({attribute:!1}),1,"defaultNodeBricks"],[bt({type:Number}),1,"degradedThreshold"],[bt({attribute:!1}),1,"degradedNodeLabel"],[bt({attribute:!1}),1,"defaultEdgeLines"],[bt({attribute:!1}),1,"activeTarget"],[bt({type:Boolean}),1,"fadeUnrelatedCells"],[bt({type:Boolean}),1,"zoomable"],[bt({type:Boolean}),1,"scrollable"],[bt({type:Boolean}),1,"pannable"],[bt({type:Boolean}),1,"selectable"],[bt({type:Boolean}),1,"allowEdgeToArea"],[bt(),1,"dragBehavior"],[bt(),1,"ctrlDragBehavior"],[bt({attribute:!1}),1,"scaleRange"],[Nt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(jt,e),(e,t)=>(0,d.A)(jt,e,t)],[Nt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(Vt,e),(e,t)=>(0,d.A)(Vt,e,t)],[Nt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(Gt,e),(e,t)=>(0,d.A)(Gt,e,t)],[Nt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(Xt,e),(e,t)=>(0,d.A)(Xt,e,t)],[Nt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(ta,e),(e,t)=>(0,d.A)(ta,e,t)],[Nt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(la,e),(e,t)=>(0,d.A)(la,e,t)],[Nt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Nt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[Nt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ra,e),(e,t)=>(0,d.A)(ra,e,t)],[Nt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(ha,e),(e,t)=>(0,d.A)(ha,e,t)],[Nt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Nt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Aa,e),(e,t)=>(0,d.A)(Aa,e,t)],[Mt(),2,"dropNode"],[Mt(),2,"dropDecorator"],[Mt(),2,"addNodes"],[Mt(),2,"addEdge"],[Mt(),2,"manuallyConnectNodes"],[Mt(),2,"updateCells"]],0,(e=>ya.has((0,n.A)(e))),p.ReactNextElement)),F()}}]);
|
|
2
|
-
//# sourceMappingURL=eo-display-canvas.
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823,8939],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var l,s=a(4635),i=a(918),n=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(4782),A=a(1389),p=(a(6477),a(1030)),y=a(3373),f=a.n(y),v=a(7566),k=a(3739),w=a(8185),m=a(2140),C=a(3783),b=a(3033),M=a(8091),N=a(1819),x=a(5748),W=a(227),E=a(531),T=a(7099),R=a(1484),z=a(8197),S=a(7531),B=a(2098),L=a(3012),D=a(6237);let $,H,O,P,U,K,_,I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce;const{defineElement:be,property:Me,event:Ne}=(0,g.createDecorators)();let xe;var We=new WeakMap,Ee=new WeakMap,Te=new WeakMap,Re=new WeakMap,ze=new WeakMap,Se=new WeakMap,Be=new WeakMap,Le=new WeakMap,De=new WeakMap,$e=new WeakMap,He=new WeakMap,Oe=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,Ie=new WeakMap,Fe=new WeakMap,Ye=new WeakMap,je=new WeakMap,qe=new WeakMap,Je=new WeakMap;class Ze extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,_e),(0,i.A)(this,We,H(this)),(0,i.A)(this,Ee,(O(this),P(this))),(0,i.A)(this,Te,(U(this),K(this))),(0,i.A)(this,Re,(_(this),I(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(F(this),Y(this))),(0,i.A)(this,Se,(j(this),q(this))),(0,i.A)(this,Be,(J(this),Z(this))),(0,i.A)(this,Le,(V(this),G(this))),(0,i.A)(this,De,(Q(this),X(this))),(0,i.A)(this,$e,(ee(this),te(this))),(0,i.A)(this,He,(ae(this),le(this,!0))),(0,i.A)(this,Oe,(se(this),ie(this,!0))),(0,i.A)(this,Pe,(ne(this),oe(this,!0))),(0,i.A)(this,Ue,(re(this),de(this))),(0,i.A)(this,Ke,(he(this),ce(this))),(0,i.A)(this,Ie,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,Fe,(e=>{(0,w.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Ye,pe(this)),(0,i.A)(this,je,(ve(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,qe,ke(this)),(0,i.A)(this,Je,(Ce(this),e=>{(0,o.A)(_e,this,we).emit(e)}))}get cells(){return(0,d.A)(We,this)}set cells(e){(0,r.A)(We,this,e)}get layout(){return(0,d.A)(Ee,this)}set layout(e){(0,r.A)(Ee,this,e)}get layoutOptions(){return(0,d.A)(Te,this)}set layoutOptions(e){(0,r.A)(Te,this,e)}get defaultNodeSize(){return(0,d.A)(Re,this)}set defaultNodeSize(e){(0,r.A)(Re,this,e)}get defaultNodeBricks(){return(0,d.A)(ze,this)}set defaultNodeBricks(e){(0,r.A)(ze,this,e)}get degradedThreshold(){return(0,d.A)(Se,this)}set degradedThreshold(e){(0,r.A)(Se,this,e)}get degradedNodeLabel(){return(0,d.A)(Be,this)}set degradedNodeLabel(e){(0,r.A)(Be,this,e)}get defaultEdgeLines(){return(0,d.A)(Le,this)}set defaultEdgeLines(e){(0,r.A)(Le,this,e)}get activeTarget(){return(0,d.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,d.A)($e,this)}set fadeUnrelatedCells(e){(0,r.A)($e,this,e)}get zoomable(){return(0,d.A)(He,this)}set zoomable(e){(0,r.A)(He,this,e)}get scrollable(){return(0,d.A)(Oe,this)}set scrollable(e){(0,r.A)(Oe,this,e)}get pannable(){return(0,d.A)(Pe,this)}set pannable(e){(0,r.A)(Pe,this,e)}get scaleRange(){return(0,d.A)(Ue,this)}set scaleRange(e){(0,r.A)(Ue,this,e)}render(){return u().createElement(Ve,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,d.A)(Ie,this),onSwitchActiveTarget:(0,d.A)(Fe,this),onCellContextMenu:(0,d.A)(je,this),onCellClick:(0,d.A)(Je,this)})}}function Ve(e){let{shadowRoot:t,cells:a,layout:l,layoutOptions:s,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:w,scaleRange:L,onActiveTargetChange:D,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O}=e;const[{cells:P,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,C.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>P.filter(E.N).length>=(r??b.pC)),[P,r]),I=(0,c.useRef)(null),F=(0,c.useRef)(null),{grabbing:Y,transform:j,zoomer:q,scaleRange:J}=(0,M.f)({rootRef:I,zoomable:A,scrollable:y,pannable:w,draggable:!0,scaleRange:L,onSwitchActiveTarget:$}),{centered:Z,setCentered:V,getNextLayoutKey:G}=(0,R.g)({layout:l,layoutOptions:s,rootRef:I,cells:P,zoomable:A,zoomer:q,scaleRange:J,layoutKey:U,dispatch:K}),Q=(0,c.useCallback)((()=>{V(!1)}),[V]),X=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==X.current){X.current=a;const e=(0,B.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:P,cells:a,scaleRange:J,transform:j});K({type:"update-cells",payload:e.cells})}}),[P,i,a,l,J,t,j]);const ee=(0,N.J)({cellsRef:F,activeTarget:h,onActiveTargetChange:D}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:G()})}),[G]),[le,se]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{se(e)}),[]),ne=(0,c.useCallback)((e=>{se((t=>t===e?null:t))}),[]),[oe,re]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,W.Y)(P,null,le):[];re((t=>0===t.length&&0===e.length?t:e))}),[P,g,le]);const de=(0,c.useCallback)((e=>{q.scaleTo((0,v.A)(I.current),e/100)}),[q]),[he,ce]=(0,S.d)({cells:P,defaultEdgeLines:o,markerPrefix:te}),ue=(0,z.H)({cells:P,layout:l,centered:Z});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:I,className:f()("root",{grabbing:Y,pannable:w,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(k.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${j.x} ${j.y}) scale(${j.k})`},u().createElement("g",{className:"cells",ref:F},P.map((e=>u().createElement(m.m,{key:`${e.type}:${(0,E.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:P,degraded:_,degradedNodeLabel:d,defaultNodeBricks:n,lineConfMap:he,transform:j,activeTarget:ee,readOnly:!0,unrelatedCells:oe,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,E.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,E.N)(e)?ne:void 0})))))),u().createElement(T.Y,{shadowRoot:t,scale:j.k,scaleRange:J,onZoomChange:de,onReCenter:Q}))}l=Ze,({e:[H,O,P,U,K,_,I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce],c:[xe,$]}=(0,h.A)(l,[be("eo-display-canvas",{styleTexts:[L.A,D.A]})],[[Me({attribute:!1}),1,"cells"],[Me({type:String}),1,"layout"],[Me({attribute:!1}),1,"layoutOptions"],[Me({attribute:!1}),1,"defaultNodeSize"],[Me({attribute:!1}),1,"defaultNodeBricks"],[Me({type:Number}),1,"degradedThreshold"],[Me({attribute:!1}),1,"degradedNodeLabel"],[Me({attribute:!1}),1,"defaultEdgeLines"],[Me({attribute:!1}),1,"activeTarget"],[Me({type:Boolean}),1,"fadeUnrelatedCells"],[Me({type:Boolean}),1,"zoomable"],[Me({type:Boolean}),1,"scrollable"],[Me({type:Boolean}),1,"pannable"],[Me({attribute:!1}),1,"scaleRange"],[Ne({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ke,e),(e,t)=>(0,r.A)(Ke,e,t)],[Ne({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Ye,e),(e,t)=>(0,r.A)(Ye,e,t)],[Ne({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(qe,e),(e,t)=>(0,r.A)(qe,e,t)]],0,(e=>Je.has((0,n.A)(e))),A.ReactNextElement)),$()},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Wt,EoDrawCanvasComponent:()=>xt,uuidV4:()=>wa});var l,s=a(4635),i=a(918),n=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(4782),p=a(1389),y=a(1351),f=(a(6477),a(1030)),v=a(3373),k=a.n(v),w=a(7566),m=a(5748),C=a(3739),b=a(531),M=a(8185),N=a(5114),x=a(2140),W=a(3639),E=a(3783),T=a(2098),R=a(227),z=a(3033),S=a(8091),B=a(1819),L=a(7099),D=a(1484),$=a(8197),H=a(7531),O=a(2219),P=a(3012),U=a(6237),K=a(9386),_=a(1991);let I,F,Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce,be,Me,Ne,xe,We,Ee,Te,Re,ze,Se,Be,Le,De,$e,He,Oe,Pe,Ue,Ke,_e,Ie,Fe,Ye,je,qe,Je,Ze,Ve,Ge,Qe,Xe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,kt,wt;const mt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ct,property:bt,method:Mt,event:Nt}=(0,A.createDecorators)(),xt=g().forwardRef(ka);let Wt;var Et=new WeakMap,Tt=new WeakMap,Rt=new WeakMap,zt=new WeakMap,St=new WeakMap,Bt=new WeakMap,Lt=new WeakMap,Dt=new WeakMap,$t=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Pt=new WeakMap,Ut=new WeakMap,Kt=new WeakMap,_t=new WeakMap,It=new WeakMap,Ft=new WeakMap,Yt=new WeakMap,jt=new WeakMap,qt=new WeakSet,Jt=new WeakMap,Zt=new WeakMap,Vt=new WeakMap,Gt=new WeakMap,Qt=new WeakMap,Xt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,la=new WeakMap,sa=new WeakMap,ia=new WeakMap,na=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,ya=new WeakMap;class fa extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,qt),(0,i.A)(this,Et,(I(this),Y(this))),(0,i.A)(this,Tt,(j(this),q(this))),(0,i.A)(this,Rt,(J(this),Z(this))),(0,i.A)(this,zt,(V(this),G(this,[z.HP,z.HP]))),(0,i.A)(this,St,(Q(this),X(this))),(0,i.A)(this,Bt,(ee(this),te(this))),(0,i.A)(this,Lt,(ae(this),le(this))),(0,i.A)(this,Dt,(se(this),ie(this))),(0,i.A)(this,$t,(ne(this),oe(this))),(0,i.A)(this,Ht,(re(this),de(this))),(0,i.A)(this,Ot,(he(this),ce(this,!0))),(0,i.A)(this,Pt,(ue(this),ge(this,!0))),(0,i.A)(this,Ut,(Ae(this),pe(this,!0))),(0,i.A)(this,Kt,(ye(this),fe(this,!0))),(0,i.A)(this,_t,(ve(this),ke(this,!1))),(0,i.A)(this,It,(we(this),me(this))),(0,i.A)(this,Ft,(Ce(this),be(this))),(0,i.A)(this,Yt,(Me(this),Ne(this))),(0,i.A)(this,jt,(xe(this),We(this))),(0,i.A)(this,Jt,(Re(this),e=>{(0,r.A)(qt,this,Ee).emit(e)})),(0,i.A)(this,Zt,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Vt,ze(this)),(0,i.A)(this,Gt,(Le(this),De(this))),(0,i.A)(this,Qt,(Oe(this),e=>{(0,r.A)(qt,this,$e).emit(e),"node"===e.type&&(0,r.A)(qt,this,Se).emit(e)})),(0,i.A)(this,Xt,Pe(this)),(0,i.A)(this,ea,(_e(this),e=>{(0,r.A)(qt,this,Ue).emit(e)})),(0,i.A)(this,ta,Ie(this)),(0,i.A)(this,aa,(je(this),e=>{(0,r.A)(qt,this,Fe).emit(e)})),(0,i.A)(this,la,qe(this)),(0,i.A)(this,sa,(Ve(this),Ge(this))),(0,i.A)(this,ia,(et(this),e=>{(0,r.A)(qt,this,Qe).emit(e),"node"===e.type&&(0,r.A)(qt,this,Je).emit(e)})),(0,i.A)(this,na,tt(this)),(0,i.A)(this,oa,(st(this),e=>{(0,r.A)(qt,this,at).emit(e)})),(0,i.A)(this,ra,it(this)),(0,i.A)(this,da,(rt(this),e=>{(0,r.A)(qt,this,nt).emit(e)})),(0,i.A)(this,ha,dt(this)),(0,i.A)(this,ca,(ut(this),e=>{(0,r.A)(qt,this,ht).emit(e)})),(0,i.A)(this,ua,gt(this)),(0,i.A)(this,ga,(yt(this),e=>{(0,r.A)(qt,this,At).emit(e)})),(0,i.A)(this,Aa,ft(this)),(0,i.A)(this,pa,(wt(this),e=>{(0,r.A)(qt,this,vt).emit(e)})),(0,i.A)(this,ya,(0,u.createRef)())}get cells(){return(0,h.A)(Et,this)}set cells(e){(0,d.A)(Et,this,e)}get layout(){return(0,h.A)(Tt,this)}set layout(e){(0,d.A)(Tt,this,e)}get layoutOptions(){return(0,h.A)(Rt,this)}set layoutOptions(e){(0,d.A)(Rt,this,e)}get defaultNodeSize(){return(0,h.A)(zt,this)}set defaultNodeSize(e){(0,d.A)(zt,this,e)}get defaultNodeBricks(){return(0,h.A)(St,this)}set defaultNodeBricks(e){(0,d.A)(St,this,e)}get degradedThreshold(){return(0,h.A)(Bt,this)}set degradedThreshold(e){(0,d.A)(Bt,this,e)}get degradedNodeLabel(){return(0,h.A)(Lt,this)}set degradedNodeLabel(e){(0,d.A)(Lt,this,e)}get defaultEdgeLines(){return(0,h.A)(Dt,this)}set defaultEdgeLines(e){(0,d.A)(Dt,this,e)}get activeTarget(){return(0,h.A)($t,this)}set activeTarget(e){(0,d.A)($t,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ht,this)}set fadeUnrelatedCells(e){(0,d.A)(Ht,this,e)}get zoomable(){return(0,h.A)(Ot,this)}set zoomable(e){(0,d.A)(Ot,this,e)}get scrollable(){return(0,h.A)(Pt,this)}set scrollable(e){(0,d.A)(Pt,this,e)}get pannable(){return(0,h.A)(Ut,this)}set pannable(e){(0,d.A)(Ut,this,e)}get selectable(){return(0,h.A)(Kt,this)}set selectable(e){(0,d.A)(Kt,this,e)}get allowEdgeToArea(){return(0,h.A)(_t,this)}set allowEdgeToArea(e){(0,d.A)(_t,this,e)}get dragBehavior(){return(0,h.A)(It,this)}set dragBehavior(e){(0,d.A)(It,this,e)}get ctrlDragBehavior(){return(0,h.A)(Ft,this)}set ctrlDragBehavior(e){(0,d.A)(Ft,this,e)}get scaleRange(){return(0,h.A)(Yt,this)}set scaleRange(e){(0,d.A)(Yt,this,e)}async dropNode(e){var t,a;let{id:l,position:s,size:i,data:n,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,h.A)(ya,this).current.getTransform(),a={type:"node",id:l,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:n,useBrick:o};return null===(r=(0,h.A)(ya,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:l,decorator:s,text:i,direction:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(ya,this).current.getTransform(),a={type:"decorator",decorator:s,id:wa(),view:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k,width:z.N8,height:z.w1,text:i,direction:n}};return null===(o=(0,h.A)(ya,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:l,data:s}=e;return{type:"node",id:l,data:s,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(ya,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:l,data:s}=e;const i={type:"edge",source:a,target:l,data:s};return null===(t=(0,h.A)(ya,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(ya,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(qt,this,va).call(this);const{updated:a}=(0,h.A)(ya,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),mt(this,!1)}render(){return g().createElement(xt,{host:this,ref:(0,h.A)(ya,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(Jt,this),onSwitchActiveTarget:(0,h.A)(Zt,this),onCellMove:(0,h.A)(Qt,this),onCellsMove:(0,h.A)(ea,this),onCellResize:(0,h.A)(aa,this),onCellDelete:(0,h.A)(ia,this),onCellsDelete:(0,h.A)(oa,this),onCellContextMenu:(0,h.A)(da,this),onDecoratorTextChange:(0,h.A)(ca,this),onContainerContainerChange:(0,h.A)(ga,this),onScaleChange:(0,h.A)(pa,this)})}}function va(){return new Promise((e=>{const t=()=>{(0,h.A)(ya,this).current?e():setTimeout(t,10)};t()}))}function ka(e,t){let{host:a,layout:l,layoutOptions:s,cells:i,defaultNodeSize:n,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:y,pannable:v,dragBehavior:M,ctrlDragBehavior:P,scaleRange:U,allowEdgeToArea:I,onActiveTargetChange:F,onSwitchActiveTarget:Y,onCellMove:j,onCellResize:q,onCellDelete:J,onCellsMove:Z,onCellsDelete:V,onCellContextMenu:G,onDecoratorTextChange:Q,onScaleChange:X,onContainerContainerChange:ee}=e;const[{cells:te,layoutKey:ae},le]=(0,u.useReducer)(m.d,i,(e=>({cells:(0,E.C)(e,{defaultNodeSize:n}),layoutKey:0}))),se=(0,u.useMemo)((()=>te.filter(b.N).length>=(d??z.pC)),[te,d]),ie=(0,u.useRef)(null),ne=(0,u.useRef)(null),oe=(0,u.useRef)(null),[re,de]=(0,u.useState)([]),[he,ce]=(0,u.useState)([]),{grabbing:ue,transform:ge,zoomer:Ae,scaleRange:pe}=(0,S.f)({rootRef:ie,zoomable:p,scrollable:y,pannable:v,draggable:"grab"===M,ctrlDraggable:"grab"===P,scaleRange:U,onSwitchActiveTarget:Y});(0,u.useEffect)((()=>{X(ge.k)}),[X,ge.k]);const[ye,fe]=(0,u.useState)(null),[ve,ke]=(0,u.useState)(null),{centered:we,setCentered:me,getNextLayoutKey:Ce}=(0,D.g)({layout:l,layoutOptions:s,rootRef:ie,cells:te,zoomable:p,zoomer:Ae,scaleRange:pe,layoutKey:ae,allowEdgeToArea:I,dispatch:le});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&me(!0),le({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&me(!0),le({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const n=te.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...te.slice(0,n),...e,...te.slice(n)],{cells:r,updated:d,shouldReCenter:h}=(0,T.L)({cells:o,layout:l,previousCells:te,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:pe,transform:ge,allowEdgeToArea:I});return h&&me(!1),le({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){le({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:l,previousCells:te,cells:e,scaleRange:pe,transform:ge,allowEdgeToArea:I});return a&&me(!1),le({type:"update-cells",payload:s.cells}),s},getTransform:()=>ge,manuallyConnectNodes(e){const t=te.find((t=>(I&&(0,b.o6)(t)||(0,b.N)(t))&&t.id===e));if(t){const e=ie.current.getBoundingClientRect();return ke({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{oe.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[te,l,pe,me,ge,I]);const be=(0,u.useCallback)(((e,t)=>{var a;for(let a=te.length-1;a>=0;a--){const s=te[a];if((I&&(0,b.o6)(s)||(0,b.N)(s))&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var l;null===(l=oe.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=oe.current)||void 0===a||a.reject(null),ke(null)}),[te]);(0,u.useEffect)((()=>{mt(a,!(!ve&&!ye))}),[ve,a,ye]);const Me=(0,B.J)({cellsRef:ne,activeTarget:c,onActiveTargetChange:F}),[Ne,xe]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(te,ve,Me,I):[];xe((t=>0===t.length&&0===e.length?t:e))}),[Me,te,ve,A,I]),(0,u.useEffect)((()=>{const e=ie.current;if(!e||re.length>0)return;const t=e=>{const t=(0,N.a)(e,{cells:te,activeTarget:Me});"delete-cells"===(null==t?void 0:t.action)&&(V(t.cells),1===t.cells.length&&J(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Me,te,re.length,J,V]);const We=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,Ee=(0,u.useCallback)((e=>{le({type:"move-cells",payload:e});const t=[];(0,_._)(e,te).forEach((e=>{var a,l;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(l=e.containerCell)||void 0===l?void 0:l.id)})),ce(t)}),[te]),Te=(0,u.useCallback)((e=>{le({type:"move-cells",payload:e}),Z(e),1===e.length&&j(e[0]),(0,_._)(e,te,ee),ce([])}),[j,Z,te,ee]),Re=(0,u.useCallback)((e=>{le({type:"resize-cell",payload:e})}),[]),ze=(0,u.useCallback)((e=>{le({type:"resize-cell",payload:e}),q(e)}),[q]),Se=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;de(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Be=(0,u.useCallback)(((e,t)=>{const a=Ce();le({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ce]),Le=(0,u.useCallback)((e=>{Ae.scaleTo((0,w.A)(ie.current),e/100)}),[Ae]),De=(0,u.useCallback)((()=>{me(!1)}),[me]),[$e,He]=(0,H.d)({cells:te,defaultEdgeLines:r,markerPrefix:We}),Oe=(0,$.H)({cells:te,layout:l,centered:we});return(0,u.useEffect)((()=>{const e=ie.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,O.F)(e,{transform:ge,offset:[t.left,t.top],onLassoing(e){fe(e)},onLassoed(e){fe(null);const t=[];for(const a of te)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const l=a.view.x,s=a.view.y;l>=e.x&&l+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==Y||Y(t.length>1?{type:"multi",targets:t.map(K.P)}:1===t.length?(0,K.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[ge,te,M,Y]),g().createElement(g().Fragment,null,g().createElement("svg",{width:"100%",height:"100%",ref:ie,className:k()("root",{grabbing:ue,pannable:v,ready:Oe}),tabIndex:-1},g().createElement("defs",null,He.map(((e,t)=>g().createElement(C.c,{key:t,id:`${We}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${ge.x} ${ge.y}) scale(${ge.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:I}),ref:ne},te.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&he.includes(e.id),layout:l,cell:e,cells:te,degraded:se,degradedNodeLabel:h,defaultNodeBricks:o,transform:ge,lineConfMap:$e,activeTarget:Me,unrelatedCells:Ne,onCellsMoving:Ee,onCellsMoved:Te,onCellResizing:Re,onCellResized:ze,onSwitchActiveTarget:Y,onCellContextMenu:G,onDecoratorTextChange:Q,onDecoratorTextEditing:Se,onNodeBrickResize:Be})))),g().createElement(W.w,{connectLineState:ve,transform:ge,markerEnd:`${We}0`,onConnect:be}),ye&&g().createElement("rect",{x:ye.x,y:ye.y,width:ye.width,height:ye.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:ge.k,scaleRange:pe,onZoomChange:Le,onReCenter:De}))}function wa(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}l=fa,({e:[Y,j,q,J,Z,V,G,Q,X,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,ke,we,me,Ce,be,Me,Ne,xe,We,Ee,Te,Re,ze,Se,Be,Le,De,$e,He,Oe,Pe,Ue,Ke,_e,Ie,Fe,Ye,je,qe,Je,Ze,Ve,Ge,Qe,Xe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,kt,wt,I],c:[Wt,F]}=(0,c.A)(l,[Ct("eo-draw-canvas",{styleTexts:[P.A,U.A]})],[[bt({attribute:!1}),1,"cells"],[bt({type:String}),1,"layout"],[bt({attribute:!1}),1,"layoutOptions"],[bt({attribute:!1}),1,"defaultNodeSize"],[bt({attribute:!1}),1,"defaultNodeBricks"],[bt({type:Number}),1,"degradedThreshold"],[bt({attribute:!1}),1,"degradedNodeLabel"],[bt({attribute:!1}),1,"defaultEdgeLines"],[bt({attribute:!1}),1,"activeTarget"],[bt({type:Boolean}),1,"fadeUnrelatedCells"],[bt({type:Boolean}),1,"zoomable"],[bt({type:Boolean}),1,"scrollable"],[bt({type:Boolean}),1,"pannable"],[bt({type:Boolean}),1,"selectable"],[bt({type:Boolean}),1,"allowEdgeToArea"],[bt(),1,"dragBehavior"],[bt(),1,"ctrlDragBehavior"],[bt({attribute:!1}),1,"scaleRange"],[Nt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(jt,e),(e,t)=>(0,d.A)(jt,e,t)],[Nt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(Vt,e),(e,t)=>(0,d.A)(Vt,e,t)],[Nt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(Gt,e),(e,t)=>(0,d.A)(Gt,e,t)],[Nt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(Xt,e),(e,t)=>(0,d.A)(Xt,e,t)],[Nt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(ta,e),(e,t)=>(0,d.A)(ta,e,t)],[Nt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(la,e),(e,t)=>(0,d.A)(la,e,t)],[Nt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Nt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[Nt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ra,e),(e,t)=>(0,d.A)(ra,e,t)],[Nt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(ha,e),(e,t)=>(0,d.A)(ha,e,t)],[Nt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Nt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Aa,e),(e,t)=>(0,d.A)(Aa,e,t)],[Mt(),2,"dropNode"],[Mt(),2,"dropDecorator"],[Mt(),2,"addNodes"],[Mt(),2,"addEdge"],[Mt(),2,"manuallyConnectNodes"],[Mt(),2,"updateCells"]],0,(e=>ya.has((0,n.A)(e))),p.ReactNextElement)),F()}}]);
|
|
2
|
+
//# sourceMappingURL=eo-display-canvas.a7443413.js.map
|