One Hat Cyber Team

⚝ One Hat Cyber Team ⚝

Your IP: 216.73.216.72
Server IP: 41.128.143.86
Server: Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software: Apache
PHP Version: 8.3.23
Buat File | Buat Folder

Dir : ~/usr/share/grafana/public/build/

Edit File: 1698.68ff1ef08e94a87836b3.js.map

{"version":3,"file":"1698.68ff1ef08e94a87836b3.js","mappings":"0OAYO,MAAMA,EAAQ,GACRC,EAAuB,OAE9BC,EAAY,CAACC,EAAsBC,KAA0B,CACjE,aAAW;AAAA;AAAA;AAAA;AAAA,eAIEA,IAAa,WAAa,GAAM;AAAA,IAG7C,cAAY;AAAA,YACFD,EAAM,WAAW,MAAM;AAAA,IAGjC,gBAAc;AAAA,YACJF;AAAA,IAGV,eAAa;AAAA;AAAA;AAAA,cAGDE,EAAM,OAAO,QAAQ;AAAA,IAGjC,QAAM;AAAA,YACIA,EAAM,OAAO,KAAK;AAAA;AAAA,IAI5B,aAAW;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKW,KAAUA,EAAM,OAAO,WAAW,OAAO,EAAE,SAAS,EAAG,EAAE,aAAa;AAAA;AAAA,IAI5F,aAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQX,gBAAc;AAAA;AAAA;AAAA,6BAGU,KAAUA,EAAM,OAAO,WAAW,OAAO,EAAE,SAAS,EAAG,EAAE,aAAa;AAAA;AAAA,IAI9F,eAAa;AAAA;AAAA;AAAA;AAAA,GAKf,GAEaE,EAAuCC,GAAuB,KAAK,KAAKA,EAAa,IAAK,EAE1FC,KAAO,QAAK,SAAcC,EAMpC,CACD,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,aAAAC,EAAc,QAAAC,EAAS,SAAAR,CAAS,EAAII,EAC1DL,KAAQ,MAAU,EAClBU,EAASX,EAAUC,EAAOC,CAAQ,EAClCU,EAAYV,IAAa,SACzBE,EAAaG,EAAK,YAAY,OAAOA,EAAK,iBAAiB,GAAKT,EAChEe,EAAcV,EAAoCC,CAAU,EAElE,OAAMG,EAAK,IAAM,QAAaA,EAAK,IAAM,OAKvC,gBAAC,KAAE,eAAcA,EAAK,GAAI,UAAWI,EAAO,UAAW,aAAY,SAASJ,EAAK,SAC/E,gBAAC,UACC,cAAa,eAAeA,EAAK,KACjC,UAAWA,EAAK,YAAcI,EAAO,aAAeA,EAAO,WAC3D,EAAGP,EACH,GAAIG,EAAK,EACT,GAAIA,EAAK,EACX,EACCK,GACC,gBAAC,UAAO,UAAWD,EAAO,YAAa,EAAGP,EAAa,EAAG,GAAIG,EAAK,EAAG,GAAIA,EAAK,EAAG,YAAAM,CAAA,CAA0B,EAE9G,gBAACC,EAAA,CAAY,KAAAP,CAAA,CAAY,EACzB,gBAAC,KAAE,UAAWI,EAAO,KAAM,MAAO,CAAE,cAAe,MAAO,GACxD,gBAACI,EAAA,CAAa,KAAAR,EAAY,SAAAL,CAAA,CAAoB,EAC9C,gBAAC,iBACC,EAAGK,EAAK,GAAKK,EAAY,IAAM,IAC/B,EAAGL,EAAK,EAAIH,EAAa,EACzB,MAAOQ,EAAY,MAAQ,MAC3B,OAAO,MAEP,gBAAC,OAAI,UAAW,IAAGD,EAAO,UAAWC,GAAaD,EAAO,YAAY,GACnE,gBAAC,YAAMJ,EAAK,KAAM,EAClB,gBAAC,SAAG,EACJ,gBAAC,YAAMA,EAAK,QAAS,CACvB,CACF,CACF,EACA,gBAAC,QACC,cAAa,mBAAmBA,EAAK,KACrC,aAAc,IAAM,CAClBC,EAAaD,EAAK,EAAE,CACtB,EACA,aAAc,IAAM,CAClBE,EAAaF,EAAK,EAAE,CACtB,EACA,QAAUS,GAAU,CAClBN,EAAQM,EAAOT,CAAI,CACrB,EACA,UAAWI,EAAO,YAClB,EAAGJ,EAAK,EAAIH,EAAa,EACzB,EAAGG,EAAK,EAAIH,EAAa,EACzB,MAAOA,EAAa,EAAI,GACxB,OAAQA,EAAa,EAAI,GAC3B,CACF,EAhDO,IAkDX,CAAC,EAKD,SAASW,EAAa,CAAE,KAAAR,EAAM,SAAAL,CAAS,EAA8C,CACnF,MAAMD,KAAQ,MAAU,EAClBU,EAASX,EAAUC,EAAOC,CAAQ,EAClCU,EAAYV,IAAa,SAE/B,OAAMK,EAAK,IAAM,QAAaA,EAAK,IAAM,OAIlCA,EAAK,KACV,gBAAC,iBAAc,EAAGA,EAAK,EAAI,GAAI,EAAGA,EAAK,EAAI,GAAI,MAAM,KAAK,OAAO,MAC/D,gBAAC,OAAI,MAAO,CAAE,MAAO,GAAI,SAAU,SAAU,QAAS,OAAQ,eAAgB,SAAU,UAAW,EAAG,GACpG,gBAAC,IAAI,CAAC,cAAa,aAAaA,EAAK,OAAQ,KAAMA,EAAK,KAAM,KAAM,OAAQ,CAC9E,CACF,EAEA,gBAAC,iBAAc,EAAGA,EAAK,GAAKK,EAAY,IAAM,IAAK,EAAGL,EAAK,EAAI,GAAI,MAAOK,EAAY,MAAQ,KAAM,OAAO,MACzG,gBAAC,OAAI,UAAW,IAAGD,EAAO,UAAWC,GAAaD,EAAO,YAAY,GACnE,gBAAC,YAAMJ,EAAK,aAAY,MAAaA,EAAK,SAAS,OAAQA,EAAK,SAAS,OAAOA,EAAK,iBAAiB,CAAC,CAAE,EACzG,gBAAC,SAAG,EACJ,gBAAC,YACEA,EAAK,kBACJ,MAAaA,EAAK,cAAc,OAAQA,EAAK,cAAc,OAAOA,EAAK,iBAAiB,CAAC,CAC7F,CACF,CACF,EAnBO,IAqBX,CAKA,SAASO,EAAYR,EAA4B,CAC/C,KAAM,CAAE,KAAAC,CAAK,EAAID,EACXW,EAAWV,EAAK,YAAY,KAAMW,GAAMA,EAAE,OAAOX,EAAK,iBAAiB,GAAK,CAAC,EAC7EN,KAAQ,MAAU,EAClBG,EAAaG,EAAK,YAAY,OAAOA,EAAK,iBAAiB,GAAKT,EAChEe,EAAcV,EAAoCC,CAAU,EAElE,GAAIa,EAEF,OACE,gBAAC,UACC,KAAK,OACL,OAAQhB,EAAM,cAAc,eAAegB,EAAS,OAAO,OAAO,YAAc,EAAE,EAClF,YAAAJ,EACA,EAAGT,EACH,GAAIG,EAAK,EACT,GAAIA,EAAK,EACX,EAIJ,MAAMY,EAAUZ,EAAK,YAAY,OAAQW,GAAMA,EAAE,OAAOX,EAAK,iBAAiB,IAAM,CAAC,EACrF,GAAIY,EAAQ,SAAW,EAErB,OACE,gBAAC,UACC,KAAK,OACL,OAAQZ,EAAK,MAAQa,EAASb,EAAK,MAAOA,EAAK,kBAAmBN,CAAK,EAAI,OAC3E,YAAAY,EACA,EAAGT,EACH,GAAIG,EAAK,EACT,GAAIA,EAAK,EACX,EAIJ,KAAM,CAAE,SAAAc,CAAS,EAAIF,EAAQ,OAI3B,CAACG,EAAKC,EAASC,IAAU,CACvB,MAAMC,EAAQF,EAAQ,OAAO,OAAO,YAAc,GAC5CG,EAAQH,EAAQ,OAAOhB,EAAK,iBAAiB,EAE7CoB,EACJ,gBAACC,EAAA,CACC,IAAKJ,EACL,EAAGpB,EACH,EAAGG,EAAK,EACR,EAAGA,EAAK,EACR,aAAce,EAAI,QAClB,QACEI,EAAQJ,EAAI,QAAU,EAGlB,EAAIA,EAAI,QACRI,EAEN,MAAOzB,EAAM,cAAc,eAAewB,CAAK,EAC/C,YAAAZ,CAAA,CACF,EAEF,OAAAS,EAAI,SAAS,KAAKK,CAAE,EACpBL,EAAI,QAAUA,EAAI,QAAUI,EACrBJ,CACT,EACA,CAAE,SAAU,CAAC,EAAG,QAAS,CAAE,CAC7B,EAEA,OAAO,gCAAGD,CAAS,CACrB,CAEA,SAASO,EAAW,CAClB,EAAAC,EACA,EAAAC,EACA,EAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAR,EACA,YAAAZ,EAAc,CAChB,EAQG,CACD,MAAMqB,EAAaF,EAAeC,EAC5BE,EAAYL,EAAI,KAAK,IAAI,EAAI,KAAK,GAAKE,CAAY,EAAIH,EACvDO,EAAYL,EAAI,KAAK,IAAI,EAAI,KAAK,GAAKC,CAAY,EAAIH,EACvDQ,EAAUP,EAAI,KAAK,IAAI,EAAI,KAAK,GAAKI,CAAU,EAAIL,EACnDS,EAAUP,EAAI,KAAK,IAAI,EAAI,KAAK,GAAKG,CAAU,EAAIL,EACnDU,EAAWN,EAAU,GAAM,IAAM,IACvC,OACE,gBAAC,QACC,KAAK,OACL,EAAG,KAAKE,KAAaC,OAAeP,KAAKA,OAAOU,OAAcF,KAAWC,IACzE,OAAQb,EACR,YAAAZ,CAAA,CACF,CAEJ,CAEA,SAASO,EAASoB,EAAchB,EAAevB,EAA8B,CAC3E,OAAKuC,EAAM,OAAO,SAIX,MAA0BA,CAAK,EAAE,cAAcA,EAAOvC,CAAK,EAAE,EAAGuC,EAAM,OAAOhB,CAAK,CAAC,EAHjFgB,EAAM,OAAOhB,CAAK,CAI7B,C,gLCvQO,SAASiB,EAAYC,EAAYC,EAA0BC,EAA0BC,EAAkB,EAAS,CACrH,MAAMC,EAAKJ,EAAK,GAAKA,EAAK,GACpBK,EAAKL,EAAK,GAAKA,EAAK,GACpBM,EAAM,KAAK,KAAKF,EAAKA,EAAKC,EAAKA,CAAE,EACjCE,GAAUP,EAAK,GAAKA,EAAK,IAAMM,EAC/BE,GAAQR,EAAK,GAAKA,EAAK,IAAMM,EAC7BG,EAAkBN,EAAkBA,EAAkB,GAO5D,MAAO,CACL,GAAIH,EAAK,GAAKO,GAAUN,EAAmB,GAC3C,GAAID,EAAK,GAAKQ,GAAQP,EAAmB,GACzC,GAAID,EAAK,GAAKO,GAAUL,EAAmB,EAAIO,GAC/C,GAAIT,EAAK,GAAKQ,GAAQN,EAAmB,EAAIO,EAC/C,CACF,CAgBO,SAASC,EAAcC,EAA8B,CAC1D,MAAMC,EAAmB,CACvB,GAAGD,EACH,OAAQA,EAAM,OAAO,IAAKb,IAAW,CAAE,GAAGA,EAAO,KAAMA,EAAM,KAAK,YAAY,CAAE,EAAE,CACpF,EACMe,EAAc,IAAI,IAAWD,CAAgB,EACnD,MAAO,CACL,GAAIC,EAAY,eAAe,IAA6B,GAAG,YAAY,CAAC,EAC5E,MAAOA,EAAY,eAAe,IAA6B,MAAM,YAAY,CAAC,EAClF,SAAUA,EAAY,eAAe,IAA6B,SAAS,YAAY,CAAC,EACxF,SAAUA,EAAY,eAAe,IAA6B,SAAS,YAAY,CAAC,EACxF,cAAeA,EAAY,eAAe,IAA6B,cAAc,YAAY,CAAC,EAClG,IAAKC,EAAmBH,EAAO,IAA6B,GAAG,EAC/D,QAASG,EAAmBH,EAAO,IAA6B,MAAM,EACtE,MAAOE,EAAY,eAAe,IAA6B,KAAK,EACpE,KAAMA,EAAY,eAAe,IAA6B,IAAI,EAClE,WAAYA,EAAY,eAAe,IAA6B,WAAW,YAAY,CAAC,EAC5F,YAAaA,EAAY,eAAe,IAA6B,YAAY,YAAY,CAAC,CAChG,CACF,CAaO,SAASE,EAAcC,EAA8B,CAC1D,MAAMJ,EAAmB,CACvB,GAAGI,EACH,OAAQA,EAAM,OAAO,IAAKlB,IAAW,CAAE,GAAGA,EAAO,KAAMA,EAAM,KAAK,YAAY,CAAE,EAAE,CACpF,EACMe,EAAc,IAAI,IAAWD,CAAgB,EACnD,MAAO,CACL,GAAIC,EAAY,eAAe,IAA6B,GAAG,YAAY,CAAC,EAC5E,OAAQA,EAAY,eAAe,IAA6B,OAAO,YAAY,CAAC,EACpF,OAAQA,EAAY,eAAe,IAA6B,OAAO,YAAY,CAAC,EACpF,SAAUA,EAAY,eAAe,IAA6B,SAAS,YAAY,CAAC,EACxF,cAAeA,EAAY,eAAe,IAA6B,cAAc,YAAY,CAAC,EAClG,QAASC,EAAmBE,EAAO,IAA6B,OAAO,YAAY,CAAC,EACpF,YAAaH,EAAY,eAAe,IAA6B,YAAY,YAAY,CAAC,EAC9F,UAAWA,EAAY,eAAe,IAA6B,UAAU,YAAY,CAAC,CAC5F,CACF,CAEA,SAASC,EAAmBG,EAAkBC,EAAyB,CACrE,OAAOD,EAAM,OAAO,OAAQE,GAAMA,EAAE,KAAK,MAAM,IAAI,OAAO,IAAMD,CAAM,CAAC,CAAC,CAC1E,CAKO,SAASE,EACdT,EACAK,EAQA,CACA,GAAI,EAAEA,GAASL,GACb,MAAO,CAAE,MAAO,CAAC,EAAG,MAAO,CAAC,CAAE,EAGhC,GAAIA,EAAO,CACT,MAAMU,EAAaX,EAAcC,CAAK,EACtC,GAAI,CAACU,EAAW,GACd,MAAM,IAAI,MAAM,4CAA4C,EAI9D,MAAMC,EAAwC,CAAC,EAC/C,QAASC,EAAI,EAAGA,EAAIF,EAAW,GAAG,OAAO,OAAQE,IAAK,CACpD,MAAMC,EAAKH,EAAW,GAAG,OAAOE,CAAC,EACjCD,EAASE,CAAE,EAAIC,EAAcD,EAAIH,EAAYE,CAAC,EAIhD,IAAIG,EAA0BV,EAAQW,EAAaX,EAAOD,EAAcC,CAAK,EAAGM,CAAQ,EAAI,CAAC,EAE7F,UAAWM,KAAKF,EAEdJ,EAASM,EAAE,MAAM,EAAE,WAGrB,MAAO,CACL,MAAO,OAAO,OAAON,CAAQ,EAC7B,MAAOI,EACP,OAAQL,EAAW,IAAI,IAAKF,IACnB,CACL,MAAOA,EAAE,OAAO,OAAO,YAAc,GACrC,KAAMA,EAAE,OAAO,aAAeA,EAAE,IAClC,EACD,CACH,MACK,CAILH,EAAQA,EAER,MAAMM,EAAgD,CAAC,EAEjDO,EAAad,EAAcC,CAAK,EAGtC,QAASO,EAAI,EAAGA,EAAIP,EAAM,OAAQO,IAAK,CACrC,KAAM,CAAE,OAAAO,EAAQ,OAAAC,CAAO,EAAIC,EAAuBH,EAAYN,CAAC,EAE/DD,EAASS,EAAO,EAAE,EAAIT,EAASS,EAAO,EAAE,GAAKA,EAC7CT,EAASQ,EAAO,EAAE,EAAIR,EAASQ,EAAO,EAAE,GAAKA,EAIzCG,EAAgBJ,EAAW,QAAQ,IACrCP,EAASS,EAAO,EAAE,EAAE,iBACjBT,EAASS,EAAO,EAAE,EAAE,iBAAmB,GAAKF,EAAW,SAAU,OAAON,CAAC,GAG1EU,EAAgBJ,EAAW,aAAa,IAC1CP,EAASS,EAAO,EAAE,EAAE,sBACjBT,EAASS,EAAO,EAAE,EAAE,sBAAwB,GAAKF,EAAW,cAAe,OAAON,CAAC,GAIxFD,EAASS,EAAO,EAAE,EAAE,WAGtB,IAAIL,EAAaC,EAAaX,EAAOa,EAAYP,CAAQ,EAKzD,MAAO,CACL,MAHYY,EAAuBZ,EAAUO,CAAU,EAIvD,MAAOH,CACT,EAEJ,CAOA,SAASC,EAAaX,EAAkBa,EAAwBP,EAAoD,CAClH,GAAI,CAACO,EAAW,GACd,MAAM,IAAI,MAAM,4CAA4C,EAG9D,OAAOA,EAAW,GAAG,OAAO,IAAI,CAACL,EAAI1C,IAAU,CAC7C,MAAMiD,EAASF,EAAW,QAAQ,OAAO/C,CAAK,EACxCgD,EAASD,EAAW,QAAQ,OAAO/C,CAAK,EAExCqD,EAAab,EAASQ,CAAM,EAC5BM,EAAad,EAASS,CAAM,EAElC,MAAO,CACL,GAAAP,EACA,kBAAmB1C,EACnB,OAAAgD,EACA,OAAAC,EACA,iBAAmBI,EAAW,WAAqBA,EAAW,WAAW,OAAOA,EAAW,iBAAiB,EAAjE,IAC3C,iBAAmBC,EAAW,WAAqBA,EAAW,WAAW,OAAOA,EAAW,iBAAiB,EAAjE,IAC3C,SAAUP,EAAW,SAAWQ,EAAaR,EAAW,SAAS,OAAQA,EAAW,SAAS,OAAO/C,CAAK,CAAC,EAAI,GAC9G,cAAe+C,EAAW,cACtBQ,EAAaR,EAAW,cAAc,OAAQA,EAAW,cAAc,OAAO/C,CAAK,CAAC,EACpF,GACJ,YAAa+C,EAAW,aAAa,OAAO/C,CAAK,GAAK,GACtD,UAAW+C,EAAW,WAAW,OAAO/C,CAAK,GAAK,CACpD,CACF,CAAC,CACH,CAEA,SAASmD,EAAgBnC,EAAe,CACtC,OAAOA,GAASA,EAAM,OAAS,KAAU,MAC3C,CAQA,SAASoC,EAAuBZ,EAA+CO,EAAqC,CAClH,MAAMS,EAAiD,CAAC,EAClDC,EAA4C,CAAC,EAC7CC,EAAqBP,EAAgBJ,EAAW,aAAa,EAC/D,CACE,GAAGA,EAAW,cACd,OAAQS,CACV,EACA,OAEEG,EAAgBR,EAAgBJ,EAAW,QAAQ,EACrD,CACE,GAAGA,EAAW,SACd,OAAQU,CACV,EACA,OAEJ,OAAO,OAAO,OAAOjB,CAAQ,EAAE,IAAI,CAACzD,EAAMiB,IAAU,CAClD,GAAI2D,GAAiBD,EAAoB,CACvC,MAAME,EAAU,CACd,GAAG7E,CACL,EAEA,OAAI4E,IACFC,EAAQ,SAAWD,EACnBF,EAAe,KAAK1E,EAAK,eAAe,EACxC6E,EAAQ,kBAAoB5D,GAG1B0D,IACFE,EAAQ,cAAgBF,EACxBF,EAAoB,KAAKzE,EAAK,oBAAoB,EAClD6E,EAAQ,kBAAoB5D,GAEvB4D,EAET,OAAO7E,CACT,CAAC,CACH,CAEA,SAASmE,EAAuBH,EAAwB/C,EAAe,CACrE,MAAM6D,EAAWd,EAAW,QAAQ,OAAO/C,CAAK,EAC1C8D,EAAWf,EAAW,QAAQ,OAAO/C,CAAK,EAChD,MAAO,CACL,OAAQ+D,EAAoBF,EAAU7D,CAAK,EAC3C,OAAQ+D,EAAoBD,EAAU9D,CAAK,CAC7C,CACF,CAEA,SAAS+D,EAAoBC,EAAchE,EAAkC,CAC3E,MAAO,CACL,GAAIgE,EACJ,MAAOA,EACP,SAAU,GACV,kBAAmBhE,EACnB,SAAU,EACV,YAAa,CAAC,EACd,YAAa,EACf,CACF,CAEA,SAAS2C,EAAcD,EAAYH,EAAwBvC,EAA0B,CACnF,MAAO,CACL,GAAA0C,EACA,MAAOH,EAAW,OAAO,OAAOvC,CAAK,GAAK,GAC1C,SAAUuC,EAAW,UAAU,OAAOvC,CAAK,GAAK,GAChD,kBAAmBA,EACnB,SAAU,EACV,SAAUuC,EAAW,SACrB,cAAeA,EAAW,cAC1B,YAAaA,EAAW,IACxB,MAAOA,EAAW,MAClB,KAAMA,EAAW,MAAM,OAAOvC,CAAK,GAAK,GACxC,WAAYuC,EAAW,WACvB,YAAaA,EAAW,aAAa,OAAOvC,CAAK,GAAK,EACxD,CACF,CAEO,SAASuD,EAAaU,EAAqB/D,EAAgC,CAChF,GAAI,OAAOA,GAAU,SACnB,OAAOA,EACF,CACL,MAAMgE,EAAWD,EAAO,UAAY,EACpC,OAAI,OAAO,SAAS/D,CAAK,EAChBA,EAAM,QAAQgE,CAAQ,GAAKD,EAAO,KAAO,IAAMA,EAAO,KAAO,IAE7D,GAGb,CAMO,SAASE,EAAmBC,EAAe,CAChD,MAAMjC,EAAQkC,EAAW,EACzB,QAAS5B,EAAI,EAAGA,EAAI2B,EAAO3B,IACzBN,EAAM,IAAImC,EAAS7B,CAAC,CAAC,EAGvB,OAAON,CACT,CAEA,SAASmC,EAAStE,EAAe,CAC/B,MAAO,CACL,GAAIA,EAAM,SAAS,EACnB,MAAO,WAAWA,IAClB,SAAU,UACV,aAAc,GACd,YAAa,GACb,SAAU,GACV,cAAe,EACf,MAAO,GACP,KAAM,WACN,WAAY,EACd,CACF,CAEA,SAASqE,GAAa,CACpB,MAAME,EAAS,CACb,CAAC,6BAA6B,EAAE,EAAG,CACjC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,KAAK,EAAG,CACpC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,QAAQ,EAAG,CACvC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,QAAQ,EAAG,CACvC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,aAAa,EAAG,CAC5C,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,IAAM,SAAS,EAAG,CAC9C,OAAQ,CAAC,EACT,KAAM,UAAU,OAChB,OAAQ,CAAE,MAAO,CAAE,KAAM,iBAAiB,MAAO,WAAY,OAAQ,CAAE,CACzE,EACA,CAAC,6BAA6B,IAAM,QAAQ,EAAG,CAC7C,OAAQ,CAAC,EACT,KAAM,UAAU,OAChB,OAAQ,CAAE,MAAO,CAAE,KAAM,iBAAiB,MAAO,WAAY,KAAM,CAAE,CACvE,EACA,CAAC,6BAA6B,KAAK,EAAG,CACpC,OAAQ,CAAC,EACT,KAAM,UAAU,OAChB,OAAQ,CAAE,MAAO,CAAE,KAAM,iBAAiB,gBAAiB,CAAE,CAC/D,EACA,CAAC,6BAA6B,IAAI,EAAG,CACnC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,UAAU,EAAG,CACzC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,CACF,EAEA,OAAO,IAAI,iBAAiB,CAC1B,KAAM,QACN,OAAQ,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,EAAKtE,CAAK,KAAO,CACpD,GAAGA,EACH,KAAMsE,CACR,EAAE,CACJ,CAAC,CACH,CAEO,SAASC,EACdvC,EACA,CACA,MAAMC,EAAQuC,EAAW,EACzB,UAAWC,KAAQzC,EACjBC,EAAM,IAAI,CACR,GAAIwC,EAAK,OAAS,KAAOA,EAAK,OAC9B,GAAGA,CACL,CAAC,EAGH,OAAOxC,CACT,CAEA,SAASuC,GAAa,CACpB,MAAMH,EAAS,CACb,CAAC,6BAA6B,EAAE,EAAG,CACjC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,MAAM,EAAG,CACrC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,MAAM,EAAG,CACrC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,QAAQ,EAAG,CACvC,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,EACA,CAAC,6BAA6B,aAAa,EAAG,CAC5C,OAAQ,CAAC,EACT,KAAM,UAAU,MAClB,CACF,EAEA,OAAO,IAAI,iBAAiB,CAC1B,KAAM,QACN,OAAQ,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,EAAKtE,CAAK,KAAO,CACpD,GAAGA,EACH,KAAMsE,CACR,EAAE,CACJ,CAAC,CACH,CAgBO,SAASI,EAAY/C,EAA4B,CACtD,GAAIA,EAAM,SAAW,EACnB,MAAO,CAAE,IAAK,EAAG,MAAO,EAAG,OAAQ,EAAG,KAAM,EAAG,OAAQ,CAAE,EAAG,EAAG,EAAG,CAAE,CAAE,EAGxE,MAAMgD,EAAShD,EAAM,OACnB,CAAC/B,EAAKf,KACAA,EAAK,EAAKe,EAAI,QAChBA,EAAI,MAAQf,EAAK,GAEfA,EAAK,EAAKe,EAAI,OAChBA,EAAI,KAAOf,EAAK,GAEdA,EAAK,EAAKe,EAAI,SAChBA,EAAI,OAASf,EAAK,GAEhBA,EAAK,EAAKe,EAAI,MAChBA,EAAI,IAAMf,EAAK,GAEVe,GAET,CAAE,IAAK,IAAU,MAAO,KAAW,OAAQ,KAAW,KAAM,GAAS,CACvE,EAEMS,EAAIsE,EAAO,KAAOA,EAAO,OAASA,EAAO,KAAO,EAChDvE,EAAIuE,EAAO,MAAQA,EAAO,MAAQA,EAAO,MAAQ,EAEvD,MAAO,CACL,GAAGA,EACH,OAAQ,CACN,EAAAvE,EACA,EAAAC,CACF,CACF,CACF,CAEO,SAASuE,EAAuBC,EAAqBC,EAA4B,CAKtF,IAAIC,EAAkBF,EAAO,OAAQ5C,GAC/B,GAAAA,EAAM,MAAM,6BAA+B,aAI3CA,EAAM,OAAS,SAAWA,EAAM,OAAS,SAAWA,EAAM,QAAU,SAAWA,EAAM,QAAU,SAI/E,IAAI,IAAWA,CAAK,EACxB,eAAe,IAA6B,EAAE,EAK/D,EAGD,OAAI6C,IACFC,EAAkBC,EAAqBD,EAAiBD,CAAO,GAE1DC,CACT,CAEO,MAAMC,EAAuB,CAACH,EAAqBC,IACjDD,EAAO,IAAK5C,GAAU,CAI3B,GAHoB,IAAI,IAAWA,CAAK,EAGxB,eAAe,IAA6B,OAAO,YAAY,CAAC,EAAG,CACjF,GAAI6C,GAAS,OAAO,aAAc,CAChC,MAAMhE,EAAQmB,EAAM,OAAO,KAAMnB,GAAUA,EAAM,KAAK,YAAY,IAAM,IAA6B,QAAQ,EACzGA,IACFA,EAAM,OAAS,CAAE,GAAGA,EAAM,OAAQ,KAAMgE,EAAQ,MAAM,YAAa,GAGvE,GAAIA,GAAS,OAAO,kBAAmB,CACrC,MAAMhE,EAAQmB,EAAM,OAAO,KACxBnB,GAAUA,EAAM,KAAK,YAAY,IAAM,IAA6B,aACvE,EACIA,IACFA,EAAM,OAAS,CAAE,GAAGA,EAAM,OAAQ,KAAMgE,EAAQ,MAAM,iBAAkB,QAGvE,CACL,GAAIA,GAAS,OAAO,aAAc,CAChC,MAAMhE,EAAQmB,EAAM,OAAO,KAAMnB,GAAUA,EAAM,KAAK,YAAY,IAAM,IAA6B,QAAQ,EACzGA,IACFA,EAAM,OAAS,CAAE,GAAGA,EAAM,OAAQ,KAAMgE,EAAQ,MAAM,YAAa,GAGvE,GAAIA,GAAS,OAAO,kBAAmB,CACrC,MAAMhE,EAAQmB,EAAM,OAAO,KACxBnB,GAAUA,EAAM,KAAK,YAAY,IAAM,IAA6B,aACvE,EACIA,IACFA,EAAM,OAAS,CAAE,GAAGA,EAAM,OAAQ,KAAMgE,EAAQ,MAAM,iBAAkB,GAG5E,GAAIA,GAAS,OAAO,MAAM,OACxB,UAAWG,KAAOH,EAAQ,MAAM,KAAM,CACpC,MAAMhE,EAAQmB,EAAM,OAAO,KAAMnB,GAAUA,EAAM,KAAK,YAAY,IAAMmE,EAAI,KAAK,EAC7EnE,GAASmE,EAAI,QACfnE,EAAM,OAAS,CAAE,GAAGA,EAAM,OAAQ,MAAO,CAAE,WAAYmE,EAAI,MAAO,KAAM,IAAiB,KAAM,CAAE,IAKzG,OAAOhD,CACT,CAAC,EAIUiD,EAA4B,CAACvD,EAAoBK,EAAoBmD,IAA6B,CAC7G,MAAMV,EAAOzC,EAAM,KAAMyC,GAASA,EAAK,KAAOU,CAAM,EACpD,OAAIV,EACK,CACL,GAAG,IAAI,IAAI9C,EAAM,OAAQ9C,GAAS4F,EAAK,SAAW5F,EAAK,IAAM4F,EAAK,SAAW5F,EAAK,EAAE,EAAE,IAAKA,GAASA,EAAK,EAAE,CAAC,CAC9G,EAEK,CAAC,CACV,EAGauG,EAA4B,CAACzD,EAAoBK,EAAoBqD,IAA6B,CAC7G,MAAMxG,EAAO8C,EAAM,KAAM9C,GAASA,EAAK,KAAOwG,CAAM,EACpD,GAAIxG,EAAM,CACR,MAAMyG,EAActD,EAAM,OAAQyC,GAASA,EAAK,SAAW5F,EAAK,IAAM4F,EAAK,SAAW5F,EAAK,EAAE,EAC7F,MAAO,CACL,GAAG,IAAI,IACLyG,EAAY,QAASb,GACnB9C,EAAM,OAAQ4D,GAAMd,EAAK,SAAWc,EAAE,IAAMd,EAAK,SAAWc,EAAE,EAAE,EAAE,IAAKA,GAAMA,EAAE,EAAE,CACnF,CACF,CACF,EAEF,MAAO,CAAC,CACV,EAEaC,EAAiBX,GACrBA,EAAO,OACZ,CAACjF,EAAKqC,IAAU,CACd,MAAMwD,EAAcxD,EAAM,OAAO,OAAQE,GAAMA,EAAE,OAAS,QAAQ,EAClE,OAAIF,EAAM,OAAS,SAAWwD,EAAY,OACxC7F,EAAI,MAAM,KAAKqC,CAAK,EAEpBrC,EAAI,MAAM,KAAKqC,CAAK,EAEfrC,CACT,EACA,CAAE,MAAO,CAAC,EAAG,MAAO,CAAC,CAAE,CACzB,C","sources":["webpack://grafana/./public/app/plugins/panel/nodeGraph/Node.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/utils.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport cx from 'classnames';\nimport React, { MouseEvent, memo } from 'react';\nimport tinycolor from 'tinycolor2';\n\nimport { Field, getFieldColorModeForField, GrafanaTheme2 } from '@grafana/data';\nimport { Icon, useTheme2 } from '@grafana/ui';\n\nimport { HoverState } from './NodeGraph';\nimport { NodeDatum } from './types';\nimport { statToString } from './utils';\n\nexport const nodeR = 40;\nexport const highlightedNodeColor = '#a00';\n\nconst getStyles = (theme: GrafanaTheme2, hovering: HoverState) => ({\n  mainGroup: css`\n    cursor: pointer;\n    font-size: 10px;\n    transition: opacity 300ms;\n    opacity: ${hovering === 'inactive' ? 0.5 : 1};\n  `,\n\n  mainCircle: css`\n    fill: ${theme.components.panel.background};\n  `,\n\n  filledCircle: css`\n    fill: ${highlightedNodeColor};\n  `,\n\n  hoverCircle: css`\n    opacity: 0.5;\n    fill: transparent;\n    stroke: ${theme.colors.primary.text};\n  `,\n\n  text: css`\n    fill: ${theme.colors.text.primary};\n    pointer-events: none;\n  `,\n\n  titleText: css`\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    background-color: ${tinycolor(theme.colors.background.primary).setAlpha(0.6).toHex8String()};\n    width: 140px;\n  `,\n\n  statsText: css`\n    text-align: center;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 70px;\n  `,\n\n  textHovering: css`\n    width: 200px;\n    & span {\n      background-color: ${tinycolor(theme.colors.background.primary).setAlpha(0.8).toHex8String()};\n    }\n  `,\n\n  clickTarget: css`\n    fill: none;\n    stroke: none;\n    pointer-events: fill;\n  `,\n});\n\nexport const computeNodeCircumferenceStrokeWidth = (nodeRadius: number) => Math.ceil(nodeRadius * 0.075);\n\nexport const Node = memo(function Node(props: {\n  node: NodeDatum;\n  hovering: HoverState;\n  onMouseEnter: (id: string) => void;\n  onMouseLeave: (id: string) => void;\n  onClick: (event: MouseEvent<SVGElement>, node: NodeDatum) => void;\n}) {\n  const { node, onMouseEnter, onMouseLeave, onClick, hovering } = props;\n  const theme = useTheme2();\n  const styles = getStyles(theme, hovering);\n  const isHovered = hovering === 'active';\n  const nodeRadius = node.nodeRadius?.values[node.dataFrameRowIndex] || nodeR;\n  const strokeWidth = computeNodeCircumferenceStrokeWidth(nodeRadius);\n\n  if (!(node.x !== undefined && node.y !== undefined)) {\n    return null;\n  }\n\n  return (\n    <g data-node-id={node.id} className={styles.mainGroup} aria-label={`Node: ${node.title}`}>\n      <circle\n        data-testid={`node-circle-${node.id}`}\n        className={node.highlighted ? styles.filledCircle : styles.mainCircle}\n        r={nodeRadius}\n        cx={node.x}\n        cy={node.y}\n      />\n      {isHovered && (\n        <circle className={styles.hoverCircle} r={nodeRadius - 3} cx={node.x} cy={node.y} strokeWidth={strokeWidth} />\n      )}\n      <ColorCircle node={node} />\n      <g className={styles.text} style={{ pointerEvents: 'none' }}>\n        <NodeContents node={node} hovering={hovering} />\n        <foreignObject\n          x={node.x - (isHovered ? 100 : 70)}\n          y={node.y + nodeRadius + 5}\n          width={isHovered ? '200' : '140'}\n          height=\"40\"\n        >\n          <div className={cx(styles.titleText, isHovered && styles.textHovering)}>\n            <span>{node.title}</span>\n            <br />\n            <span>{node.subTitle}</span>\n          </div>\n        </foreignObject>\n      </g>\n      <rect\n        data-testid={`node-click-rect-${node.id}`}\n        onMouseEnter={() => {\n          onMouseEnter(node.id);\n        }}\n        onMouseLeave={() => {\n          onMouseLeave(node.id);\n        }}\n        onClick={(event) => {\n          onClick(event, node);\n        }}\n        className={styles.clickTarget}\n        x={node.x - nodeRadius - 5}\n        y={node.y - nodeRadius - 5}\n        width={nodeRadius * 2 + 10}\n        height={nodeRadius * 2 + 50}\n      />\n    </g>\n  );\n});\n\n/**\n * Shows contents of the node which can be either an Icon or a main and secondary stat values.\n */\nfunction NodeContents({ node, hovering }: { node: NodeDatum; hovering: HoverState }) {\n  const theme = useTheme2();\n  const styles = getStyles(theme, hovering);\n  const isHovered = hovering === 'active';\n\n  if (!(node.x !== undefined && node.y !== undefined)) {\n    return null;\n  }\n\n  return node.icon ? (\n    <foreignObject x={node.x - 35} y={node.y - 20} width=\"70\" height=\"40\">\n      <div style={{ width: 70, overflow: 'hidden', display: 'flex', justifyContent: 'center', marginTop: -4 }}>\n        <Icon data-testid={`node-icon-${node.icon}`} name={node.icon} size={'xxxl'} />\n      </div>\n    </foreignObject>\n  ) : (\n    <foreignObject x={node.x - (isHovered ? 100 : 35)} y={node.y - 15} width={isHovered ? '200' : '70'} height=\"40\">\n      <div className={cx(styles.statsText, isHovered && styles.textHovering)}>\n        <span>{node.mainStat && statToString(node.mainStat.config, node.mainStat.values[node.dataFrameRowIndex])}</span>\n        <br />\n        <span>\n          {node.secondaryStat &&\n            statToString(node.secondaryStat.config, node.secondaryStat.values[node.dataFrameRowIndex])}\n        </span>\n      </div>\n    </foreignObject>\n  );\n}\n\n/**\n * Shows the outer segmented circle with different colors based on the supplied data.\n */\nfunction ColorCircle(props: { node: NodeDatum }) {\n  const { node } = props;\n  const fullStat = node.arcSections.find((s) => s.values[node.dataFrameRowIndex] >= 1);\n  const theme = useTheme2();\n  const nodeRadius = node.nodeRadius?.values[node.dataFrameRowIndex] || nodeR;\n  const strokeWidth = computeNodeCircumferenceStrokeWidth(nodeRadius);\n\n  if (fullStat) {\n    // Drawing a full circle with a `path` tag does not work well, it's better to use a `circle` tag in that case\n    return (\n      <circle\n        fill=\"none\"\n        stroke={theme.visualization.getColorByName(fullStat.config.color?.fixedColor || '')}\n        strokeWidth={strokeWidth}\n        r={nodeRadius}\n        cx={node.x}\n        cy={node.y}\n      />\n    );\n  }\n\n  const nonZero = node.arcSections.filter((s) => s.values[node.dataFrameRowIndex] !== 0);\n  if (nonZero.length === 0) {\n    // Fallback if no arc is defined\n    return (\n      <circle\n        fill=\"none\"\n        stroke={node.color ? getColor(node.color, node.dataFrameRowIndex, theme) : 'gray'}\n        strokeWidth={strokeWidth}\n        r={nodeRadius}\n        cx={node.x}\n        cy={node.y}\n      />\n    );\n  }\n\n  const { elements } = nonZero.reduce<{\n    elements: React.ReactNode[];\n    percent: number;\n  }>(\n    (acc, section, index) => {\n      const color = section.config.color?.fixedColor || '';\n      const value = section.values[node.dataFrameRowIndex];\n\n      const el = (\n        <ArcSection\n          key={index}\n          r={nodeRadius}\n          x={node.x!}\n          y={node.y!}\n          startPercent={acc.percent}\n          percent={\n            value + acc.percent > 1\n              ? // If the values aren't correct and add up to more than 100% lets still render correctly the amounts we\n                // already have and cap it at 100%\n                1 - acc.percent\n              : value\n          }\n          color={theme.visualization.getColorByName(color)}\n          strokeWidth={strokeWidth}\n        />\n      );\n      acc.elements.push(el);\n      acc.percent = acc.percent + value;\n      return acc;\n    },\n    { elements: [], percent: 0 }\n  );\n\n  return <>{elements}</>;\n}\n\nfunction ArcSection({\n  r,\n  x,\n  y,\n  startPercent,\n  percent,\n  color,\n  strokeWidth = 2,\n}: {\n  r: number;\n  x: number;\n  y: number;\n  startPercent: number;\n  percent: number;\n  color: string;\n  strokeWidth?: number;\n}) {\n  const endPercent = startPercent + percent;\n  const startXPos = x + Math.sin(2 * Math.PI * startPercent) * r;\n  const startYPos = y - Math.cos(2 * Math.PI * startPercent) * r;\n  const endXPos = x + Math.sin(2 * Math.PI * endPercent) * r;\n  const endYPos = y - Math.cos(2 * Math.PI * endPercent) * r;\n  const largeArc = percent > 0.5 ? '1' : '0';\n  return (\n    <path\n      fill=\"none\"\n      d={`M ${startXPos} ${startYPos} A ${r} ${r} 0 ${largeArc} 1 ${endXPos} ${endYPos}`}\n      stroke={color}\n      strokeWidth={strokeWidth}\n    />\n  );\n}\n\nfunction getColor(field: Field, index: number, theme: GrafanaTheme2): string {\n  if (!field.config.color) {\n    return field.values[index];\n  }\n\n  return getFieldColorModeForField(field).getCalculator(field, theme)(0, field.values[index]);\n}\n","import {\n  DataFrame,\n  Field,\n  FieldCache,\n  FieldColorModeId,\n  FieldConfig,\n  FieldType,\n  MutableDataFrame,\n  NodeGraphDataFrameFieldNames,\n} from '@grafana/data';\n\nimport { nodeR } from './Node';\nimport { EdgeDatum, GraphFrame, NodeDatum, NodeDatumFromEdge, NodeGraphOptions } from './types';\n\ntype Line = { x1: number; y1: number; x2: number; y2: number };\n\n/**\n * Makes line shorter while keeping its middle in the same place.\n * This is manly used to add some empty space between an edge line and its source and target nodes, to make it nicer.\n *\n * @param line a line, where x1 and y1 are the coordinates of the source node center, and x2 and y2 are the coordinates of the target node center\n * @param sourceNodeRadius radius of the source node (possibly taking into account the thickness of the node circumference line, etc.)\n * @param targetNodeRadius radius of the target node (possibly taking into account the thickness of the node circumference line, etc.)\n * @param arrowHeadHeight height of the arrow head (in pixels)\n */\nexport function shortenLine(line: Line, sourceNodeRadius: number, targetNodeRadius: number, arrowHeadHeight = 1): Line {\n  const vx = line.x2 - line.x1;\n  const vy = line.y2 - line.y1;\n  const mag = Math.sqrt(vx * vx + vy * vy);\n  const cosine = (line.x2 - line.x1) / mag;\n  const sine = (line.y2 - line.y1) / mag;\n  const scaledThickness = arrowHeadHeight - arrowHeadHeight / 10;\n\n  // Reduce the line length (along its main direction) by:\n  // - the radius of the source node\n  // - the radius of the target node,\n  // - a constant value, just to add some empty space\n  // - the height of the arrow head; the bigger the arrow head, the better is to add even more empty space\n  return {\n    x1: line.x1 + cosine * (sourceNodeRadius + 5),\n    y1: line.y1 + sine * (sourceNodeRadius + 5),\n    x2: line.x2 - cosine * (targetNodeRadius + 3 + scaledThickness),\n    y2: line.y2 - sine * (targetNodeRadius + 3 + scaledThickness),\n  };\n}\n\nexport type NodeFields = {\n  id?: Field;\n  title?: Field;\n  subTitle?: Field;\n  mainStat?: Field;\n  secondaryStat?: Field;\n  arc: Field[];\n  details: Field[];\n  color?: Field;\n  icon?: Field;\n  nodeRadius?: Field;\n  highlighted?: Field;\n};\n\nexport function getNodeFields(nodes: DataFrame): NodeFields {\n  const normalizedFrames = {\n    ...nodes,\n    fields: nodes.fields.map((field) => ({ ...field, name: field.name.toLowerCase() })),\n  };\n  const fieldsCache = new FieldCache(normalizedFrames);\n  return {\n    id: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id.toLowerCase()),\n    title: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.title.toLowerCase()),\n    subTitle: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.subTitle.toLowerCase()),\n    mainStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.mainStat.toLowerCase()),\n    secondaryStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.secondaryStat.toLowerCase()),\n    arc: findFieldsByPrefix(nodes, NodeGraphDataFrameFieldNames.arc),\n    details: findFieldsByPrefix(nodes, NodeGraphDataFrameFieldNames.detail),\n    color: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.color),\n    icon: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.icon),\n    nodeRadius: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.nodeRadius.toLowerCase()),\n    highlighted: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.highlighted.toLowerCase()),\n  };\n}\n\nexport type EdgeFields = {\n  id?: Field;\n  source?: Field;\n  target?: Field;\n  mainStat?: Field;\n  secondaryStat?: Field;\n  details: Field[];\n  highlighted?: Field;\n  thickness?: Field;\n};\n\nexport function getEdgeFields(edges: DataFrame): EdgeFields {\n  const normalizedFrames = {\n    ...edges,\n    fields: edges.fields.map((field) => ({ ...field, name: field.name.toLowerCase() })),\n  };\n  const fieldsCache = new FieldCache(normalizedFrames);\n  return {\n    id: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id.toLowerCase()),\n    source: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.source.toLowerCase()),\n    target: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.target.toLowerCase()),\n    mainStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.mainStat.toLowerCase()),\n    secondaryStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.secondaryStat.toLowerCase()),\n    details: findFieldsByPrefix(edges, NodeGraphDataFrameFieldNames.detail.toLowerCase()),\n    highlighted: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.highlighted.toLowerCase()),\n    thickness: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.thickness.toLowerCase()),\n  };\n}\n\nfunction findFieldsByPrefix(frame: DataFrame, prefix: string): Field[] {\n  return frame.fields.filter((f) => f.name.match(new RegExp('^' + prefix)));\n}\n\n/**\n * Transform nodes and edges dataframes into array of objects that the layout code can then work with.\n */\nexport function processNodes(\n  nodes: DataFrame | undefined,\n  edges: DataFrame | undefined\n): {\n  nodes: NodeDatum[];\n  edges: EdgeDatum[];\n  legend?: Array<{\n    color: string;\n    name: string;\n  }>;\n} {\n  if (!(edges || nodes)) {\n    return { nodes: [], edges: [] };\n  }\n\n  if (nodes) {\n    const nodeFields = getNodeFields(nodes);\n    if (!nodeFields.id) {\n      throw new Error('id field is required for nodes data frame.');\n    }\n\n    // Create the nodes here\n    const nodesMap: { [id: string]: NodeDatum } = {};\n    for (let i = 0; i < nodeFields.id.values.length; i++) {\n      const id = nodeFields.id.values[i];\n      nodesMap[id] = makeNodeDatum(id, nodeFields, i);\n    }\n\n    // We may not have edges in case of single node\n    let edgeDatums: EdgeDatum[] = edges ? processEdges(edges, getEdgeFields(edges), nodesMap) : [];\n\n    for (const e of edgeDatums) {\n      // We are adding incoming edges count, so we can later on find out which nodes are the roots\n      nodesMap[e.target].incoming++;\n    }\n\n    return {\n      nodes: Object.values(nodesMap),\n      edges: edgeDatums,\n      legend: nodeFields.arc.map((f) => {\n        return {\n          color: f.config.color?.fixedColor ?? '',\n          name: f.config.displayName || f.name,\n        };\n      }),\n    };\n  } else {\n    // We have only edges here, so we have to construct also nodes out of them\n\n    // We checked that either node || edges has to be defined and if nodes aren't edges has to be defined\n    edges = edges!;\n\n    const nodesMap: { [id: string]: NodeDatumFromEdge } = {};\n\n    const edgeFields = getEdgeFields(edges);\n\n    // Turn edges into reasonable filled in nodes\n    for (let i = 0; i < edges.length; i++) {\n      const { source, target } = makeNodeDatumsFromEdge(edgeFields, i);\n\n      nodesMap[target.id] = nodesMap[target.id] || target;\n      nodesMap[source.id] = nodesMap[source.id] || source;\n\n      // Check the stats fields. They can be also strings which we cannot really aggregate so only aggregate in case\n      // they are numbers. Here we just sum all incoming edges to get the final value for node.\n      if (computableField(edgeFields.mainStat)) {\n        nodesMap[target.id].mainStatNumeric =\n          (nodesMap[target.id].mainStatNumeric ?? 0) + edgeFields.mainStat!.values[i];\n      }\n\n      if (computableField(edgeFields.secondaryStat)) {\n        nodesMap[target.id].secondaryStatNumeric =\n          (nodesMap[target.id].secondaryStatNumeric ?? 0) + edgeFields.secondaryStat!.values[i];\n      }\n\n      // We are adding incoming edges count, so we can later on find out which nodes are the roots\n      nodesMap[target.id].incoming++;\n    }\n\n    let edgeDatums = processEdges(edges, edgeFields, nodesMap);\n\n    // It is expected for stats to be Field, so we have to create them.\n    const nodes = normalizeStatsForNodes(nodesMap, edgeFields);\n\n    return {\n      nodes,\n      edges: edgeDatums,\n    };\n  }\n}\n\n/**\n * Turn data frame data into EdgeDatum that node graph understands\n * @param edges\n * @param edgeFields\n */\nfunction processEdges(edges: DataFrame, edgeFields: EdgeFields, nodesMap: { [id: string]: NodeDatum }): EdgeDatum[] {\n  if (!edgeFields.id) {\n    throw new Error('id field is required for edges data frame.');\n  }\n\n  return edgeFields.id.values.map((id, index) => {\n    const target = edgeFields.target?.values[index];\n    const source = edgeFields.source?.values[index];\n\n    const sourceNode = nodesMap[source];\n    const targetNode = nodesMap[target];\n\n    return {\n      id,\n      dataFrameRowIndex: index,\n      source,\n      target,\n      sourceNodeRadius: !sourceNode.nodeRadius ? nodeR : sourceNode.nodeRadius.values[sourceNode.dataFrameRowIndex],\n      targetNodeRadius: !targetNode.nodeRadius ? nodeR : targetNode.nodeRadius.values[targetNode.dataFrameRowIndex],\n      mainStat: edgeFields.mainStat ? statToString(edgeFields.mainStat.config, edgeFields.mainStat.values[index]) : '',\n      secondaryStat: edgeFields.secondaryStat\n        ? statToString(edgeFields.secondaryStat.config, edgeFields.secondaryStat.values[index])\n        : '',\n      highlighted: edgeFields.highlighted?.values[index] || false,\n      thickness: edgeFields.thickness?.values[index] || 1,\n    };\n  });\n}\n\nfunction computableField(field?: Field) {\n  return field && field.type === FieldType.number;\n}\n\n/**\n * Instead of just simple numbers node graph requires to have Field in NodeDatum (probably for some formatting info in\n * config). So we create them here and fill with correct data.\n * @param nodesMap\n * @param edgeFields\n */\nfunction normalizeStatsForNodes(nodesMap: { [id: string]: NodeDatumFromEdge }, edgeFields: EdgeFields): NodeDatum[] {\n  const secondaryStatValues: Array<number | undefined> = [];\n  const mainStatValues: Array<number | undefined> = [];\n  const secondaryStatField = computableField(edgeFields.secondaryStat)\n    ? {\n        ...edgeFields.secondaryStat!,\n        values: secondaryStatValues,\n      }\n    : undefined;\n\n  const mainStatField = computableField(edgeFields.mainStat)\n    ? {\n        ...edgeFields.mainStat!,\n        values: mainStatValues,\n      }\n    : undefined;\n\n  return Object.values(nodesMap).map((node, index) => {\n    if (mainStatField || secondaryStatField) {\n      const newNode = {\n        ...node,\n      };\n\n      if (mainStatField) {\n        newNode.mainStat = mainStatField;\n        mainStatValues.push(node.mainStatNumeric);\n        newNode.dataFrameRowIndex = index;\n      }\n\n      if (secondaryStatField) {\n        newNode.secondaryStat = secondaryStatField;\n        secondaryStatValues.push(node.secondaryStatNumeric);\n        newNode.dataFrameRowIndex = index;\n      }\n      return newNode;\n    }\n    return node;\n  });\n}\n\nfunction makeNodeDatumsFromEdge(edgeFields: EdgeFields, index: number) {\n  const targetId = edgeFields.target?.values[index];\n  const sourceId = edgeFields.source?.values[index];\n  return {\n    target: makeSimpleNodeDatum(targetId, index),\n    source: makeSimpleNodeDatum(sourceId, index),\n  };\n}\n\nfunction makeSimpleNodeDatum(name: string, index: number): NodeDatumFromEdge {\n  return {\n    id: name,\n    title: name,\n    subTitle: '',\n    dataFrameRowIndex: index,\n    incoming: 0,\n    arcSections: [],\n    highlighted: false,\n  };\n}\n\nfunction makeNodeDatum(id: string, nodeFields: NodeFields, index: number): NodeDatum {\n  return {\n    id: id,\n    title: nodeFields.title?.values[index] || '',\n    subTitle: nodeFields.subTitle?.values[index] || '',\n    dataFrameRowIndex: index,\n    incoming: 0,\n    mainStat: nodeFields.mainStat,\n    secondaryStat: nodeFields.secondaryStat,\n    arcSections: nodeFields.arc,\n    color: nodeFields.color,\n    icon: nodeFields.icon?.values[index] || '',\n    nodeRadius: nodeFields.nodeRadius,\n    highlighted: nodeFields.highlighted?.values[index] || false,\n  };\n}\n\nexport function statToString(config: FieldConfig, value: number | string): string {\n  if (typeof value === 'string') {\n    return value;\n  } else {\n    const decimals = config.decimals || 2;\n    if (Number.isFinite(value)) {\n      return value.toFixed(decimals) + (config.unit ? ' ' + config.unit : '');\n    } else {\n      return '';\n    }\n  }\n}\n\n/**\n * Utilities mainly for testing\n */\n\nexport function makeNodesDataFrame(count: number) {\n  const frame = nodesFrame();\n  for (let i = 0; i < count; i++) {\n    frame.add(makeNode(i));\n  }\n\n  return frame;\n}\n\nfunction makeNode(index: number) {\n  return {\n    id: index.toString(),\n    title: `service:${index}`,\n    subtitle: 'service',\n    arc__success: 0.5,\n    arc__errors: 0.5,\n    mainstat: 0.1,\n    secondarystat: 2,\n    color: 0.5,\n    icon: 'database',\n    noderadius: 40,\n  };\n}\n\nfunction nodesFrame() {\n  const fields = {\n    [NodeGraphDataFrameFieldNames.id]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.title]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.subTitle]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.mainStat]: {\n      values: [],\n      type: FieldType.number,\n    },\n    [NodeGraphDataFrameFieldNames.secondaryStat]: {\n      values: [],\n      type: FieldType.number,\n    },\n    [NodeGraphDataFrameFieldNames.arc + 'success']: {\n      values: [],\n      type: FieldType.number,\n      config: { color: { mode: FieldColorModeId.Fixed, fixedColor: 'green' } },\n    },\n    [NodeGraphDataFrameFieldNames.arc + 'errors']: {\n      values: [],\n      type: FieldType.number,\n      config: { color: { mode: FieldColorModeId.Fixed, fixedColor: 'red' } },\n    },\n    [NodeGraphDataFrameFieldNames.color]: {\n      values: [],\n      type: FieldType.number,\n      config: { color: { mode: FieldColorModeId.ContinuousGrYlRd } },\n    },\n    [NodeGraphDataFrameFieldNames.icon]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.nodeRadius]: {\n      values: [],\n      type: FieldType.number,\n    },\n  };\n\n  return new MutableDataFrame({\n    name: 'nodes',\n    fields: Object.entries(fields).map(([key, value]) => ({\n      ...value,\n      name: key,\n    })),\n  });\n}\n\nexport function makeEdgesDataFrame(\n  edges: Array<Partial<{ source: string; target: string; mainstat: number; secondarystat: number }>>\n) {\n  const frame = edgesFrame();\n  for (const edge of edges) {\n    frame.add({\n      id: edge.source + '--' + edge.target,\n      ...edge,\n    });\n  }\n\n  return frame;\n}\n\nfunction edgesFrame() {\n  const fields = {\n    [NodeGraphDataFrameFieldNames.id]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.source]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.target]: {\n      values: [],\n      type: FieldType.string,\n    },\n    [NodeGraphDataFrameFieldNames.mainStat]: {\n      values: [],\n      type: FieldType.number,\n    },\n    [NodeGraphDataFrameFieldNames.secondaryStat]: {\n      values: [],\n      type: FieldType.number,\n    },\n  };\n\n  return new MutableDataFrame({\n    name: 'edges',\n    fields: Object.entries(fields).map(([key, value]) => ({\n      ...value,\n      name: key,\n    })),\n  });\n}\n\nexport interface Bounds {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  center: {\n    x: number;\n    y: number;\n  };\n}\n\n/**\n * Get bounds of the graph meaning the extent of the nodes in all directions.\n */\nexport function graphBounds(nodes: NodeDatum[]): Bounds {\n  if (nodes.length === 0) {\n    return { top: 0, right: 0, bottom: 0, left: 0, center: { x: 0, y: 0 } };\n  }\n\n  const bounds = nodes.reduce(\n    (acc, node) => {\n      if (node.x! > acc.right) {\n        acc.right = node.x!;\n      }\n      if (node.x! < acc.left) {\n        acc.left = node.x!;\n      }\n      if (node.y! > acc.bottom) {\n        acc.bottom = node.y!;\n      }\n      if (node.y! < acc.top) {\n        acc.top = node.y!;\n      }\n      return acc;\n    },\n    { top: Infinity, right: -Infinity, bottom: -Infinity, left: Infinity }\n  );\n\n  const y = bounds.top + (bounds.bottom - bounds.top) / 2;\n  const x = bounds.left + (bounds.right - bounds.left) / 2;\n\n  return {\n    ...bounds,\n    center: {\n      x,\n      y,\n    },\n  };\n}\n\nexport function getNodeGraphDataFrames(frames: DataFrame[], options?: NodeGraphOptions) {\n  // TODO: this not in sync with how other types of responses are handled. Other types have a query response\n  //  processing pipeline which ends up populating redux state with proper data. As we move towards more dataFrame\n  //  oriented API it seems like a better direction to move such processing into to visualisations and do minimal\n  //  and lazy processing here. Needs bigger refactor so keeping nodeGraph and Traces as they are for now.\n  let nodeGraphFrames = frames.filter((frame) => {\n    if (frame.meta?.preferredVisualisationType === 'nodeGraph') {\n      return true;\n    }\n\n    if (frame.name === 'nodes' || frame.name === 'edges' || frame.refId === 'nodes' || frame.refId === 'edges') {\n      return true;\n    }\n\n    const fieldsCache = new FieldCache(frame);\n    if (fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id)) {\n      return true;\n    }\n\n    return false;\n  });\n\n  // If panel options are provided, interpolate their values in to the data frames\n  if (options) {\n    nodeGraphFrames = applyOptionsToFrames(nodeGraphFrames, options);\n  }\n  return nodeGraphFrames;\n}\n\nexport const applyOptionsToFrames = (frames: DataFrame[], options: NodeGraphOptions): DataFrame[] => {\n  return frames.map((frame) => {\n    const fieldsCache = new FieldCache(frame);\n\n    // Edges frame has source which can be used to identify nodes vs edges frames\n    if (fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.source.toLowerCase())) {\n      if (options?.edges?.mainStatUnit) {\n        const field = frame.fields.find((field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.mainStat);\n        if (field) {\n          field.config = { ...field.config, unit: options.edges.mainStatUnit };\n        }\n      }\n      if (options?.edges?.secondaryStatUnit) {\n        const field = frame.fields.find(\n          (field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.secondaryStat\n        );\n        if (field) {\n          field.config = { ...field.config, unit: options.edges.secondaryStatUnit };\n        }\n      }\n    } else {\n      if (options?.nodes?.mainStatUnit) {\n        const field = frame.fields.find((field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.mainStat);\n        if (field) {\n          field.config = { ...field.config, unit: options.nodes.mainStatUnit };\n        }\n      }\n      if (options?.nodes?.secondaryStatUnit) {\n        const field = frame.fields.find(\n          (field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.secondaryStat\n        );\n        if (field) {\n          field.config = { ...field.config, unit: options.nodes.secondaryStatUnit };\n        }\n      }\n      if (options?.nodes?.arcs?.length) {\n        for (const arc of options.nodes.arcs) {\n          const field = frame.fields.find((field) => field.name.toLowerCase() === arc.field);\n          if (field && arc.color) {\n            field.config = { ...field.config, color: { fixedColor: arc.color, mode: FieldColorModeId.Fixed } };\n          }\n        }\n      }\n    }\n    return frame;\n  });\n};\n\n// Returns an array of node ids which are connected to a given edge\nexport const findConnectedNodesForEdge = (nodes: NodeDatum[], edges: EdgeDatum[], edgeId: string): string[] => {\n  const edge = edges.find((edge) => edge.id === edgeId);\n  if (edge) {\n    return [\n      ...new Set(nodes.filter((node) => edge.source === node.id || edge.target === node.id).map((node) => node.id)),\n    ];\n  }\n  return [];\n};\n\n// Returns an array of node ids which are connected to a given node\nexport const findConnectedNodesForNode = (nodes: NodeDatum[], edges: EdgeDatum[], nodeId: string): string[] => {\n  const node = nodes.find((node) => node.id === nodeId);\n  if (node) {\n    const linkedEdges = edges.filter((edge) => edge.source === node.id || edge.target === node.id);\n    return [\n      ...new Set(\n        linkedEdges.flatMap((edge) =>\n          nodes.filter((n) => edge.source === n.id || edge.target === n.id).map((n) => n.id)\n        )\n      ),\n    ];\n  }\n  return [];\n};\n\nexport const getGraphFrame = (frames: DataFrame[]) => {\n  return frames.reduce<GraphFrame>(\n    (acc, frame) => {\n      const sourceField = frame.fields.filter((f) => f.name === 'source');\n      if (frame.name === 'edges' || sourceField.length) {\n        acc.edges.push(frame);\n      } else {\n        acc.nodes.push(frame);\n      }\n      return acc;\n    },\n    { edges: [], nodes: [] }\n  );\n};\n"],"names":["nodeR","highlightedNodeColor","getStyles","theme","hovering","computeNodeCircumferenceStrokeWidth","nodeRadius","Node","props","node","onMouseEnter","onMouseLeave","onClick","styles","isHovered","strokeWidth","ColorCircle","NodeContents","event","fullStat","s","nonZero","getColor","elements","acc","section","index","color","value","el","ArcSection","r","x","y","startPercent","percent","endPercent","startXPos","startYPos","endXPos","endYPos","largeArc","field","shortenLine","line","sourceNodeRadius","targetNodeRadius","arrowHeadHeight","vx","vy","mag","cosine","sine","scaledThickness","getNodeFields","nodes","normalizedFrames","fieldsCache","findFieldsByPrefix","getEdgeFields","edges","frame","prefix","f","processNodes","nodeFields","nodesMap","i","id","makeNodeDatum","edgeDatums","processEdges","e","edgeFields","source","target","makeNodeDatumsFromEdge","computableField","normalizeStatsForNodes","sourceNode","targetNode","statToString","secondaryStatValues","mainStatValues","secondaryStatField","mainStatField","newNode","targetId","sourceId","makeSimpleNodeDatum","name","config","decimals","makeNodesDataFrame","count","nodesFrame","makeNode","fields","key","makeEdgesDataFrame","edgesFrame","edge","graphBounds","bounds","getNodeGraphDataFrames","frames","options","nodeGraphFrames","applyOptionsToFrames","arc","findConnectedNodesForEdge","edgeId","findConnectedNodesForNode","nodeId","linkedEdges","n","getGraphFrame","sourceField"],"sourceRoot":""}