@next-bricks/diagram 0.50.3 → 0.51.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/bricks.json +1 -1
  2. package/dist/chunks/5336.0f20fd08.js +2 -0
  3. package/dist/chunks/5336.0f20fd08.js.map +1 -0
  4. package/dist/chunks/5443.e0be670a.js +3 -0
  5. package/dist/chunks/5443.e0be670a.js.map +1 -0
  6. package/dist/chunks/9711.39f95654.js +2 -0
  7. package/dist/chunks/9711.39f95654.js.map +1 -0
  8. package/dist/chunks/editable-label.6b33860e.js +3 -0
  9. package/dist/chunks/editable-label.6b33860e.js.map +1 -0
  10. package/dist/chunks/{eo-display-canvas.b5206c2a.js → eo-display-canvas.d3cb3888.js} +2 -2
  11. package/dist/chunks/{eo-display-canvas.b5206c2a.js.map → eo-display-canvas.d3cb3888.js.map} +1 -1
  12. package/dist/chunks/{eo-draw-canvas.bf162c54.js → eo-draw-canvas.0c5d7dfb.js} +2 -2
  13. package/dist/chunks/{eo-draw-canvas.bf162c54.js.map → eo-draw-canvas.0c5d7dfb.js.map} +1 -1
  14. package/dist/chunks/{main.9ec64d58.js → main.1e3b4143.js} +2 -2
  15. package/dist/chunks/{main.9ec64d58.js.map → main.1e3b4143.js.map} +1 -1
  16. package/dist/examples.json +1 -1
  17. package/dist/{index.b191732d.js → index.d4394a12.js} +2 -2
  18. package/dist/{index.b191732d.js.map → index.d4394a12.js.map} +1 -1
  19. package/dist/manifest.json +4 -0
  20. package/dist/types.json +105 -4
  21. package/dist-types/draw-canvas/EdgeComponent.d.ts +4 -2
  22. package/dist-types/draw-canvas/LineLabelComponent.d.ts +11 -0
  23. package/dist-types/draw-canvas/interfaces.d.ts +6 -3
  24. package/dist-types/editable-label/index.d.ts +3 -1
  25. package/docs/eo-draw-canvas.md +150 -0
  26. package/package.json +2 -2
  27. package/dist/chunks/5443.6617ae99.js +0 -3
  28. package/dist/chunks/5443.6617ae99.js.map +0 -1
  29. package/dist/chunks/9711.4e8396e8.js +0 -2
  30. package/dist/chunks/9711.4e8396e8.js.map +0 -1
  31. package/dist/chunks/9961.69103a14.js +0 -2
  32. package/dist/chunks/9961.69103a14.js.map +0 -1
  33. package/dist/chunks/editable-label.de9e2540.js +0 -3
  34. package/dist/chunks/editable-label.de9e2540.js.map +0 -1
  35. /package/dist/chunks/{5443.6617ae99.js.LICENSE.txt → 5443.e0be670a.js.LICENSE.txt} +0 -0
  36. /package/dist/chunks/{editable-label.de9e2540.js.LICENSE.txt → editable-label.6b33860e.js.LICENSE.txt} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/editable-label.6b33860e.js","mappings":";4aAeA,MAAM,cAAEA,EAAa,SAAEC,EAAQ,MAAEC,EAAK,OAAEC,IAAWC,EAAAA,EAAAA,oBActCC,GAAyBC,EAAAA,EAAAA,YAAWC,GAEjD,IAAAC,EAAA,IAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAC,QAAAC,EAAA,IAAAN,QAAAO,EAAA,IAAAP,QAAAQ,EAAA,IAAAR,QAAAS,EAAA,IAAAT,QAIA,MAAAU,UAG4BC,EAAAA,iBAA+CC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAV,IAAAW,EAAAA,EAAAA,GAAA,KAAAhB,GAAAiB,EAAA,MAAAC,EAAA,SAAAF,EAAAA,EAAAA,GAAA,KAAAd,GAAAiB,EAAA,MAAAC,EAAA,SAAAJ,EAAAA,EAAAA,GAAA,KAAAb,GAAAkB,EAAA,MAAAC,EAAA,SAAAN,EAAAA,EAAAA,GAAA,KAAAZ,GAAAmB,EAAA,MAAAC,EAAA,SAazER,EAAAA,EAAAA,GAAA,KAAAT,GAAyBkB,EAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAAtB,EAAAuB,KAAKC,GAAoBC,KAAKJ,EAAM,KACpCV,EAAAA,EAAAA,GAAA,KAAAR,EAAAuB,EAAA,QAKFf,EAAAA,EAAAA,GAAA,KAAAP,GAAkBuB,EAAA,MAAIN,KACpBC,EAAAA,EAAAA,GAAAtB,EAAAuB,KAAKK,GAAaH,KAAKJ,EAAM,KAQ/BV,EAAAA,EAAAA,GAAA,KAAAN,GAAoBwB,EAAAA,EAAAA,aAA8B,UA3BzCC,GAAK,OAAAC,EAAAA,EAAAA,GAAApC,EAAA,eAALmC,CAAKE,IAAAC,EAAAA,EAAAA,GAAAtC,EAAA,KAAAqC,EAAA,SAGLE,GAAI,OAAAH,EAAAA,EAAAA,GAAAlC,EAAA,cAAJqC,CAAIF,IAAAC,EAAAA,EAAAA,GAAApC,EAAA,KAAAmC,EAAA,aAGJG,GAAQ,OAAAJ,EAAAA,EAAAA,GAAAjC,EAAA,kBAARqC,CAAQH,IAAAC,EAAAA,EAAAA,GAAAnC,EAAA,KAAAkC,EAAA,CAiBjBI,aAAAA,GAAgB,IAAAC,EACgB,QAA9BA,GAAAN,EAAAA,EAAAA,GAAK1B,EAALkB,MAAuBe,eAAO,IAAAD,GAA9BA,EAAgCD,eAClC,CAIAG,MAAAA,GACE,OACEC,IAAAA,cAACjD,EAAsB,CACrBkD,KAAKV,EAAAA,EAAAA,GAAK1B,EAALkB,MACLO,MAAOP,KAAKO,MACZK,SAAUZ,KAAKY,SACfO,sBAAsBX,EAAAA,EAAAA,GAAK7B,EAALqB,MACtBoB,eAAeZ,EAAAA,EAAAA,GAAK3B,EAALmB,OAGrB,EAQK,SAAS9B,EAA4BmD,EAO1CH,GACA,IANEX,MAAOe,EAAM,SACbV,EAAQ,cACRQ,EAAa,qBACbD,GAC4BE,EAG9B,MAAMd,EAAQe,QAAAA,EAAU,IACjBC,EAAcC,IAAmBC,EAAAA,EAAAA,UAAiBlB,IAClDmB,EAAcC,IAAmBF,EAAAA,EAAAA,WAAS,GAC3CG,GAA0BC,EAAAA,EAAAA,SAAO,IAChCC,EAAuBC,IAA4BN,EAAAA,EAAAA,WAAS,GAC7DO,GAAgBH,EAAAA,EAAAA,QAAyB,OAE/CI,EAAAA,EAAAA,qBAAoBf,GAAK,KAAM,CAC7BL,aAAAA,GACED,GAAYe,GAAgB,EAC9B,OAGFO,EAAAA,EAAAA,YAAU,KACRV,EAAgBjB,EAAM,GACrB,CAACA,IAEJ,MAAM4B,GAAkBC,EAAAA,EAAAA,cACrBC,IACKzB,IAGJyB,EAAEC,iBACFD,EAAEE,kBACFZ,GAAgB,GAAK,GAEvB,CAACf,KAGHsB,EAAAA,EAAAA,YAAU,KACU,IAAAM,EAAAC,EAAdf,IAGmB,QAArBc,EAAAR,EAAcjB,eAAO,IAAAyB,GAArBA,EAAuBE,MAAM,CAAEC,eAAe,IACzB,QAArBF,EAAAT,EAAcjB,eAAO,IAAA0B,GAArBA,EAAuBG,SACzB,GACC,CAAClB,KAEJQ,EAAAA,EAAAA,YAAU,KACJN,EAAwBb,QAC1BI,SAAAA,EAAuBO,GAEvBE,EAAwBb,SAAU,CACpC,GACC,CAACW,EAAcP,IAElB,MAAM0B,GAAoBT,EAAAA,EAAAA,cACvBvE,IACC2D,EAAgB3D,EAAMiF,OAAOhD,MAAM,GAErC,IAGIiD,GAAqBX,EAAAA,EAAAA,cAAavE,IACtCA,EAAM0E,kBACN,MAAMS,EACJnF,EAAMmF,KACoCnF,EAAMoF,SACNpF,EAAMqF,MACf,IAAAC,EAAvB,UAARH,GAA2B,KAARA,GACA,QAArBG,EAAAnB,EAAcjB,eAAO,IAAAoC,GAArBA,EAAuBC,MACzB,GACC,IAEGC,GAAkBjB,EAAAA,EAAAA,cAAY,KAClCT,GAAgB,GAChBI,GAAyB,EAAK,GAC7B,KAEHG,EAAAA,EAAAA,YAAU,KACJJ,IACFV,SAAAA,EAAgBG,GAChBQ,GAAyB,GAC3B,GACC,CAACR,EAAcH,EAAeU,IAEjC,MAAMS,GAAkBH,EAAAA,EAAAA,cAAaC,IACnCA,EAAEE,iBAAiB,GAClB,IAEH,OACEtB,IAAAA,cAAA,OACEqC,UAAWC,IAAW,QAAS,CAC7BC,QAAS9B,EACT+B,OAAQlC,IAEVmC,cAAenB,EACfoB,YAAapB,GAEbtB,IAAAA,cAAA,SACEqC,UAAU,cACVxD,MAAOyB,EACPL,IAAKc,EACL4B,SAAUf,EACVgB,UAAWd,EACXe,OAAQT,EACRU,cAAexB,IAEjBtB,IAAAA,cAAA,OAAKqC,UAAU,aAAaI,cAAevB,GACxCZ,GAIT,CAvHCyC,EAAAjF,IAAAsD,GAAA/C,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAgE,EAAApE,EAAAM,EAAAE,EAAA6D,EAAA9D,EAAAf,GAAA8E,GAAAhG,EAAAiG,KAAAC,EAAAA,EAAAA,GAAAL,EAAA,CA7CArG,EAAc,yBAA0B,CACvC2G,WAAY,CAACC,EAAAA,MACb,EAEC3G,IAAU,YAGVA,EAAS,CAAEoD,QAAQ,IAAQ,WAG3BpD,EAAS,CAAE+C,KAAM6D,UAAU,eAG3B3G,EAAM,CAAE8C,KAAM,yBAAyB,uBAAA8D,IAAAjE,EAAAA,EAAAA,GAAAhC,EAAAiG,GAAA,CAAAA,EAAAhE,KAAAC,EAAAA,EAAAA,GAAAlC,EAAAiG,EAAAhE,IAAA,CAOvC5C,EAAM,CAAE8C,KAAM,iBAAiB,gBAAA8D,IAAAjE,EAAAA,EAAAA,GAAA5B,EAAA6F,GAAA,CAAAA,EAAAhE,KAAAC,EAAAA,EAAAA,GAAA9B,EAAA6F,EAAAhE,IAAA,CAO/B3C,IAAQ,uBAAA4G,GAAA5F,EAAA6F,KAAAC,EAAAA,EAAAA,GAAAF,KAxBiB1F,EAAAA,mBAAgBoF,kFCnCxCS,QAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,24BAGS,KAElD,QAAeH,EAAwBI,iCCJvCF,EAAOG,QAAU,SAAUC,GACzB,IAAIC,EAAO,GA4EX,OAzEAA,EAAKH,SAAW,WACd,OAAOjF,KAAKqF,KAAI,SAAUC,GACxB,IAAIC,EAAU,GACVC,OAA+B,IAAZF,EAAK,GAoB5B,OAnBIA,EAAK,KACPC,GAAW,cAAcE,OAAOH,EAAK,GAAI,QAEvCA,EAAK,KACPC,GAAW,UAAUE,OAAOH,EAAK,GAAI,OAEnCE,IACFD,GAAW,SAASE,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,OAE5EC,GAAWJ,EAAuBG,GAC9BE,IACFD,GAAW,KAETD,EAAK,KACPC,GAAW,KAETD,EAAK,KACPC,GAAW,KAENA,CACT,IAAGI,KAAK,GACV,EAGAP,EAAKQ,EAAI,SAAWC,EAASC,EAAOC,EAAQC,EAAUC,GAC7B,iBAAZJ,IACTA,EAAU,CAAC,CAAC,KAAMA,OAASK,KAE7B,IAAIC,EAAyB,CAAC,EAC9B,GAAIJ,EACF,IAAK,IAAIK,EAAI,EAAGA,EAAIpG,KAAK0F,OAAQU,IAAK,CACpC,IAAIpB,EAAKhF,KAAKoG,GAAG,GACP,MAANpB,IACFmB,EAAuBnB,IAAM,EAEjC,CAEF,IAAK,IAAIqB,EAAK,EAAGA,EAAKR,EAAQH,OAAQW,IAAM,CAC1C,IAAIf,EAAO,GAAGG,OAAOI,EAAQQ,IACzBN,GAAUI,EAAuBb,EAAK,WAGrB,IAAVW,SACc,IAAZX,EAAK,KAGdA,EAAK,GAAK,SAASG,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,MAAMG,OAAOH,EAAK,GAAI,MAF/FA,EAAK,GAAKW,GAMVH,IACGR,EAAK,IAGRA,EAAK,GAAK,UAAUG,OAAOH,EAAK,GAAI,MAAMG,OAAOH,EAAK,GAAI,KAC1DA,EAAK,GAAKQ,GAHVR,EAAK,GAAKQ,GAMVE,IACGV,EAAK,IAGRA,EAAK,GAAK,cAAcG,OAAOH,EAAK,GAAI,OAAOG,OAAOH,EAAK,GAAI,KAC/DA,EAAK,GAAKU,GAHVV,EAAK,GAAK,GAAGG,OAAOO,IAMxBZ,EAAKN,KAAKQ,GACZ,CACF,EACOF,CACT,yBClFAL,EAAOG,QAAU,SAAUU,GACzB,OAAOA,EAAE,EACX,gBCJA,OAOC,WACA,aAEA,IAAIU,EAAS,CAAC,EAAEC,eAEhB,SAAShD,IAGR,IAFA,IAAIiD,EAAU,GAELZ,EAAI,EAAGA,EAAI1G,UAAUwG,OAAQE,IAAK,CAC1C,IAAIa,EAAMvH,UAAU0G,GAChBa,IACHD,EAAUE,EAAYF,EAASG,EAAWF,IAE5C,CAEA,OAAOD,CACR,CAEA,SAASG,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOlD,EAAWuD,MAAM,KAAML,GAG/B,GAAIA,EAAIxB,WAAa8B,OAAOC,UAAU/B,WAAawB,EAAIxB,SAASA,WAAWgC,SAAS,iBACnF,OAAOR,EAAIxB,WAGZ,IAAIuB,EAAU,GAEd,IAAK,IAAIxD,KAAOyD,EACXH,EAAOY,KAAKT,EAAKzD,IAAQyD,EAAIzD,KAChCwD,EAAUE,EAAYF,EAASxD,IAIjC,OAAOwD,CACR,CAEA,SAASE,EAAa5G,EAAOqH,GAC5B,OAAKA,EAIDrH,EACIA,EAAQ,IAAMqH,EAGfrH,EAAQqH,EAPPrH,CAQT,CAEqCiF,EAAOG,SAC3C3B,EAAW6D,QAAU7D,EACrBwB,EAAOG,QAAU3B,QAKhB,KAFwB,EAAF,WACtB,OAAOA,CACP,UAFoB,OAEpB,YAIH,CArEA,yECNe,SAAS8D,EAAgBhF,EAAGiF,EAAGC,GAC5C,WAAY,OAAQD,KAAOA,GAAKA,EAAIA,EAAEE,aAAe,IAAMF,EAAI,IAAM,IACrE,IACEP,OAAOU,eAAepF,EAAG,OAAQ,CAC/BqF,cAAc,EACd5H,MAAOyH,EAAIA,EAAI,IAAMD,EAAIA,GAE7B,CAAE,MAAOjF,GAAI,CACb,OAAOA,CACT,eCNe,SAASsF,EAActF,EAAGiF,EAAGC,EAAGK,EAAGnD,EAAGmB,GACnD,IAAIiC,EACF1D,EACA2D,EACAC,EACAC,EACAC,EACAC,EACAC,EAAIC,OAAOC,UAAYD,OAAY,IAAE,mBACrCE,EAAIvB,OAAOU,eACXc,EAAIxB,OAAOyB,OACXC,EAAI,CAACF,EAAE,MAAOA,EAAE,OAChB9H,EAAI6G,EAAE5B,OACR,SAASgD,EAAEpB,EAAGC,EAAGK,GACf,OAAO,SAAUnD,EAAGmB,GAClB2B,IAAM3B,EAAInB,EAAGA,EAAIpC,GACjB,IAAK,IAAIwF,EAAI,EAAGA,EAAIP,EAAE5B,OAAQmC,IAAKjC,EAAI0B,EAAEO,GAAGf,MAAMrC,EAAGmD,EAAI,CAAChC,GAAK,IAC/D,OAAOgC,EAAIhC,EAAInB,CACjB,CACF,CACA,SAASkE,EAAEtG,EAAGiF,EAAGC,EAAGK,GAClB,GAAI,mBAAqBvF,IAAMuF,QAAK,IAAWvF,GAAI,MAAM,IAAIuG,UAAUtB,EAAI,UAAYC,GAAK,MAAQ,eAAiBK,EAAI,GAAK,kBAC9H,OAAOvF,CACT,CACA,SAASwG,EAASxG,EAAGiF,EAAGC,EAAGK,EAAGnD,EAAGmB,EAAGkC,EAAGC,EAAGC,EAAGC,EAAGC,GAC9C,SAASC,EAAE9F,GACT,IAAK6F,EAAE7F,GAAI,MAAM,IAAIuG,UAAU,sDACjC,CACA,IAAIL,EAAI,GAAG9C,OAAO6B,EAAE,IAClB7G,EAAI6G,EAAE,GACNwB,GAAKhB,EACLiB,EAAI,IAAMtE,EACVuE,EAAI,IAAMvE,EACVwE,EAAI,IAAMxE,EACVyE,EAAI,IAAMzE,EACZ,SAAS0E,EAAE7B,EAAGC,EAAGK,GACf,OAAO,SAAUnD,EAAGmB,GAClB,OAAO2B,IAAM3B,EAAInB,EAAGA,EAAIpC,GAAIuF,GAAKA,EAAEnD,GAAI2E,EAAE9B,GAAGJ,KAAKzC,EAAGmB,EACtD,CACF,CACA,IAAKkD,EAAG,CACN,IAAIM,EAAI,CAAC,EACPhD,EAAI,GACJiD,EAAIL,EAAI,MAAQC,GAAKF,EAAI,MAAQ,QACnC,GAAIf,GAAKC,GAAKc,EAAIK,EAAI,CACpBE,IAAKjC,GAAgB,WACnB,OAAO5G,EAAET,KACX,GAAG4H,EAAG,OACN2B,IAAK,SAAalH,GAChBiF,EAAE,GAAGtH,KAAMqC,EACb,GACE+G,EAAEC,GAAK5I,EAAGwH,GAAKZ,EAAgB+B,EAAEC,GAAIzB,EAAGsB,EAAI,GAAKG,IAAMpB,IAAMmB,EAAIrC,OAAOyC,yBAAyBnH,EAAGuF,KAAMK,IAAMD,EAAG,CACrH,IAAK7D,EAAIsE,GAAGV,GAAGH,KAAO,IAAMzD,EAAIM,GAAI,MAAMgF,MAAM,+CAAiDL,EAAEC,GAAGK,KAAO,0BAC7GjB,GAAGV,GAAGH,GAAKnD,EAAI,EAAI,EAAIA,CACzB,CACF,CACA,IAAK,IAAIkF,EAAItH,EAAGuH,EAAIrB,EAAE7C,OAAS,EAAGkE,GAAK,EAAGA,GAAKrC,EAAI,EAAI,EAAG,CACxD,IAAIsC,EAAIlB,EAAEJ,EAAEqB,GAAI,cAAe,MAAM,GACnCE,EAAIvC,EAAIgB,EAAEqB,EAAI,QAAK,EACnBG,EAAI,CAAC,EACLC,EAAI,CACFC,KAAM,CAAC,QAAS,WAAY,SAAU,SAAU,SAAU,SAASxF,GACnEiF,KAAM9B,EACNS,SAAUR,EACVqC,eAAgB,SAAU7H,EAAGiF,GAC3B,GAAIjF,EAAE5B,EAAG,MAAMgJ,MAAM,kEACrBd,EAAErB,EAAG,iBAAkB,MAAM,GAAK1B,EAAEd,KAAKwC,EAC3C,EAAE6C,KAAK,KAAMJ,IAEjB,GAAIjB,EAAG3E,EAAI0F,EAAE3C,KAAK4C,EAAGH,EAAGK,GAAID,EAAEtJ,EAAI,EAAGkI,EAAExE,EAAG,mBAAoB,YAAcwF,EAAIxF,QAAQ,GAAI6F,EAAU,OAAIjC,EAAGiC,EAAW,QAAIhC,EAAG7D,EAAI6F,EAAEI,OAAS,CAC5IzF,IAAKqD,EAAIE,EAAEiC,OAAS,SAAU9H,GAC5B,OAAOuF,KAAKvF,CACd,GACC4G,IAAM9E,EAAEmF,IAAMtB,EAAIkB,EAAI,SAAU7G,GACjC,OAAO8F,EAAE9F,GAAI+G,EAAEtJ,KACjB,EAAIqJ,EAAE,MAAO,EAAGhB,GAAK,SAAU9F,GAC7B,OAAOA,EAAEuF,EACX,GAAIsB,GAAKF,IAAM7E,EAAEoF,IAAMvB,EAAImB,EAAE,MAAO,EAAGhB,GAAK,SAAU9F,EAAGiF,GACvDjF,EAAEuF,GAAKN,CACT,GAAIqC,EAAIE,EAAE3C,KAAK4C,EAAGf,EAAI,CACpBO,IAAKF,EAAEE,IACPC,IAAKH,EAAEG,KACLH,EAAEC,GAAIW,GAAID,EAAEtJ,EAAI,EAAGsI,GACrB,GAAI,WAAY,OAAQY,IAAMA,GAAIxF,EAAIwE,EAAEgB,EAAEL,IAAK,mBAAqBF,EAAEE,IAAMnF,IAAKA,EAAIwE,EAAEgB,EAAEJ,IAAK,mBAAqBH,EAAEG,IAAMpF,IAAKA,EAAIwE,EAAEgB,EAAEU,KAAM,mBAAqBjE,EAAEkE,QAAQnG,QAAQ,QAAI,IAAWwF,EAAG,MAAM,IAAIf,UAAU,iGACtND,EAAEgB,GAAI1B,EAAI,QAAU,UAAY,cAAe,YAAcA,EAAI7B,EAAEkE,QAAQX,GAAKP,EAAEC,GAAKM,EAChG,CACA,OAAOlF,EAAI,GAAKqD,EAAEhD,KAAK4D,EAAEtC,EAAG2B,EAAG,GAAIW,EAAE9C,EAAGmC,EAAG,IAAKE,GAAKa,IAAMd,EAAIe,EAAIjB,EAAEyC,QAAQ,EAAG,EAAGpB,EAAE,MAAOpB,GAAIoB,EAAE,MAAOpB,IAAMD,EAAEhD,KAAKoE,EAAIE,EAAEC,GAAKV,EAAEzB,KAAKiD,KAAKf,EAAEC,KAAOf,EAAEjG,EAAGuF,EAAGwB,IAAKO,CACrK,CACA,SAASb,EAAEzG,GACT,OAAOiG,EAAEjG,EAAG8F,EAAG,CACbT,cAAc,EACd8C,YAAY,EACZ1K,MAAO+H,GAEX,CACA,YAAO,IAAWjC,IAAMiC,EAAIjC,EAAEuC,IAAKN,EAAIU,EAAE,MAAQV,EAAI,KAAOA,GAAIG,EAAI,GAAIC,EAAI,SAAW5F,GACrFA,GAAK2F,EAAElD,KAAK4D,EAAErG,GAChB,EAAG6F,EAAI,SAAWZ,EAAGM,GACnB,IAAK,IAAIhC,EAAI,EAAGA,EAAI2B,EAAE7B,OAAQE,IAAK,CACjC,IAAIiC,EAAIN,EAAE3B,GACRzB,EAAI0D,EAAE,GACNI,EAAI,EAAI9D,EACV,IAAK,EAAIA,IAAMmD,IAAMW,GAAKL,EAAG,CAC3B,IAAIM,EAAIL,EAAE,GACRM,IAAMN,EAAE,GACRS,EAAI,GAAKnE,EACX0E,EAASvB,EAAIjF,EAAIA,EAAE2E,UAAWa,EAAGS,EAAGH,EAAI,IAAMD,GAAI,EAAAuC,EAAA,GAAcvC,GAAID,EAAGA,EAAI,EAAI,GAAKX,EAAIS,EAAIA,GAAK,GAAKD,EAAIA,GAAK,GAAIE,IAAKV,EAAGa,EAAGP,EAAGN,GAAKa,EAAI,SAAUb,GAClJ,OAAO,EAAAoD,EAAA,GAAWpD,KAAOjF,CAC3B,EAAIoC,EACN,CACF,CACF,EAAGyD,EAAE,EAAG,GAAIA,EAAE,EAAG,GAAIA,EAAE,EAAG,GAAIA,EAAE,EAAG,GAAID,EAAEH,GAAIG,EAAEF,GAAI5D,EAAI6D,EAAGvH,GAAKqI,EAAEzG,GAAI,CACnEA,EAAG8B,EACH,KAAIA,GACF,IAAIoD,EAAI,GACR,OAAO9G,GAAK,CAACqI,EAAEzG,EAAIwG,EAASxG,EAAG,CAACiF,GAAIM,EAAGvF,EAAEqH,KAAM,EAAGnC,IAAKmB,EAAEnB,EAAG,GAC9D,EAEJ,+BC1He,SAASoD,EAAkBtI,EAAGiF,EAAGC,GAC9C,GAAI,mBAAqBlF,EAAIA,IAAMiF,EAAIjF,EAAEsC,IAAI2C,GAAI,OAAOpI,UAAUwG,OAAS,EAAI4B,EAAIC,EACnF,MAAM,IAAIqB,UAAU,gDACtB,8ECFe,SAAShE,EAAYvC,GAClC,GAAI0E,OAAO1E,KAAOA,EAAG,MAAMuG,UAAU,qDAAuD,OAASvG,GAAI,OAAQA,GAAK,SACtH,OAAOA,CACT,+BCJe,SAASuI,EAA2BC,EAAKC,GACtD,GAAIA,EAAkBnG,IAAIkG,GACxB,MAAM,IAAIjC,UAAU,iEAExB,6ECHe,SAAS9H,EAAuBiH,EAAGF,GAChD,OAAOE,EAAEuB,KAAI,OAAiBvB,EAAGF,GACnC,6DCFe,SAASzI,EAA2ByL,EAAKE,EAAYjL,IAClE,OAA0B+K,EAAKE,GAC/BA,EAAWxB,IAAIsB,EAAK/K,EACtB,8DCHe,SAASkL,EAAuBjD,EAAGF,EAAGD,GACnD,OAAOG,EAAEwB,KAAI,OAAiBxB,EAAGF,GAAID,GAAIA,CAC3C,8DCFe,SAAS7H,EAAoBgI,EAAGH,EAAGC,GAChD,OAAOA,GAAE,OAAiBE,EAAGH,GAC/B,8DCFe,SAASzI,EAA4B0L,EAAKI,IACvD,OAA0BJ,EAAKI,GAC/BA,EAAWC,IAAIL,EACjB,8DCFe,SAASJ,EAAcnD,GACpC,IAAI1B,ECFS,SAAqB0B,EAAGM,GACrC,GAAI,WAAY,OAAQN,KAAOA,EAAG,OAAOA,EACzC,IAAIjF,EAAIiF,EAAEc,OAAO+C,aACjB,QAAI,IAAW9I,EAAG,CAChB,IAAIuD,EAAIvD,EAAE6E,KAAKI,EAAGM,UAClB,GAAI,WAAY,OAAQhC,GAAI,OAAOA,EACnC,MAAM,IAAIgD,UAAU,+CACtB,CACA,OAAyBwC,OAAiB9D,EAC5C,CDPU6D,CAAY7D,GACpB,MAAO,WAAY,OAAQ1B,GAAKA,EAAIA,EAAI,EAC1C,+BELe,SAASyF,EAAQ5G,GAG9B,OAAO4G,EAAU,mBAAqBjD,QAAU,iBAAmBA,OAAOkD,SAAW,SAAU7G,GAC7F,cAAcA,CAChB,EAAI,SAAUA,GACZ,OAAOA,GAAK,mBAAqB2D,QAAU3D,EAAExF,cAAgBmJ,QAAU3D,IAAM2D,OAAOpB,UAAY,gBAAkBvC,CACpH,EAAG4G,EAAQ5G,EACb","sources":["webpack:///./src/editable-label/index.tsx","webpack:///./src/editable-label/styles.shadow.css","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/classnames/index.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\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 classNames from \"classnames\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EditableLabelProps {\n label?: string;\n type?: LabelType;\n readOnly?: boolean;\n}\n\nexport type LabelType = \"line\" | \"default\";\n\nexport interface EditableLabelRef {\n enableEditing(): void;\n}\n\nexport const EditableLabelComponent = forwardRef(LegacyEditableLabelComponent);\n\n/**\n * 构件 `diagram.editable-label`\n */\nexport\n@defineElement(\"diagram.editable-label\", {\n styleTexts: [styleText],\n})\nclass EditableLabel extends ReactNextElement implements EditableLabelProps {\n @property()\n accessor label: string | undefined;\n\n @property({ render: false })\n accessor type: LabelType | undefined;\n\n @property({ type: Boolean })\n accessor readOnly: boolean | undefined;\n\n @event({ type: \"label.editing.change\" })\n accessor #labelEditingChange!: EventEmitter<boolean>;\n\n #handleLabelEditingChange = (value: boolean) => {\n this.#labelEditingChange.emit(value);\n };\n\n @event({ type: \"label.change\" })\n accessor #labelChange!: EventEmitter<string>;\n\n #handleLabelChange = (value: string) => {\n this.#labelChange.emit(value);\n };\n\n @method()\n enableEditing() {\n this.#editableLabelRef.current?.enableEditing();\n }\n\n #editableLabelRef = createRef<EditableLabelRef>();\n\n render() {\n return (\n <EditableLabelComponent\n ref={this.#editableLabelRef}\n label={this.label}\n readOnly={this.readOnly}\n onLabelEditingChange={this.#handleLabelEditingChange}\n onLabelChange={this.#handleLabelChange}\n />\n );\n }\n}\n\nexport interface EditableLabelComponentProps extends EditableLabelProps {\n onLabelEditingChange?(value: boolean): void;\n onLabelChange?(value: string): void;\n}\n\nexport function LegacyEditableLabelComponent(\n {\n label: _label,\n readOnly,\n onLabelChange,\n onLabelEditingChange,\n }: EditableLabelComponentProps,\n ref: React.Ref<EditableLabelRef>\n) {\n const label = _label ?? \"\";\n const [currentLabel, setCurrentLabel] = useState<string>(label);\n const [editingLabel, setEditingLabel] = useState(false);\n const editingLabelInitialized = useRef(false);\n const [shouldEmitLabelChange, setShouldEmitLabelChange] = useState(false);\n const labelInputRef = useRef<HTMLInputElement>(null);\n\n useImperativeHandle(ref, () => ({\n enableEditing() {\n readOnly || setEditingLabel(true);\n },\n }));\n\n useEffect(() => {\n setCurrentLabel(label);\n }, [label]);\n\n const handleEditLabel = useCallback(\n (e: React.MouseEvent) => {\n if (readOnly) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n setEditingLabel(true);\n },\n [readOnly]\n );\n\n useEffect(() => {\n if (editingLabel) {\n // Prevent scroll when focusing.\n // Otherwise the diagram svg may be clipped in Chrome.\n labelInputRef.current?.focus({ preventScroll: true });\n labelInputRef.current?.select();\n }\n }, [editingLabel]);\n\n useEffect(() => {\n if (editingLabelInitialized.current) {\n onLabelEditingChange?.(editingLabel);\n } else {\n editingLabelInitialized.current = true;\n }\n }, [editingLabel, onLabelEditingChange]);\n\n const handleInputChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentLabel(event.target.value);\n },\n []\n );\n\n const handleInputKeydown = useCallback((event: React.KeyboardEvent) => {\n event.stopPropagation();\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n if (key === \"Enter\" || key === 13) {\n labelInputRef.current?.blur();\n }\n }, []);\n\n const handleInputBlur = useCallback(() => {\n setEditingLabel(false);\n setShouldEmitLabelChange(true);\n }, []);\n\n useEffect(() => {\n if (shouldEmitLabelChange) {\n onLabelChange?.(currentLabel);\n setShouldEmitLabelChange(false);\n }\n }, [currentLabel, onLabelChange, shouldEmitLabelChange]);\n\n const stopPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <div\n className={classNames(\"label\", {\n editing: editingLabel,\n empty: !currentLabel,\n })}\n onDoubleClick={stopPropagation}\n onMouseDown={stopPropagation}\n >\n <input\n className=\"label-input\"\n value={currentLabel}\n ref={labelInputRef}\n onChange={handleInputChange}\n onKeyDown={handleInputKeydown}\n onBlur={handleInputBlur}\n onContextMenu={stopPropagation}\n />\n <div className=\"label-text\" onDoubleClick={handleEditLabel}>\n {currentLabel}\n </div>\n </div>\n );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type=\"line\"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (i) {\n return i[1];\n};","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n try {\n Object.defineProperty(e, \"name\", {\n configurable: !0,\n value: n ? n + \" \" + t : t\n });\n } catch (e) {}\n return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n var a,\n c,\n u,\n s,\n f,\n l,\n p,\n d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n m = Object.defineProperty,\n h = Object.create,\n y = [h(null), h(null)],\n v = t.length;\n function g(t, n, r) {\n return function (o, i) {\n n && (i = o, o = e);\n for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n return r ? i : o;\n };\n }\n function b(e, t, n, r) {\n if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n return e;\n }\n function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n function d(e) {\n if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n }\n var h = [].concat(t[0]),\n v = t[3],\n w = !u,\n D = 1 === o,\n S = 3 === o,\n j = 4 === o,\n E = 2 === o;\n function I(t, n, r) {\n return function (o, i) {\n return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n };\n }\n if (!w) {\n var P = {},\n k = [],\n F = S ? \"get\" : j || D ? \"set\" : \"value\";\n if (f ? (l || D ? P = {\n get: setFunctionName(function () {\n return v(this);\n }, r, \"get\"),\n set: function set(e) {\n t[4](this, e);\n }\n } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n y[+s][r] = o < 3 ? 1 : o;\n }\n }\n for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n var z = b(h[O], \"A decorator\", \"be\", !0),\n A = n ? h[O - 1] : void 0,\n H = {},\n K = {\n kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n name: r,\n metadata: a,\n addInitializer: function (e, t) {\n if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n b(t, \"An initializer\", \"be\", !0), i.push(t);\n }.bind(null, H)\n };\n if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n has: f ? p.bind() : function (e) {\n return r in e;\n }\n }, j || (c.get = f ? E ? function (e) {\n return d(e), P.value;\n } : I(\"get\", 0, d) : function (e) {\n return e[r];\n }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n e[r] = t;\n }), N = z.call(A, D ? {\n get: P.get,\n set: P.set\n } : P[F], K), H.v = 1, D) {\n if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n }\n return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n }\n function w(e) {\n return m(e, d, {\n configurable: !0,\n enumerable: !0,\n value: a\n });\n }\n return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n e && f.push(g(e));\n }, p = function p(t, r) {\n for (var i = 0; i < n.length; i++) {\n var a = n[i],\n c = a[1],\n l = 7 & c;\n if ((8 & c) == t && !l == r) {\n var p = a[2],\n d = !!a[3],\n m = 16 & c;\n applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n return checkInRHS(t) === e;\n } : o);\n }\n }\n }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n e: c,\n get c() {\n var n = [];\n return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n }\n };\n}","export default function _assertClassBrand(e, t, n) {\n if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n throw new TypeError(\"Private element is not present on this object\");\n}","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n return e;\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n if (privateCollection.has(obj)) {\n throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n }\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n return s.get(assertClassBrand(s, a));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n checkPrivateRedeclaration(obj, privateMap);\n privateMap.set(obj, value);\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n return s.set(assertClassBrand(s, a), r), r;\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n checkPrivateRedeclaration(obj, privateSet);\n privateSet.add(obj);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}"],"names":["defineElement","property","event","method","createDecorators","EditableLabelComponent","forwardRef","LegacyEditableLabelComponent","_EditableLabel","_A","WeakMap","_B","_C","_D","_EditableLabel_brand","WeakSet","_handleLabelEditingChange","_E","_handleLabelChange","_editableLabelRef","EditableLabel","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_label","_init_extra_label","_init_type","_init_extra_type","_init_readOnly","_init_extra_readOnly","_init_labelEditingChange","_init_extra_labelEditingChange","value","_classPrivateGetter","this","_get_labelEditingChange","emit","_init_labelChange","_init_extra_labelChange","_get_labelChange","createRef","label","_classPrivateFieldGet","v","_classPrivateFieldSet","type","readOnly","enableEditing","_classPrivateFieldGet2","current","render","React","ref","onLabelEditingChange","onLabelChange","_ref","_label","currentLabel","setCurrentLabel","useState","editingLabel","setEditingLabel","editingLabelInitialized","useRef","shouldEmitLabelChange","setShouldEmitLabelChange","labelInputRef","useImperativeHandle","useEffect","handleEditLabel","useCallback","e","preventDefault","stopPropagation","_labelInputRef$curren","_labelInputRef$curren2","focus","preventScroll","select","handleInputChange","target","handleInputKeydown","key","keyCode","which","_labelInputRef$curren3","blur","handleInputBlur","className","classNames","editing","empty","onDoubleClick","onMouseDown","onChange","onKeyDown","onBlur","onContextMenu","_EditableLabel2","_set_labelEditingChange","_set_labelChange","c","_initClass","_applyDecs","styleTexts","styleText","Boolean","o","_","has","_checkInRHS","___CSS_LOADER_EXPORT___","push","module","id","toString","exports","cssWithMappingToString","list","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","hasOwn","hasOwnProperty","classes","arg","appendClass","parseValue","Array","isArray","apply","Object","prototype","includes","call","newClass","default","setFunctionName","t","n","description","defineProperty","configurable","applyDecs2311","r","a","u","s","f","l","p","d","Symbol","metadata","m","h","create","y","g","b","TypeError","applyDec","w","D","S","j","E","I","P","F","get","set","getOwnPropertyDescriptor","Error","name","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","enumerable","toPropertyKey","checkInRHS","_assertClassBrand","_checkPrivateRedeclaration","obj","privateCollection","privateMap","_classPrivateFieldSet2","privateSet","add","toPrimitive","String","_typeof","iterator"],"sourceRoot":""}
@@ -1,2 +1,2 @@
1
- "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var s,l=a(4635),i=a(918),o=a(6902),n=a(5536),r=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(300),A=a(4295),p=(a(6477),a(1030)),C=a(3373),k=a.n(C),b=a(7566),y=a(3739),v=a(8185),m=a(4932),f=a(3783),N=a(3033),T=a(8091),R=a(1819),w=a(5748),W=a(227),M=a(531),E=a(7099),S=a(1484),z=a(8197),B=a(7531),L=a(2098),x=a(3012),O=a(6237);let $,F,Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,me,fe,Ne,Te,Re,we,We,Me,Ee,Se;const{defineElement:ze,property:Be,event:Le}=(0,g.createDecorators)();let xe;var Oe=new WeakMap,$e=new WeakMap,Fe=new WeakMap,Ze=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,Pe=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap,je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,et=new WeakSet,tt=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap,ot=new WeakMap;class nt extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,et),(0,i.A)(this,Oe,F(this)),(0,i.A)(this,$e,(Z(this),U(this))),(0,i.A)(this,Fe,(_(this),H(this))),(0,i.A)(this,Ze,(K(this),P(this,[N.HP,N.HP]))),(0,i.A)(this,Ue,(D(this),I(this))),(0,i.A)(this,_e,(Y(this),q(this))),(0,i.A)(this,He,(J(this),j(this))),(0,i.A)(this,Ke,(G(this),Q(this))),(0,i.A)(this,Pe,(V(this),X(this))),(0,i.A)(this,De,(ee(this),te(this))),(0,i.A)(this,Ie,(ae(this),se(this,!0))),(0,i.A)(this,Ye,(le(this),ie(this,!0))),(0,i.A)(this,qe,(oe(this),ne(this,!0))),(0,i.A)(this,Je,(re(this),he(this))),(0,i.A)(this,je,(de(this),ce(this))),(0,i.A)(this,Ge,(ue(this),ge(this))),(0,i.A)(this,Qe,(Ae(this),pe(this))),(0,i.A)(this,Ve,(Ce(this),ke(this))),(0,i.A)(this,Xe,(be(this),ye(this))),(0,i.A)(this,tt,(fe(this),e=>{(0,n.A)(et,this,ve).emit(e)})),(0,i.A)(this,at,(e=>{(0,v.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,st,Ne(this)),(0,i.A)(this,lt,(we(this),e=>{(0,n.A)(et,this,Te).emit(e)})),(0,i.A)(this,it,We(this)),(0,i.A)(this,ot,(Se(this),e=>{(0,n.A)(et,this,Me).emit(e)}))}get cells(){return(0,h.A)(Oe,this)}set cells(e){(0,r.A)(Oe,this,e)}get layout(){return(0,h.A)($e,this)}set layout(e){(0,r.A)($e,this,e)}get layoutOptions(){return(0,h.A)(Fe,this)}set layoutOptions(e){(0,r.A)(Fe,this,e)}get defaultNodeSize(){return(0,h.A)(Ze,this)}set defaultNodeSize(e){(0,r.A)(Ze,this,e)}get defaultNodeBricks(){return(0,h.A)(Ue,this)}set defaultNodeBricks(e){(0,r.A)(Ue,this,e)}get degradedThreshold(){return(0,h.A)(_e,this)}set degradedThreshold(e){(0,r.A)(_e,this,e)}get degradedNodeLabel(){return(0,h.A)(He,this)}set degradedNodeLabel(e){(0,r.A)(He,this,e)}get defaultEdgeLines(){return(0,h.A)(Ke,this)}set defaultEdgeLines(e){(0,r.A)(Ke,this,e)}get activeTarget(){return(0,h.A)(Pe,this)}set activeTarget(e){(0,r.A)(Pe,this,e)}get fadeUnrelatedCells(){return(0,h.A)(De,this)}set fadeUnrelatedCells(e){(0,r.A)(De,this,e)}get zoomable(){return(0,h.A)(Ie,this)}set zoomable(e){(0,r.A)(Ie,this,e)}get scrollable(){return(0,h.A)(Ye,this)}set scrollable(e){(0,r.A)(Ye,this,e)}get pannable(){return(0,h.A)(qe,this)}set pannable(e){(0,r.A)(qe,this,e)}get scaleRange(){return(0,h.A)(Je,this)}set scaleRange(e){(0,r.A)(Je,this,e)}get hideZoomBar(){return(0,h.A)(je,this)}set hideZoomBar(e){(0,r.A)(je,this,e)}get autoCenterWhenCellsChange(){return(0,h.A)(Ge,this)}set autoCenterWhenCellsChange(e){(0,r.A)(Ge,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(Qe,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(Qe,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Ve,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(Ve,this,e)}render(){return u().createElement(rt,{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,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,onActiveTargetChange:(0,h.A)(tt,this),onSwitchActiveTarget:(0,h.A)(at,this),onCellContextMenu:(0,h.A)(lt,this),onCellClick:(0,h.A)(ot,this)})}}function rt(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:l,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:n,degradedThreshold:r,degradedNodeLabel:h,activeTarget:d,fadeUnrelatedCells:g,zoomable:A,scrollable:C,pannable:v,scaleRange:x,hideZoomBar:O,autoCenterWhenCellsChange:$,doNotResetActiveTargetForSelector:F,doNotResetActiveTargetOutsideCanvas:Z,onActiveTargetChange:U,onSwitchActiveTarget:_,onCellContextMenu:H,onCellClick:K}=e;const[{cells:P,layoutKey:D},I]=(0,c.useReducer)(w.d,a,(e=>({cells:(0,f.C)(e,{defaultNodeSize:i}),layoutKey:1}))),Y=(0,c.useMemo)((()=>P.filter(M.N).length>=(null!=r?r:N.pC)),[P,r]),q=(0,c.useRef)(null),{grabbing:J,transform:j,zoomer:G,scaleRange:Q}=(0,T.f)({rootRef:q,zoomable:A,scrollable:C,pannable:v,draggable:!0,scaleRange:x,onSwitchActiveTarget:_}),{centered:V,setCentered:X,getNextLayoutKey:ee}=(0,S.g)({layout:s,layoutOptions:l,rootRef:q,cells:P,zoomable:A,zoomer:G,scaleRange:Q,layoutKey:D,autoCenterWhenCellsChange:$,dispatch:I}),te=(0,c.useCallback)((()=>{X(!1)}),[X]),ae=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==ae.current){ae.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:P,cells:a,scaleRange:Q,transform:j});I({type:"update-cells",payload:e.cells})}}),[P,i,a,s,Q,t,j]);const se=(0,R.J)({rootRef:q,activeTarget:d,doNotResetActiveTargetForSelector:F,doNotResetActiveTargetOutsideCanvas:Z,onActiveTargetChange:U}),le=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ie=(0,c.useCallback)(((e,t)=>{I({type:"update-node-size",payload:{id:e,size:t},layoutKey:ee()})}),[ee]),[oe,ne]=(0,c.useState)(null),re=(0,c.useCallback)((e=>{ne(e)}),[]),he=(0,c.useCallback)((e=>{ne((t=>t===e?null:t))}),[]),[de,ce]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,W.Y)(P,null,oe):[];ce((t=>0===t.length&&0===e.length?t:e))}),[P,g,oe]);const ue=(0,c.useCallback)((e=>{G.scaleTo((0,b.A)(q.current),e/100)}),[G]),{lineConfMap:ge,markers:Ae}=(0,B.d)({cells:P,defaultEdgeLines:n,markerPrefix:le}),pe=(0,z.H)({cells:P,layout:s,centered:V});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:q,className:k()("root",{grabbing:J,pannable:v,ready:pe}),tabIndex:-1},u().createElement("defs",null,Ae.map(((e,t)=>u().createElement(y.c,{key:t,id:`${le}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${j.x} ${j.y}) scale(${j.k})`},u().createElement("g",{className:"cells"},P.map((e=>u().createElement(m.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:P,degraded:Y,degradedNodeLabel:h,defaultNodeBricks:o,lineConfMap:ge,transform:j,activeTarget:se,readOnly:!0,unrelatedCells:de,onSwitchActiveTarget:_,onCellContextMenu:H,onCellClick:K,onNodeBrickResize:ie,onCellMouseEnter:g&&(0,M.N)(e)?re:void 0,onCellMouseLeave:g&&(0,M.N)(e)?he:void 0})))))),!O&&u().createElement(E.Y,{shadowRoot:t,scale:j.k,scaleRange:Q,onZoomChange:ue,onReCenter:te}))}s=nt,({e:[F,Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,me,fe,Ne,Te,Re,we,We,Me,Ee,Se],c:[xe,$]}=(0,d.A)(s,[ze("eo-display-canvas",{styleTexts:[x.A,O.A]})],[[Be({attribute:!1}),1,"cells"],[Be({type:String}),1,"layout"],[Be({attribute:!1}),1,"layoutOptions"],[Be({attribute:!1}),1,"defaultNodeSize"],[Be({attribute:!1}),1,"defaultNodeBricks"],[Be({type:Number}),1,"degradedThreshold"],[Be({attribute:!1}),1,"degradedNodeLabel"],[Be({attribute:!1}),1,"defaultEdgeLines"],[Be({attribute:!1}),1,"activeTarget"],[Be({type:Boolean}),1,"fadeUnrelatedCells"],[Be({type:Boolean}),1,"zoomable"],[Be({type:Boolean}),1,"scrollable"],[Be({type:Boolean}),1,"pannable"],[Be({attribute:!1}),1,"scaleRange"],[Be({type:Boolean}),1,"hideZoomBar"],[Be({type:Boolean}),1,"autoCenterWhenCellsChange"],[Be(),1,"doNotResetActiveTargetForSelector"],[Be({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Le({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(Xe,e),(e,t)=>(0,r.A)(Xe,e,t)],[Le({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(st,e),(e,t)=>(0,r.A)(st,e,t)],[Le({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(it,e),(e,t)=>(0,r.A)(it,e,t)]],0,(e=>ot.has((0,o.A)(e))),A.ReactNextElement)),$()}}]);
2
- //# sourceMappingURL=eo-display-canvas.b5206c2a.js.map
1
+ "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var s,l=a(4635),i=a(918),o=a(6902),n=a(5536),r=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(300),A=a(4295),p=(a(6477),a(1030)),C=a(3373),k=a.n(C),b=a(7566),y=a(3739),v=a(8185),m=a(7031),f=a(3783),N=a(3033),T=a(8091),R=a(1819),w=a(5748),W=a(227),M=a(531),E=a(7099),S=a(1484),z=a(8197),B=a(7531),L=a(2098),x=a(3012),O=a(6237);let $,F,Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,me,fe,Ne,Te,Re,we,We,Me,Ee,Se;const{defineElement:ze,property:Be,event:Le}=(0,g.createDecorators)();let xe;var Oe=new WeakMap,$e=new WeakMap,Fe=new WeakMap,Ze=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,Pe=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap,je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,et=new WeakSet,tt=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap,ot=new WeakMap;class nt extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,et),(0,i.A)(this,Oe,F(this)),(0,i.A)(this,$e,(Z(this),U(this))),(0,i.A)(this,Fe,(_(this),H(this))),(0,i.A)(this,Ze,(K(this),P(this,[N.HP,N.HP]))),(0,i.A)(this,Ue,(D(this),I(this))),(0,i.A)(this,_e,(Y(this),q(this))),(0,i.A)(this,He,(J(this),j(this))),(0,i.A)(this,Ke,(G(this),Q(this))),(0,i.A)(this,Pe,(V(this),X(this))),(0,i.A)(this,De,(ee(this),te(this))),(0,i.A)(this,Ie,(ae(this),se(this,!0))),(0,i.A)(this,Ye,(le(this),ie(this,!0))),(0,i.A)(this,qe,(oe(this),ne(this,!0))),(0,i.A)(this,Je,(re(this),he(this))),(0,i.A)(this,je,(de(this),ce(this))),(0,i.A)(this,Ge,(ue(this),ge(this))),(0,i.A)(this,Qe,(Ae(this),pe(this))),(0,i.A)(this,Ve,(Ce(this),ke(this))),(0,i.A)(this,Xe,(be(this),ye(this))),(0,i.A)(this,tt,(fe(this),e=>{(0,n.A)(et,this,ve).emit(e)})),(0,i.A)(this,at,(e=>{(0,v.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,st,Ne(this)),(0,i.A)(this,lt,(we(this),e=>{(0,n.A)(et,this,Te).emit(e)})),(0,i.A)(this,it,We(this)),(0,i.A)(this,ot,(Se(this),e=>{(0,n.A)(et,this,Me).emit(e)}))}get cells(){return(0,h.A)(Oe,this)}set cells(e){(0,r.A)(Oe,this,e)}get layout(){return(0,h.A)($e,this)}set layout(e){(0,r.A)($e,this,e)}get layoutOptions(){return(0,h.A)(Fe,this)}set layoutOptions(e){(0,r.A)(Fe,this,e)}get defaultNodeSize(){return(0,h.A)(Ze,this)}set defaultNodeSize(e){(0,r.A)(Ze,this,e)}get defaultNodeBricks(){return(0,h.A)(Ue,this)}set defaultNodeBricks(e){(0,r.A)(Ue,this,e)}get degradedThreshold(){return(0,h.A)(_e,this)}set degradedThreshold(e){(0,r.A)(_e,this,e)}get degradedNodeLabel(){return(0,h.A)(He,this)}set degradedNodeLabel(e){(0,r.A)(He,this,e)}get defaultEdgeLines(){return(0,h.A)(Ke,this)}set defaultEdgeLines(e){(0,r.A)(Ke,this,e)}get activeTarget(){return(0,h.A)(Pe,this)}set activeTarget(e){(0,r.A)(Pe,this,e)}get fadeUnrelatedCells(){return(0,h.A)(De,this)}set fadeUnrelatedCells(e){(0,r.A)(De,this,e)}get zoomable(){return(0,h.A)(Ie,this)}set zoomable(e){(0,r.A)(Ie,this,e)}get scrollable(){return(0,h.A)(Ye,this)}set scrollable(e){(0,r.A)(Ye,this,e)}get pannable(){return(0,h.A)(qe,this)}set pannable(e){(0,r.A)(qe,this,e)}get scaleRange(){return(0,h.A)(Je,this)}set scaleRange(e){(0,r.A)(Je,this,e)}get hideZoomBar(){return(0,h.A)(je,this)}set hideZoomBar(e){(0,r.A)(je,this,e)}get autoCenterWhenCellsChange(){return(0,h.A)(Ge,this)}set autoCenterWhenCellsChange(e){(0,r.A)(Ge,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(Qe,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(Qe,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Ve,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(Ve,this,e)}render(){return u().createElement(rt,{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,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,onActiveTargetChange:(0,h.A)(tt,this),onSwitchActiveTarget:(0,h.A)(at,this),onCellContextMenu:(0,h.A)(lt,this),onCellClick:(0,h.A)(ot,this)})}}function rt(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:l,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:n,degradedThreshold:r,degradedNodeLabel:h,activeTarget:d,fadeUnrelatedCells:g,zoomable:A,scrollable:C,pannable:v,scaleRange:x,hideZoomBar:O,autoCenterWhenCellsChange:$,doNotResetActiveTargetForSelector:F,doNotResetActiveTargetOutsideCanvas:Z,onActiveTargetChange:U,onSwitchActiveTarget:_,onCellContextMenu:H,onCellClick:K}=e;const[{cells:P,layoutKey:D},I]=(0,c.useReducer)(w.d,a,(e=>({cells:(0,f.C)(e,{defaultNodeSize:i}),layoutKey:1}))),Y=(0,c.useMemo)((()=>P.filter(M.N).length>=(null!=r?r:N.pC)),[P,r]),q=(0,c.useRef)(null),{grabbing:J,transform:j,zoomer:G,scaleRange:Q}=(0,T.f)({rootRef:q,zoomable:A,scrollable:C,pannable:v,draggable:!0,scaleRange:x,onSwitchActiveTarget:_}),{centered:V,setCentered:X,getNextLayoutKey:ee}=(0,S.g)({layout:s,layoutOptions:l,rootRef:q,cells:P,zoomable:A,zoomer:G,scaleRange:Q,layoutKey:D,autoCenterWhenCellsChange:$,dispatch:I}),te=(0,c.useCallback)((()=>{X(!1)}),[X]),ae=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==ae.current){ae.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:P,cells:a,scaleRange:Q,transform:j});I({type:"update-cells",payload:e.cells})}}),[P,i,a,s,Q,t,j]);const se=(0,R.J)({rootRef:q,activeTarget:d,doNotResetActiveTargetForSelector:F,doNotResetActiveTargetOutsideCanvas:Z,onActiveTargetChange:U}),le=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ie=(0,c.useCallback)(((e,t)=>{I({type:"update-node-size",payload:{id:e,size:t},layoutKey:ee()})}),[ee]),[oe,ne]=(0,c.useState)(null),re=(0,c.useCallback)((e=>{ne(e)}),[]),he=(0,c.useCallback)((e=>{ne((t=>t===e?null:t))}),[]),[de,ce]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,W.Y)(P,null,oe):[];ce((t=>0===t.length&&0===e.length?t:e))}),[P,g,oe]);const ue=(0,c.useCallback)((e=>{G.scaleTo((0,b.A)(q.current),e/100)}),[G]),{lineConfMap:ge,markers:Ae}=(0,B.d)({cells:P,defaultEdgeLines:n,markerPrefix:le}),pe=(0,z.H)({cells:P,layout:s,centered:V});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:q,className:k()("root",{grabbing:J,pannable:v,ready:pe}),tabIndex:-1},u().createElement("defs",null,Ae.map(((e,t)=>u().createElement(y.c,{key:t,id:`${le}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${j.x} ${j.y}) scale(${j.k})`},u().createElement("g",{className:"cells"},P.map((e=>u().createElement(m.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:P,degraded:Y,degradedNodeLabel:h,defaultNodeBricks:o,lineConfMap:ge,transform:j,activeTarget:se,readOnly:!0,unrelatedCells:de,onSwitchActiveTarget:_,onCellContextMenu:H,onCellClick:K,onNodeBrickResize:ie,onCellMouseEnter:g&&(0,M.N)(e)?re:void 0,onCellMouseLeave:g&&(0,M.N)(e)?he:void 0})))))),!O&&u().createElement(E.Y,{shadowRoot:t,scale:j.k,scaleRange:Q,onZoomChange:ue,onReCenter:te}))}s=nt,({e:[F,Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,me,fe,Ne,Te,Re,we,We,Me,Ee,Se],c:[xe,$]}=(0,d.A)(s,[ze("eo-display-canvas",{styleTexts:[x.A,O.A]})],[[Be({attribute:!1}),1,"cells"],[Be({type:String}),1,"layout"],[Be({attribute:!1}),1,"layoutOptions"],[Be({attribute:!1}),1,"defaultNodeSize"],[Be({attribute:!1}),1,"defaultNodeBricks"],[Be({type:Number}),1,"degradedThreshold"],[Be({attribute:!1}),1,"degradedNodeLabel"],[Be({attribute:!1}),1,"defaultEdgeLines"],[Be({attribute:!1}),1,"activeTarget"],[Be({type:Boolean}),1,"fadeUnrelatedCells"],[Be({type:Boolean}),1,"zoomable"],[Be({type:Boolean}),1,"scrollable"],[Be({type:Boolean}),1,"pannable"],[Be({attribute:!1}),1,"scaleRange"],[Be({type:Boolean}),1,"hideZoomBar"],[Be({type:Boolean}),1,"autoCenterWhenCellsChange"],[Be(),1,"doNotResetActiveTargetForSelector"],[Be({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Le({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(Xe,e),(e,t)=>(0,r.A)(Xe,e,t)],[Le({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(st,e),(e,t)=>(0,r.A)(st,e,t)],[Le({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(it,e),(e,t)=>(0,r.A)(it,e,t)]],0,(e=>ot.has((0,o.A)(e))),A.ReactNextElement)),$()}}]);
2
+ //# sourceMappingURL=eo-display-canvas.d3cb3888.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-display-canvas.b5206c2a.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n LayoutType,\n LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n DEFAULT_DEGRADED_THRESHOLD,\n DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n hideZoomBar?: boolean;\n autoCenterWhenCellsChange?: boolean;\n doNotResetActiveTargetForSelector?: string;\n doNotResetActiveTargetOutsideCanvas?: boolean;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 用于查看的画布可以更新 `cells` 属性。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时,隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | 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 /**\n * 隐藏右下角放大缩小的控制栏\n */\n @property({ type: Boolean })\n accessor hideZoomBar: boolean | undefined;\n\n /**\n * 每当 cells 改变时,重新自动居中\n */\n @property({ type: Boolean })\n accessor autoCenterWhenCellsChange: boolean | undefined;\n\n /**\n * 选择器,点击该选择器对应的元素时不重置 `activeTarget`。\n */\n @property()\n accessor doNotResetActiveTargetForSelector: string | undefined;\n\n /**\n * 在画布外点击时不重置 `activeTarget`。\n */\n @property({ type: Boolean })\n accessor doNotResetActiveTargetOutsideCanvas: boolean | 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 #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"cell.click\" })\n accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellClick = (detail: CellContextMenuDetail) => {\n this.#cellClick.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n hideZoomBar={this.hideZoomBar}\n doNotResetActiveTargetForSelector={\n this.doNotResetActiveTargetForSelector\n }\n doNotResetActiveTargetOutsideCanvas={\n this.doNotResetActiveTargetOutsideCanvas\n }\n autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n onCellClick={this.#handleCellClick}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n layout,\n layoutOptions,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n hideZoomBar,\n autoCenterWhenCellsChange,\n doNotResetActiveTargetForSelector,\n doNotResetActiveTargetOutsideCanvas,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n onCellClick,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 1,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: true,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n autoCenterWhenCellsChange,\n dispatch,\n });\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n const previousCellsRef = useRef(initialCells);\n\n useEffect(() => {\n if (initialCells !== previousCellsRef.current) {\n previousCellsRef.current = initialCells;\n const result = updateCells({\n canvasWidth: shadowRoot.host.clientWidth,\n canvasHeight: shadowRoot.host.clientHeight,\n defaultNodeSize,\n layout,\n previousCells: cells,\n cells: initialCells,\n scaleRange,\n transform,\n });\n dispatch({ type: \"update-cells\", payload: result.cells });\n }\n }, [\n cells,\n defaultNodeSize,\n initialCells,\n layout,\n scaleRange,\n shadowRoot,\n transform,\n ]);\n\n const activeTarget = useActiveTarget({\n rootRef,\n activeTarget: _activeTarget,\n doNotResetActiveTargetForSelector,\n doNotResetActiveTargetOutsideCanvas,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: getNextLayoutKey(),\n });\n },\n [getNextLayoutKey]\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const { lineConfMap, markers } = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={marker.markerType}\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\">\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={layout}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n activeTarget={activeTarget}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onCellClick={onCellClick}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n {!hideZoomBar && (\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n )}\n </>\n );\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_handleCellContextMenu","_U","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
1
+ {"version":3,"file":"chunks/eo-display-canvas.d3cb3888.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n LayoutType,\n LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n DEFAULT_DEGRADED_THRESHOLD,\n DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n hideZoomBar?: boolean;\n autoCenterWhenCellsChange?: boolean;\n doNotResetActiveTargetForSelector?: string;\n doNotResetActiveTargetOutsideCanvas?: boolean;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 用于查看的画布可以更新 `cells` 属性。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时,隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | 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 /**\n * 隐藏右下角放大缩小的控制栏\n */\n @property({ type: Boolean })\n accessor hideZoomBar: boolean | undefined;\n\n /**\n * 每当 cells 改变时,重新自动居中\n */\n @property({ type: Boolean })\n accessor autoCenterWhenCellsChange: boolean | undefined;\n\n /**\n * 选择器,点击该选择器对应的元素时不重置 `activeTarget`。\n */\n @property()\n accessor doNotResetActiveTargetForSelector: string | undefined;\n\n /**\n * 在画布外点击时不重置 `activeTarget`。\n */\n @property({ type: Boolean })\n accessor doNotResetActiveTargetOutsideCanvas: boolean | 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 #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"cell.click\" })\n accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellClick = (detail: CellContextMenuDetail) => {\n this.#cellClick.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n hideZoomBar={this.hideZoomBar}\n doNotResetActiveTargetForSelector={\n this.doNotResetActiveTargetForSelector\n }\n doNotResetActiveTargetOutsideCanvas={\n this.doNotResetActiveTargetOutsideCanvas\n }\n autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n onCellClick={this.#handleCellClick}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n layout,\n layoutOptions,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n hideZoomBar,\n autoCenterWhenCellsChange,\n doNotResetActiveTargetForSelector,\n doNotResetActiveTargetOutsideCanvas,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n onCellClick,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 1,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: true,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n autoCenterWhenCellsChange,\n dispatch,\n });\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n const previousCellsRef = useRef(initialCells);\n\n useEffect(() => {\n if (initialCells !== previousCellsRef.current) {\n previousCellsRef.current = initialCells;\n const result = updateCells({\n canvasWidth: shadowRoot.host.clientWidth,\n canvasHeight: shadowRoot.host.clientHeight,\n defaultNodeSize,\n layout,\n previousCells: cells,\n cells: initialCells,\n scaleRange,\n transform,\n });\n dispatch({ type: \"update-cells\", payload: result.cells });\n }\n }, [\n cells,\n defaultNodeSize,\n initialCells,\n layout,\n scaleRange,\n shadowRoot,\n transform,\n ]);\n\n const activeTarget = useActiveTarget({\n rootRef,\n activeTarget: _activeTarget,\n doNotResetActiveTargetForSelector,\n doNotResetActiveTargetOutsideCanvas,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: getNextLayoutKey(),\n });\n },\n [getNextLayoutKey]\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const { lineConfMap, markers } = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={marker.markerType}\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\">\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={layout}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n activeTarget={activeTarget}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onCellClick={onCellClick}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n {!hideZoomBar && (\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n )}\n </>\n );\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_handleCellContextMenu","_U","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
@@ -1,2 +1,2 @@
1
- "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Xt,EoDrawCanvasComponent:()=>It,uuidV4:()=>Xa});var i,s=a(4635),n=a(918),l=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(300),p=a(4295),v=a(3078),y=(a(6477),a(1030)),w=a(3373),C=a.n(w),f=a(7566),m=a(5748),k=a(3739),b=a(531),E=a(8185),x=a(5114),M=a(4932),T=a(3639),N=a(3783),W=a(2098),S=a(227),R=a(3033),z=a(8091),B=a(1819),L=a(7099),D=a(1484),O=a(8197),P=a(7531),H=a(8875),$=a(2722),F=a(9978),_=a(2219),K=a(3012),U=a(6237),j=a(1103),V=a(9386),I=a(1991),X=a(2202),Y=a(1825);let q,G,J,Z,Q,ee,te,ae,ie,se,ne,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,ye,we,Ce,fe,me,ke,be,Ee,xe,Me,Te,Ne,We,Se,Re,ze,Be,Le,De,Oe,Pe,He,$e,Fe,_e,Ke,Ue,je,Ve,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,it,st,nt,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,yt,wt,Ct,ft,mt,kt,bt,Et,xt,Mt,Tt,Nt,Wt,St,Rt,zt,Bt,Lt,Dt,Ot,Pt,Ht,$t,Ft;const _t=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Kt,property:Ut,method:jt,event:Vt}=(0,A.createDecorators)(),It=g().forwardRef(Ia);let Xt;var Yt=new WeakMap,qt=new WeakMap,Gt=new WeakMap,Jt=new WeakMap,Zt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,ia=new WeakMap,sa=new WeakMap,na=new WeakMap,la=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,va=new WeakSet,ya=new WeakMap,wa=new WeakMap,Ca=new WeakMap,fa=new WeakMap,ma=new WeakMap,ka=new WeakMap,ba=new WeakMap,Ea=new WeakMap,xa=new WeakMap,Ma=new WeakMap,Ta=new WeakMap,Na=new WeakMap,Wa=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,za=new WeakMap,Ba=new WeakMap,La=new WeakMap,Da=new WeakMap,Oa=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,$a=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Ka=new WeakMap,Ua=new WeakMap;class ja extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,va),(0,n.A)(this,Yt,(q(this),J(this))),(0,n.A)(this,qt,(Z(this),Q(this))),(0,n.A)(this,Gt,(ee(this),te(this))),(0,n.A)(this,Jt,(ae(this),ie(this,[R.HP,R.HP]))),(0,n.A)(this,Zt,(se(this),ne(this))),(0,n.A)(this,Qt,(le(this),oe(this))),(0,n.A)(this,ea,(re(this),de(this))),(0,n.A)(this,ta,(he(this),ce(this))),(0,n.A)(this,aa,(ue(this),ge(this))),(0,n.A)(this,ia,(Ae(this),pe(this))),(0,n.A)(this,sa,(ve(this),ye(this,!0))),(0,n.A)(this,na,(we(this),Ce(this,!0))),(0,n.A)(this,la,(fe(this),me(this,!0))),(0,n.A)(this,oa,(ke(this),be(this,!1))),(0,n.A)(this,ra,(Ee(this),xe(this))),(0,n.A)(this,da,(Me(this),Te(this))),(0,n.A)(this,ha,(Ne(this),We(this))),(0,n.A)(this,ca,(Se(this),Re(this))),(0,n.A)(this,ua,(ze(this),Be(this))),(0,n.A)(this,ga,(Le(this),De(this))),(0,n.A)(this,Aa,(Oe(this),Pe(this))),(0,n.A)(this,pa,(He(this),$e(this))),(0,n.A)(this,ya,(Ke(this),e=>{(0,r.A)(va,this,Fe).emit(e)})),(0,n.A)(this,wa,(e=>{(0,E.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,n.A)(this,Ca,Ue(this)),(0,n.A)(this,fa,(Ie(this),Xe(this))),(0,n.A)(this,ma,(Ge(this),e=>{(0,r.A)(va,this,Ye).emit(e),"node"===e.type&&(0,r.A)(va,this,je).emit(e)})),(0,n.A)(this,ka,Je(this)),(0,n.A)(this,ba,(et(this),e=>{(0,r.A)(va,this,Ze).emit(e)})),(0,n.A)(this,Ea,tt(this)),(0,n.A)(this,xa,(st(this),e=>{(0,r.A)(va,this,at).emit(e)})),(0,n.A)(this,Ma,nt(this)),(0,n.A)(this,Ta,(rt(this),dt(this))),(0,n.A)(this,Na,(ut(this),e=>{(0,r.A)(va,this,ht).emit(e),"node"===e.type&&(0,r.A)(va,this,lt).emit(e)})),(0,n.A)(this,Wa,gt(this)),(0,n.A)(this,Sa,(vt(this),e=>{(0,r.A)(va,this,At).emit(e)})),(0,n.A)(this,Ra,yt(this)),(0,n.A)(this,za,(ft(this),e=>{(0,r.A)(va,this,wt).emit(e)})),(0,n.A)(this,Ba,mt(this)),(0,n.A)(this,La,(Et(this),e=>{(0,r.A)(va,this,kt).emit(e)})),(0,n.A)(this,Da,xt(this)),(0,n.A)(this,Oa,(Nt(this),e=>{(0,r.A)(va,this,Mt).emit(e)})),(0,n.A)(this,Pa,Wt(this)),(0,n.A)(this,Ha,(zt(this),e=>{(0,r.A)(va,this,St).emit(e)})),(0,n.A)(this,$a,Bt(this)),(0,n.A)(this,Fa,(Ot(this),e=>{(0,r.A)(va,this,Lt).emit(e)})),(0,n.A)(this,_a,Pt(this)),(0,n.A)(this,Ka,(Ft(this),e=>{(0,r.A)(va,this,Ht).emit(e)})),(0,n.A)(this,Ua,(0,u.createRef)())}get cells(){return(0,h.A)(Yt,this)}set cells(e){(0,d.A)(Yt,this,e)}get layout(){return(0,h.A)(qt,this)}set layout(e){(0,d.A)(qt,this,e)}get layoutOptions(){return(0,h.A)(Gt,this)}set layoutOptions(e){(0,d.A)(Gt,this,e)}get defaultNodeSize(){return(0,h.A)(Jt,this)}set defaultNodeSize(e){(0,d.A)(Jt,this,e)}get defaultNodeBricks(){return(0,h.A)(Zt,this)}set defaultNodeBricks(e){(0,d.A)(Zt,this,e)}get degradedThreshold(){return(0,h.A)(Qt,this)}set degradedThreshold(e){(0,d.A)(Qt,this,e)}get degradedNodeLabel(){return(0,h.A)(ea,this)}set degradedNodeLabel(e){(0,d.A)(ea,this,e)}get defaultEdgeLines(){return(0,h.A)(ta,this)}set defaultEdgeLines(e){(0,d.A)(ta,this,e)}get activeTarget(){return(0,h.A)(aa,this)}set activeTarget(e){(0,d.A)(aa,this,e)}get fadeUnrelatedCells(){return(0,h.A)(ia,this)}set fadeUnrelatedCells(e){(0,d.A)(ia,this,e)}get zoomable(){return(0,h.A)(sa,this)}set zoomable(e){(0,d.A)(sa,this,e)}get scrollable(){return(0,h.A)(na,this)}set scrollable(e){(0,d.A)(na,this,e)}get pannable(){return(0,h.A)(la,this)}set pannable(e){(0,d.A)(la,this,e)}get allowEdgeToArea(){return(0,h.A)(oa,this)}set allowEdgeToArea(e){(0,d.A)(oa,this,e)}get dragBehavior(){return(0,h.A)(ra,this)}set dragBehavior(e){(0,d.A)(ra,this,e)}get ctrlDragBehavior(){return(0,h.A)(da,this)}set ctrlDragBehavior(e){(0,d.A)(da,this,e)}get scaleRange(){return(0,h.A)(ha,this)}set scaleRange(e){(0,d.A)(ha,this,e)}get lineSettings(){return(0,h.A)(ca,this)}set lineSettings(e){(0,d.A)(ca,this,e)}get lineConnector(){return(0,h.A)(ua,this)}set lineConnector(e){(0,d.A)(ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ga,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(ga,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Aa,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Aa,this,e)}async dropNode(e){var t,a;let{id:i,position:s,size:n,data:l,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,d,c;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"node",id:i,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!==(r=null==n?void 0:n[0])&&void 0!==r?r:this.defaultNodeSize[0],height:null!==(d=null==n?void 0:n[1])&&void 0!==d?d:this.defaultNodeSize[0]},data:l,useBrick:o};return null===(c=(0,h.A)(Ua,this).current)||void 0===c||c.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:i,decorator:s,text:n,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"decorator",decorator:s,id:Xa(),view:{x:(i[0]-e.left-t.x)/t.k,y:(i[1]-e.top-t.y)/t.k,width:R.N8,height:R.w1,text:n,direction:l}};return null===(o=(0,h.A)(Ua,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:i,useBrick:s,id:n,data:l}=e;return{type:"node",id:n,data:l,view:{width:null!==(t=null==i?void 0:i[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==i?void 0:i[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:s}}));return(0,h.A)(Ua,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:i,data:s}=e;const n={type:"edge",source:a,target:i,data:s,view:this.lineSettings};return null===(t=(0,h.A)(Ua,this).current)||void 0===t||t.addEdge(n),n}manuallyConnectNodes(e){return(0,h.A)(Ua,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(va,this,Va).call(this);const{updated:a}=(0,h.A)(Ua,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),_t(this,!1)}render(){return g().createElement(It,{host:this,ref:(0,h.A)(Ua,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,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,h.A)(ya,this),onSwitchActiveTarget:(0,h.A)(wa,this),onCellMove:(0,h.A)(ma,this),onCellsMove:(0,h.A)(ba,this),onCellResize:(0,h.A)(xa,this),onCellDelete:(0,h.A)(Na,this),onCellsDelete:(0,h.A)(Sa,this),onEdgeAdd:(0,h.A)(La,this),onCellContextMenu:(0,h.A)(za,this),onDecoratorTextChange:(0,h.A)(Ha,this),onContainerContainerChange:(0,h.A)(Fa,this),onScaleChange:(0,h.A)(Ka,this),onEdgeViewChange:(0,h.A)(Oa,this)})}}function Va(){return new Promise((e=>{const t=()=>{(0,h.A)(Ua,this).current?e():setTimeout(t,10)};t()}))}function Ia(e,t){let{host:a,layout:i,layoutOptions:s,cells:n,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:w,dragBehavior:E,ctrlDragBehavior:K,scaleRange:U,lineSettings:q,lineConnector:G,allowEdgeToArea:J,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee,onSwitchActiveTarget:te,onCellMove:ae,onCellResize:ie,onCellDelete:se,onCellsMove:ne,onCellsDelete:le,onCellContextMenu:oe,onEdgeAdd:re,onDecoratorTextChange:de,onScaleChange:he,onContainerContainerChange:ce,onEdgeViewChange:ue}=e;const[{cells:ge,layoutKey:Ae},pe]=(0,u.useReducer)(m.d,n,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l}),layoutKey:0}))),ve=(0,u.useMemo)((()=>ge.filter(b.N).length>=(null!=d?d:R.pC)),[ge,d]),ye=(0,u.useRef)(null),we=(0,u.useRef)(null),[Ce,fe]=(0,u.useState)([]),[me,ke]=(0,u.useState)([]),{grabbing:be,transform:Ee,zoomer:xe,scaleRange:Me}=(0,z.f)({rootRef:ye,zoomable:p,scrollable:v,pannable:w,draggable:"grab"===E,ctrlDraggable:"grab"===K,scaleRange:U,onSwitchActiveTarget:te});(0,u.useEffect)((()=>{he(Ee.k)}),[he,Ee.k]);const[Te,Ne]=(0,u.useState)(null),[We,Se]=(0,u.useState)(null),{centered:Re,setCentered:ze,getNextLayoutKey:Be}=(0,D.g)({layout:i,layoutOptions:s,rootRef:ye,cells:ge,zoomable:p,zoomer:xe,scaleRange:Me,layoutKey:Ae,allowEdgeToArea:J,dispatch:pe});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&ze(!0),pe({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&ze(!0),pe({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:n}=t;const l=ge.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...ge.slice(0,l),...e,...ge.slice(l)],{cells:r,updated:d,shouldReCenter:h}=(0,W.L)({cells:o,layout:i,previousCells:ge,defaultNodeSize:a,canvasWidth:s,canvasHeight:n,scaleRange:Me,transform:Ee,allowEdgeToArea:J});return h&&ze(!1),pe({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){pe({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,W.L)({...t,layout:i,previousCells:ge,cells:e,scaleRange:Me,transform:Ee,allowEdgeToArea:J});return a&&ze(!1),pe({type:"update-cells",payload:s.cells}),s},getTransform:()=>Ee,manuallyConnectNodes(e){const t=ge.find((t=>(0,b.bo)(t,J)&&t.id===e));if(t){const e=ye.current.getBoundingClientRect();return Se({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)=>{we.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[ge,i,Me,ze,Ee,J]);const Le=(0,u.useCallback)(((e,t)=>{var a;for(let a=ge.length-1;a>=0;a--){const s=ge[a];if((0,b.bo)(s,J)&&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 i;null===(i=we.current)||void 0===i||i.resolve({source:e.source,target:s});break}}null===(a=we.current)||void 0===a||a.reject(null),Se(null)}),[J,ge]),[De,Oe]=(0,u.useState)(null);(0,u.useEffect)((()=>{_t(a,!!(We||De||Te))}),[We,a,De,Te]);const Pe=(0,B.J)({rootRef:ye,activeTarget:c,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee}),[He,$e]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,S.Y)(ge,We,Pe,J):[];$e((t=>0===t.length&&0===e.length?t:e))}),[Pe,ge,We,A,J]),(0,u.useEffect)((()=>{const e=ye.current;if(!e||Ce.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:ge,activeTarget:Pe});"delete-cells"===(null==t?void 0:t.action)&&(le(t.cells),1===t.cells.length&&se(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Pe,ge,Ce.length,se,le]);const Fe=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[_e,Ke]=(0,u.useState)([]),Ue=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e});const t=[];(0,I._)(e,ge).forEach((e=>{var a,i;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(i=e.containerCell)||void 0===i?void 0:i.id)})),ke(t),Ke(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]})))}),[ge]),je=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e}),ne(e),1===e.length&&ae(e[0]),(0,I._)(e,ge,ce),ke([]),Ke([])}),[ae,ne,ge,ce]),Ve=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e})}),[]),Ie=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e}),ie(e)}),[ie]),Xe=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;fe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ye=(0,u.useCallback)(((e,t)=>{const a=Be();pe({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Be]),qe=(0,u.useCallback)((e=>{xe.scaleTo((0,f.A)(ye.current),e/100)}),[xe]),Ge=(0,u.useCallback)((()=>{ze(!1)}),[ze]),{lineConfMap:Je,lineConnectorConf:Ze,markers:Qe}=(0,P.d)({cells:ge,defaultEdgeLines:r,lineConnector:G,markerPrefix:Fe}),et=(0,O.H)({cells:ge,layout:i,centered:Re}),[tt,at]=(0,u.useState)(null),it=(0,u.useRef)(null),[st,nt]=(0,u.useState)(null),[lt,ot]=(0,u.useState)(null),rt=(0,u.useCallback)((e=>{if(Ze&&(0,b.bo)(e,J)&&(!lt||"control"!==lt.type)){null!==it.current&&(clearTimeout(it.current),it.current=null);const t=(0,H.G)();at({cell:e,relativePoints:t,points:Ya(t,e.view)})}}),[J,Ze,lt]),dt=(0,u.useCallback)((e=>{Ze&&(0,b.N)(e)&&(it.current=setTimeout((()=>{at(null)})))}),[Ze]),ht=(0,u.useCallback)(((e,t,a,i)=>{const s={source:e.id,target:t.id,view:{...q,exitPosition:a,entryPosition:i,vertices:null}};if(ge.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))pe({type:"change-edge-view",payload:s}),null==ue||ue(s);else{const a={type:"edge",...s};pe({type:"add-edge",payload:a}),re({source:e,target:t,view:a.view})}}),[ge,q,re,ue]),ct=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};pe({type:"change-edge-view",payload:i}),null==ue||ue(i)}),[ue]),ut=(0,u.useMemo)((()=>({rootRef:ye,smartConnectLineState:De,unsetHoverStateTimeoutRef:it,hoverState:tt,activeEditableLine:st,lineEditorState:lt,setLineEditorState:ot,setActiveEditableLine:nt,setHoverState:at,setSmartConnectLineState:Oe,onConnect:ht,onChangeEdgeView:ct})),[st,ct,ht,tt,lt,De]);return(0,u.useEffect)((()=>{const e=ye.current;if(!e||"lasso"!==E)return;const t=e.getBoundingClientRect(),a=e=>{(0,_.F)(e,{transform:Ee,offset:[t.left,t.top],onLassoing(e){Ne(e)},onLassoed(e){Ne(null);const t=[];for(const a of ge)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const i=a.view.x,s=a.view.y;i>=e.x&&i+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==te||te(t.length>1?{type:"multi",targets:t.map(V.P)}:1===t.length?(0,V.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Ee,ge,E,te]),g().createElement(F.H.Provider,{value:ut},g().createElement("svg",{width:"100%",height:"100%",ref:ye,className:C()("root",{grabbing:be,pannable:w,ready:et}),tabIndex:-1},g().createElement("defs",null,Qe.map(((e,t)=>g().createElement(k.c,{key:t,id:`${Fe}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Ee.x} ${Ee.y}) scale(${Ee.k})`},g().createElement("g",{className:C()("cells",{allowEdgeToArea:J})},ge.map((e=>g().createElement(M.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&me.includes(e.id),layout:i,layoutOptions:s,cell:e,cells:ge,degraded:ve,degradedNodeLabel:h,defaultNodeBricks:o,transform:Ee,lineConfMap:Je,activeTarget:Pe,unrelatedCells:He,allowEdgeToArea:J,onCellsMoving:Ue,onCellsMoved:je,onCellResizing:Ve,onCellResized:Ie,onSwitchActiveTarget:te,onCellContextMenu:oe,onDecoratorTextChange:de,onDecoratorTextEditing:Xe,onNodeBrickResize:Ye,onCellMouseEnter:rt,onCellMouseLeave:dt})))),g().createElement("g",null,g().createElement(T.w,{connectLineState:We,transform:Ee,markerEnd:`${Fe}0`,onConnect:Le})),Te&&g().createElement("rect",{x:Te.x,y:Te.y,width:Te.width,height:Te.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ze&&g().createElement("g",null,g().createElement(j.X,{transform:Ee,lineSettings:q,options:Ze}),g().createElement(Y.W,{transform:Ee,options:Ze})),g().createElement("g",null,_e.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Ee.k})))),g().createElement("g",null,Ze&&g().createElement(X.F,{scale:Ee.k})),Ze&&g().createElement($.T,{activeTarget:Pe,scale:Ee.k,disabled:!!We}))),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:Ee.k,scaleRange:Me,onZoomChange:qe,onReCenter:Ge}))}function Xa(){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)}))}function Ya(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,s=i/2,n=t.x+a/2-s,l=t.y+a/2-s,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:n+e.x*o,y:l+e.y*r})))}i=ja,({e:[J,Z,Q,ee,te,ae,ie,se,ne,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,ye,we,Ce,fe,me,ke,be,Ee,xe,Me,Te,Ne,We,Se,Re,ze,Be,Le,De,Oe,Pe,He,$e,Fe,_e,Ke,Ue,je,Ve,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,it,st,nt,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,yt,wt,Ct,ft,mt,kt,bt,Et,xt,Mt,Tt,Nt,Wt,St,Rt,zt,Bt,Lt,Dt,Ot,Pt,Ht,$t,Ft,q],c:[Xt,G]}=(0,c.A)(i,[Kt("eo-draw-canvas",{styleTexts:[K.A,U.A]})],[[Ut({attribute:!1}),1,"cells"],[Ut({type:String}),1,"layout"],[Ut({attribute:!1}),1,"layoutOptions"],[Ut({attribute:!1}),1,"defaultNodeSize"],[Ut({attribute:!1}),1,"defaultNodeBricks"],[Ut({type:Number}),1,"degradedThreshold"],[Ut({attribute:!1}),1,"degradedNodeLabel"],[Ut({attribute:!1}),1,"defaultEdgeLines"],[Ut({attribute:!1}),1,"activeTarget"],[Ut({type:Boolean}),1,"fadeUnrelatedCells"],[Ut({type:Boolean}),1,"zoomable"],[Ut({type:Boolean}),1,"scrollable"],[Ut({type:Boolean}),1,"pannable"],[Ut({type:Boolean}),1,"allowEdgeToArea"],[Ut(),1,"dragBehavior"],[Ut(),1,"ctrlDragBehavior"],[Ut({attribute:!1}),1,"scaleRange"],[Ut({attribute:!1}),1,"lineSettings"],[Ut({attribute:!1}),1,"lineConnector"],[Ut(),1,"doNotResetActiveTargetForSelector"],[Ut({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Vt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[Vt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(Ca,e),(e,t)=>(0,d.A)(Ca,e,t)],[Vt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Vt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Vt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Ea,e),(e,t)=>(0,d.A)(Ea,e,t)],[Vt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Vt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(Ta,e),(e,t)=>(0,d.A)(Ta,e,t)],[Vt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Vt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(Ra,e),(e,t)=>(0,d.A)(Ra,e,t)],[Vt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(Ba,e),(e,t)=>(0,d.A)(Ba,e,t)],[Vt({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[Vt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(Pa,e),(e,t)=>(0,d.A)(Pa,e,t)],[Vt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)($a,e),(e,t)=>(0,d.A)($a,e,t)],[Vt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(_a,e),(e,t)=>(0,d.A)(_a,e,t)],[jt(),2,"dropNode"],[jt(),2,"dropDecorator"],[jt(),2,"addNodes"],[jt(),2,"addEdge"],[jt(),2,"manuallyConnectNodes"],[jt(),2,"updateCells"]],0,(e=>Ua.has((0,l.A)(e))),p.ReactNextElement)),G()}}]);
2
- //# sourceMappingURL=eo-draw-canvas.bf162c54.js.map
1
+ "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Xt,EoDrawCanvasComponent:()=>It,uuidV4:()=>Xa});var i,s=a(4635),n=a(918),l=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(300),p=a(4295),v=a(3078),y=(a(6477),a(1030)),w=a(3373),C=a.n(w),f=a(7566),m=a(5748),k=a(3739),b=a(531),E=a(8185),x=a(5114),M=a(7031),T=a(3639),N=a(3783),W=a(2098),S=a(227),R=a(3033),z=a(8091),B=a(1819),L=a(7099),D=a(1484),O=a(8197),P=a(7531),H=a(8875),$=a(2722),F=a(9978),_=a(2219),K=a(3012),U=a(6237),j=a(1103),V=a(9386),I=a(1991),X=a(2202),Y=a(1825);let q,G,J,Z,Q,ee,te,ae,ie,se,ne,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,ye,we,Ce,fe,me,ke,be,Ee,xe,Me,Te,Ne,We,Se,Re,ze,Be,Le,De,Oe,Pe,He,$e,Fe,_e,Ke,Ue,je,Ve,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,it,st,nt,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,yt,wt,Ct,ft,mt,kt,bt,Et,xt,Mt,Tt,Nt,Wt,St,Rt,zt,Bt,Lt,Dt,Ot,Pt,Ht,$t,Ft;const _t=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Kt,property:Ut,method:jt,event:Vt}=(0,A.createDecorators)(),It=g().forwardRef(Ia);let Xt;var Yt=new WeakMap,qt=new WeakMap,Gt=new WeakMap,Jt=new WeakMap,Zt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,ia=new WeakMap,sa=new WeakMap,na=new WeakMap,la=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,va=new WeakSet,ya=new WeakMap,wa=new WeakMap,Ca=new WeakMap,fa=new WeakMap,ma=new WeakMap,ka=new WeakMap,ba=new WeakMap,Ea=new WeakMap,xa=new WeakMap,Ma=new WeakMap,Ta=new WeakMap,Na=new WeakMap,Wa=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,za=new WeakMap,Ba=new WeakMap,La=new WeakMap,Da=new WeakMap,Oa=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,$a=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Ka=new WeakMap,Ua=new WeakMap;class ja extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,va),(0,n.A)(this,Yt,(q(this),J(this))),(0,n.A)(this,qt,(Z(this),Q(this))),(0,n.A)(this,Gt,(ee(this),te(this))),(0,n.A)(this,Jt,(ae(this),ie(this,[R.HP,R.HP]))),(0,n.A)(this,Zt,(se(this),ne(this))),(0,n.A)(this,Qt,(le(this),oe(this))),(0,n.A)(this,ea,(re(this),de(this))),(0,n.A)(this,ta,(he(this),ce(this))),(0,n.A)(this,aa,(ue(this),ge(this))),(0,n.A)(this,ia,(Ae(this),pe(this))),(0,n.A)(this,sa,(ve(this),ye(this,!0))),(0,n.A)(this,na,(we(this),Ce(this,!0))),(0,n.A)(this,la,(fe(this),me(this,!0))),(0,n.A)(this,oa,(ke(this),be(this,!1))),(0,n.A)(this,ra,(Ee(this),xe(this))),(0,n.A)(this,da,(Me(this),Te(this))),(0,n.A)(this,ha,(Ne(this),We(this))),(0,n.A)(this,ca,(Se(this),Re(this))),(0,n.A)(this,ua,(ze(this),Be(this))),(0,n.A)(this,ga,(Le(this),De(this))),(0,n.A)(this,Aa,(Oe(this),Pe(this))),(0,n.A)(this,pa,(He(this),$e(this))),(0,n.A)(this,ya,(Ke(this),e=>{(0,r.A)(va,this,Fe).emit(e)})),(0,n.A)(this,wa,(e=>{(0,E.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,n.A)(this,Ca,Ue(this)),(0,n.A)(this,fa,(Ie(this),Xe(this))),(0,n.A)(this,ma,(Ge(this),e=>{(0,r.A)(va,this,Ye).emit(e),"node"===e.type&&(0,r.A)(va,this,je).emit(e)})),(0,n.A)(this,ka,Je(this)),(0,n.A)(this,ba,(et(this),e=>{(0,r.A)(va,this,Ze).emit(e)})),(0,n.A)(this,Ea,tt(this)),(0,n.A)(this,xa,(st(this),e=>{(0,r.A)(va,this,at).emit(e)})),(0,n.A)(this,Ma,nt(this)),(0,n.A)(this,Ta,(rt(this),dt(this))),(0,n.A)(this,Na,(ut(this),e=>{(0,r.A)(va,this,ht).emit(e),"node"===e.type&&(0,r.A)(va,this,lt).emit(e)})),(0,n.A)(this,Wa,gt(this)),(0,n.A)(this,Sa,(vt(this),e=>{(0,r.A)(va,this,At).emit(e)})),(0,n.A)(this,Ra,yt(this)),(0,n.A)(this,za,(ft(this),e=>{(0,r.A)(va,this,wt).emit(e)})),(0,n.A)(this,Ba,mt(this)),(0,n.A)(this,La,(Et(this),e=>{(0,r.A)(va,this,kt).emit(e)})),(0,n.A)(this,Da,xt(this)),(0,n.A)(this,Oa,(Nt(this),e=>{(0,r.A)(va,this,Mt).emit(e)})),(0,n.A)(this,Pa,Wt(this)),(0,n.A)(this,Ha,(zt(this),e=>{(0,r.A)(va,this,St).emit(e)})),(0,n.A)(this,$a,Bt(this)),(0,n.A)(this,Fa,(Ot(this),e=>{(0,r.A)(va,this,Lt).emit(e)})),(0,n.A)(this,_a,Pt(this)),(0,n.A)(this,Ka,(Ft(this),e=>{(0,r.A)(va,this,Ht).emit(e)})),(0,n.A)(this,Ua,(0,u.createRef)())}get cells(){return(0,h.A)(Yt,this)}set cells(e){(0,d.A)(Yt,this,e)}get layout(){return(0,h.A)(qt,this)}set layout(e){(0,d.A)(qt,this,e)}get layoutOptions(){return(0,h.A)(Gt,this)}set layoutOptions(e){(0,d.A)(Gt,this,e)}get defaultNodeSize(){return(0,h.A)(Jt,this)}set defaultNodeSize(e){(0,d.A)(Jt,this,e)}get defaultNodeBricks(){return(0,h.A)(Zt,this)}set defaultNodeBricks(e){(0,d.A)(Zt,this,e)}get degradedThreshold(){return(0,h.A)(Qt,this)}set degradedThreshold(e){(0,d.A)(Qt,this,e)}get degradedNodeLabel(){return(0,h.A)(ea,this)}set degradedNodeLabel(e){(0,d.A)(ea,this,e)}get defaultEdgeLines(){return(0,h.A)(ta,this)}set defaultEdgeLines(e){(0,d.A)(ta,this,e)}get activeTarget(){return(0,h.A)(aa,this)}set activeTarget(e){(0,d.A)(aa,this,e)}get fadeUnrelatedCells(){return(0,h.A)(ia,this)}set fadeUnrelatedCells(e){(0,d.A)(ia,this,e)}get zoomable(){return(0,h.A)(sa,this)}set zoomable(e){(0,d.A)(sa,this,e)}get scrollable(){return(0,h.A)(na,this)}set scrollable(e){(0,d.A)(na,this,e)}get pannable(){return(0,h.A)(la,this)}set pannable(e){(0,d.A)(la,this,e)}get allowEdgeToArea(){return(0,h.A)(oa,this)}set allowEdgeToArea(e){(0,d.A)(oa,this,e)}get dragBehavior(){return(0,h.A)(ra,this)}set dragBehavior(e){(0,d.A)(ra,this,e)}get ctrlDragBehavior(){return(0,h.A)(da,this)}set ctrlDragBehavior(e){(0,d.A)(da,this,e)}get scaleRange(){return(0,h.A)(ha,this)}set scaleRange(e){(0,d.A)(ha,this,e)}get lineSettings(){return(0,h.A)(ca,this)}set lineSettings(e){(0,d.A)(ca,this,e)}get lineConnector(){return(0,h.A)(ua,this)}set lineConnector(e){(0,d.A)(ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ga,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(ga,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Aa,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Aa,this,e)}async dropNode(e){var t,a;let{id:i,position:s,size:n,data:l,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,d,c;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"node",id:i,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!==(r=null==n?void 0:n[0])&&void 0!==r?r:this.defaultNodeSize[0],height:null!==(d=null==n?void 0:n[1])&&void 0!==d?d:this.defaultNodeSize[0]},data:l,useBrick:o};return null===(c=(0,h.A)(Ua,this).current)||void 0===c||c.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:i,decorator:s,text:n,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ua,this).current.getTransform(),a={type:"decorator",decorator:s,id:Xa(),view:{x:(i[0]-e.left-t.x)/t.k,y:(i[1]-e.top-t.y)/t.k,width:R.N8,height:R.w1,text:n,direction:l}};return null===(o=(0,h.A)(Ua,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:i,useBrick:s,id:n,data:l}=e;return{type:"node",id:n,data:l,view:{width:null!==(t=null==i?void 0:i[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==i?void 0:i[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:s}}));return(0,h.A)(Ua,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:i,data:s}=e;const n={type:"edge",source:a,target:i,data:s,view:this.lineSettings};return null===(t=(0,h.A)(Ua,this).current)||void 0===t||t.addEdge(n),n}manuallyConnectNodes(e){return(0,h.A)(Ua,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(va,this,Va).call(this);const{updated:a}=(0,h.A)(Ua,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),_t(this,!1)}render(){return g().createElement(It,{host:this,ref:(0,h.A)(Ua,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,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,h.A)(ya,this),onSwitchActiveTarget:(0,h.A)(wa,this),onCellMove:(0,h.A)(ma,this),onCellsMove:(0,h.A)(ba,this),onCellResize:(0,h.A)(xa,this),onCellDelete:(0,h.A)(Na,this),onCellsDelete:(0,h.A)(Sa,this),onEdgeAdd:(0,h.A)(La,this),onCellContextMenu:(0,h.A)(za,this),onDecoratorTextChange:(0,h.A)(Ha,this),onContainerContainerChange:(0,h.A)(Fa,this),onScaleChange:(0,h.A)(Ka,this),onEdgeViewChange:(0,h.A)(Oa,this)})}}function Va(){return new Promise((e=>{const t=()=>{(0,h.A)(Ua,this).current?e():setTimeout(t,10)};t()}))}function Ia(e,t){let{host:a,layout:i,layoutOptions:s,cells:n,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:w,dragBehavior:E,ctrlDragBehavior:K,scaleRange:U,lineSettings:q,lineConnector:G,allowEdgeToArea:J,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee,onSwitchActiveTarget:te,onCellMove:ae,onCellResize:ie,onCellDelete:se,onCellsMove:ne,onCellsDelete:le,onCellContextMenu:oe,onEdgeAdd:re,onDecoratorTextChange:de,onScaleChange:he,onContainerContainerChange:ce,onEdgeViewChange:ue}=e;const[{cells:ge,layoutKey:Ae},pe]=(0,u.useReducer)(m.d,n,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l}),layoutKey:0}))),ve=(0,u.useMemo)((()=>ge.filter(b.N).length>=(null!=d?d:R.pC)),[ge,d]),ye=(0,u.useRef)(null),we=(0,u.useRef)(null),[Ce,fe]=(0,u.useState)([]),[me,ke]=(0,u.useState)([]),{grabbing:be,transform:Ee,zoomer:xe,scaleRange:Me}=(0,z.f)({rootRef:ye,zoomable:p,scrollable:v,pannable:w,draggable:"grab"===E,ctrlDraggable:"grab"===K,scaleRange:U,onSwitchActiveTarget:te});(0,u.useEffect)((()=>{he(Ee.k)}),[he,Ee.k]);const[Te,Ne]=(0,u.useState)(null),[We,Se]=(0,u.useState)(null),{centered:Re,setCentered:ze,getNextLayoutKey:Be}=(0,D.g)({layout:i,layoutOptions:s,rootRef:ye,cells:ge,zoomable:p,zoomer:xe,scaleRange:Me,layoutKey:Ae,allowEdgeToArea:J,dispatch:pe});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&ze(!0),pe({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&ze(!0),pe({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:n}=t;const l=ge.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...ge.slice(0,l),...e,...ge.slice(l)],{cells:r,updated:d,shouldReCenter:h}=(0,W.L)({cells:o,layout:i,previousCells:ge,defaultNodeSize:a,canvasWidth:s,canvasHeight:n,scaleRange:Me,transform:Ee,allowEdgeToArea:J});return h&&ze(!1),pe({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){pe({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,W.L)({...t,layout:i,previousCells:ge,cells:e,scaleRange:Me,transform:Ee,allowEdgeToArea:J});return a&&ze(!1),pe({type:"update-cells",payload:s.cells}),s},getTransform:()=>Ee,manuallyConnectNodes(e){const t=ge.find((t=>(0,b.bo)(t,J)&&t.id===e));if(t){const e=ye.current.getBoundingClientRect();return Se({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)=>{we.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[ge,i,Me,ze,Ee,J]);const Le=(0,u.useCallback)(((e,t)=>{var a;for(let a=ge.length-1;a>=0;a--){const s=ge[a];if((0,b.bo)(s,J)&&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 i;null===(i=we.current)||void 0===i||i.resolve({source:e.source,target:s});break}}null===(a=we.current)||void 0===a||a.reject(null),Se(null)}),[J,ge]),[De,Oe]=(0,u.useState)(null);(0,u.useEffect)((()=>{_t(a,!!(We||De||Te))}),[We,a,De,Te]);const Pe=(0,B.J)({rootRef:ye,activeTarget:c,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:Q,onActiveTargetChange:ee}),[He,$e]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,S.Y)(ge,We,Pe,J):[];$e((t=>0===t.length&&0===e.length?t:e))}),[Pe,ge,We,A,J]),(0,u.useEffect)((()=>{const e=ye.current;if(!e||Ce.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:ge,activeTarget:Pe});"delete-cells"===(null==t?void 0:t.action)&&(le(t.cells),1===t.cells.length&&se(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Pe,ge,Ce.length,se,le]);const Fe=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[_e,Ke]=(0,u.useState)([]),Ue=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e});const t=[];(0,I._)(e,ge).forEach((e=>{var a,i;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(i=e.containerCell)||void 0===i?void 0:i.id)})),ke(t),Ke(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]})))}),[ge]),je=(0,u.useCallback)((e=>{pe({type:"move-cells",payload:e}),ne(e),1===e.length&&ae(e[0]),(0,I._)(e,ge,ce),ke([]),Ke([])}),[ae,ne,ge,ce]),Ve=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e})}),[]),Ie=(0,u.useCallback)((e=>{pe({type:"resize-cell",payload:e}),ie(e)}),[ie]),Xe=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;fe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ye=(0,u.useCallback)(((e,t)=>{const a=Be();pe({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Be]),qe=(0,u.useCallback)((e=>{xe.scaleTo((0,f.A)(ye.current),e/100)}),[xe]),Ge=(0,u.useCallback)((()=>{ze(!1)}),[ze]),{lineConfMap:Je,lineConnectorConf:Ze,markers:Qe}=(0,P.d)({cells:ge,defaultEdgeLines:r,lineConnector:G,markerPrefix:Fe}),et=(0,O.H)({cells:ge,layout:i,centered:Re}),[tt,at]=(0,u.useState)(null),it=(0,u.useRef)(null),[st,nt]=(0,u.useState)(null),[lt,ot]=(0,u.useState)(null),rt=(0,u.useCallback)((e=>{if(Ze&&(0,b.bo)(e,J)&&(!lt||"control"!==lt.type)){null!==it.current&&(clearTimeout(it.current),it.current=null);const t=(0,H.G)();at({cell:e,relativePoints:t,points:Ya(t,e.view)})}}),[J,Ze,lt]),dt=(0,u.useCallback)((e=>{Ze&&(0,b.N)(e)&&(it.current=setTimeout((()=>{at(null)})))}),[Ze]),ht=(0,u.useCallback)(((e,t,a,i)=>{const s={source:e.id,target:t.id,view:{...q,exitPosition:a,entryPosition:i,vertices:null}};if(ge.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))pe({type:"change-edge-view",payload:s}),null==ue||ue(s);else{const a={type:"edge",...s};pe({type:"add-edge",payload:a}),re({source:e,target:t,view:a.view})}}),[ge,q,re,ue]),ct=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};pe({type:"change-edge-view",payload:i}),null==ue||ue(i)}),[ue]),ut=(0,u.useMemo)((()=>({rootRef:ye,smartConnectLineState:De,unsetHoverStateTimeoutRef:it,hoverState:tt,activeEditableLine:st,lineEditorState:lt,setLineEditorState:ot,setActiveEditableLine:nt,setHoverState:at,setSmartConnectLineState:Oe,onConnect:ht,onChangeEdgeView:ct})),[st,ct,ht,tt,lt,De]);return(0,u.useEffect)((()=>{const e=ye.current;if(!e||"lasso"!==E)return;const t=e.getBoundingClientRect(),a=e=>{(0,_.F)(e,{transform:Ee,offset:[t.left,t.top],onLassoing(e){Ne(e)},onLassoed(e){Ne(null);const t=[];for(const a of ge)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const i=a.view.x,s=a.view.y;i>=e.x&&i+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==te||te(t.length>1?{type:"multi",targets:t.map(V.P)}:1===t.length?(0,V.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Ee,ge,E,te]),g().createElement(F.H.Provider,{value:ut},g().createElement("svg",{width:"100%",height:"100%",ref:ye,className:C()("root",{grabbing:be,pannable:w,ready:et}),tabIndex:-1},g().createElement("defs",null,Qe.map(((e,t)=>g().createElement(k.c,{key:t,id:`${Fe}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Ee.x} ${Ee.y}) scale(${Ee.k})`},g().createElement("g",{className:C()("cells",{allowEdgeToArea:J})},ge.map((e=>g().createElement(M.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&me.includes(e.id),layout:i,layoutOptions:s,cell:e,cells:ge,degraded:ve,degradedNodeLabel:h,defaultNodeBricks:o,transform:Ee,lineConfMap:Je,activeTarget:Pe,unrelatedCells:He,allowEdgeToArea:J,onCellsMoving:Ue,onCellsMoved:je,onCellResizing:Ve,onCellResized:Ie,onSwitchActiveTarget:te,onCellContextMenu:oe,onDecoratorTextChange:de,onDecoratorTextEditing:Xe,onNodeBrickResize:Ye,onCellMouseEnter:rt,onCellMouseLeave:dt})))),g().createElement("g",null,g().createElement(T.w,{connectLineState:We,transform:Ee,markerEnd:`${Fe}0`,onConnect:Le})),Te&&g().createElement("rect",{x:Te.x,y:Te.y,width:Te.width,height:Te.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ze&&g().createElement("g",null,g().createElement(j.X,{transform:Ee,lineSettings:q,options:Ze}),g().createElement(Y.W,{transform:Ee,options:Ze})),g().createElement("g",null,_e.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Ee.k})))),g().createElement("g",null,Ze&&g().createElement(X.F,{scale:Ee.k})),Ze&&g().createElement($.T,{activeTarget:Pe,scale:Ee.k,disabled:!!We}))),g().createElement(L.Y,{shadowRoot:a.shadowRoot,scale:Ee.k,scaleRange:Me,onZoomChange:qe,onReCenter:Ge}))}function Xa(){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)}))}function Ya(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,s=i/2,n=t.x+a/2-s,l=t.y+a/2-s,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:n+e.x*o,y:l+e.y*r})))}i=ja,({e:[J,Z,Q,ee,te,ae,ie,se,ne,le,oe,re,de,he,ce,ue,ge,Ae,pe,ve,ye,we,Ce,fe,me,ke,be,Ee,xe,Me,Te,Ne,We,Se,Re,ze,Be,Le,De,Oe,Pe,He,$e,Fe,_e,Ke,Ue,je,Ve,Ie,Xe,Ye,qe,Ge,Je,Ze,Qe,et,tt,at,it,st,nt,lt,ot,rt,dt,ht,ct,ut,gt,At,pt,vt,yt,wt,Ct,ft,mt,kt,bt,Et,xt,Mt,Tt,Nt,Wt,St,Rt,zt,Bt,Lt,Dt,Ot,Pt,Ht,$t,Ft,q],c:[Xt,G]}=(0,c.A)(i,[Kt("eo-draw-canvas",{styleTexts:[K.A,U.A]})],[[Ut({attribute:!1}),1,"cells"],[Ut({type:String}),1,"layout"],[Ut({attribute:!1}),1,"layoutOptions"],[Ut({attribute:!1}),1,"defaultNodeSize"],[Ut({attribute:!1}),1,"defaultNodeBricks"],[Ut({type:Number}),1,"degradedThreshold"],[Ut({attribute:!1}),1,"degradedNodeLabel"],[Ut({attribute:!1}),1,"defaultEdgeLines"],[Ut({attribute:!1}),1,"activeTarget"],[Ut({type:Boolean}),1,"fadeUnrelatedCells"],[Ut({type:Boolean}),1,"zoomable"],[Ut({type:Boolean}),1,"scrollable"],[Ut({type:Boolean}),1,"pannable"],[Ut({type:Boolean}),1,"allowEdgeToArea"],[Ut(),1,"dragBehavior"],[Ut(),1,"ctrlDragBehavior"],[Ut({attribute:!1}),1,"scaleRange"],[Ut({attribute:!1}),1,"lineSettings"],[Ut({attribute:!1}),1,"lineConnector"],[Ut(),1,"doNotResetActiveTargetForSelector"],[Ut({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Vt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[Vt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(Ca,e),(e,t)=>(0,d.A)(Ca,e,t)],[Vt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(fa,e),(e,t)=>(0,d.A)(fa,e,t)],[Vt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(ka,e),(e,t)=>(0,d.A)(ka,e,t)],[Vt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Ea,e),(e,t)=>(0,d.A)(Ea,e,t)],[Vt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[Vt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(Ta,e),(e,t)=>(0,d.A)(Ta,e,t)],[Vt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Wa,e),(e,t)=>(0,d.A)(Wa,e,t)],[Vt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(Ra,e),(e,t)=>(0,d.A)(Ra,e,t)],[Vt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(Ba,e),(e,t)=>(0,d.A)(Ba,e,t)],[Vt({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,h.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[Vt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(Pa,e),(e,t)=>(0,d.A)(Pa,e,t)],[Vt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)($a,e),(e,t)=>(0,d.A)($a,e,t)],[Vt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(_a,e),(e,t)=>(0,d.A)(_a,e,t)],[jt(),2,"dropNode"],[jt(),2,"dropDecorator"],[jt(),2,"addNodes"],[jt(),2,"addEdge"],[jt(),2,"manuallyConnectNodes"],[jt(),2,"updateCells"]],0,(e=>Ua.has((0,l.A)(e))),p.ReactNextElement)),G()}}]);
2
+ //# sourceMappingURL=eo-draw-canvas.0c5d7dfb.js.map