{"version":3,"file":"js/app.4492cd73.js","mappings":"8NAGA,MAAMA,EAAeA,KACnB,MAAMC,EAAO,GACb,IAAK,IAAIC,EAAI,GAAKA,GAAK,GAAIA,GAAK,GAC9BD,EAAKE,KAAKD,GAEZ,OAAOD,CAAI,EAGPG,GAAQC,EAAAA,EAAAA,MACdD,EAAME,IAAIC,EAAAA,GAEV,QAEO,MAAMC,GAAWC,EAAAA,EAAAA,IAAY,QAAS,CAC3CC,MAAOA,KAAA,CACLC,KAAM,GACNC,QAAS,GACTC,eAAgB,KAChBC,gBAAiB,KACjBC,aAAc,KACdC,eAAgB,KAChBC,aAAc,KACdC,mBAAoB,KACpBC,cAAc,EACdC,OAAO,EACPC,oBAAoB,EACpBC,MAAOC,eAAeC,QAAQ,UAAY,KAC1CC,iBAAkB,CAChB,CACEC,KAAM,UAER,CACEA,KAAM,iBAER,CACEA,KAAM,uBAGVC,YAAa,CACX,CACED,KAAM,SAER,CACEA,KAAM,aAER,CACEA,KAAM,MAER,CACEA,KAAM,kBAER,CACEA,KAAM,YAER,CACEA,KAAM,gBAER,CACEA,KAAM,iBAER,CACEA,KAAM,WAGVE,UAAW,CACT,CACEF,KAAM,GAER,CACEA,KAAM,IAER,CACEA,KAAM,IAER,CACEA,KAAM,IAER,CACEA,KAAM,IAER,CACEA,KAAM,KAGVG,MAAO,CACL,CACEH,KAAM,MAER,CACEA,KAAM,OAER,CACEA,KAAM,UAER,CACEA,KAAM,SAER,CACEA,KAAM,gBAER,CACEA,KAAM,UAGVI,QAAS,CACP,CACEJ,KAAM,kBAER,CACEA,KAAM,iBAER,CACEA,KAAM,uBAER,CACEA,KAAM,sBAER,CACEA,KAAM,qBAER,CACEA,KAAM,2BAER,CACEA,KAAM,mBAER,CACEA,KAAM,kBAER,CACEA,KAAM,wBAER,CACEA,KAAM,oBAER,CACEA,KAAM,UAGVK,OAAQ,CACN,CACEL,KAAM,OAER,CACEA,KAAM,OAER,CACEA,KAAM,aAER,CACEA,KAAM,aAER,CACEA,KAAM,OAER,CACEA,KAAM,UAGVM,OAAQ,CAAC,QAAS,SAAU,YAC5B/B,KAAMD,MAERiC,QAAS,CACP,eAAMC,GACJ,IACE,MAAMC,QAAiBC,MAAM,4DAA6D,CACxFC,OAAQ,MACRC,YAAa,UACbC,QAAS,CACP,eAAgB,sBAGpB,IAAKJ,EAASK,GACZ,MAAM,IAAIC,MAAM,uBAAuBN,EAASO,UAElDC,KAAKhC,WAAawB,EAASS,MAC7B,CAAE,MAAOC,GACPC,QAAQD,MAAM,iDAAkDA,EAClE,CACF,EACAE,iBAAAA,CAAkBC,GAChBC,aAAaC,QAAQ,MAAOC,KAAKC,UAAUJ,IAC3CL,KAAK9B,eAAiBmC,CACxB,EACAK,0BAAAA,CAA2BC,GACzBL,aAAaC,QAAQ,OAAQC,KAAKC,UAAUE,IAC5CX,KAAKY,wBAA0BD,CACjC,EACAE,kBAAAA,CAAmBC,GACjBd,KAAK7B,gBAAkB2C,CACzB,EACAC,UAAAA,CAAWC,GACThB,KAAK5B,aAAe4C,EAAQC,KAC5BjB,KAAK3B,eAAiB2C,EAAQE,OAC9BlB,KAAK1B,aAAe0C,EAAQG,KAC5BnB,KAAKzB,mBAAqByC,EAAQI,WAClCpB,KAAKqB,iBAAmBL,EAAQM,QAClC,EACAC,YAAAA,GACEvB,KAAK5B,aAAe,KACpB4B,KAAK3B,eAAiB,KACtB2B,KAAK1B,aAAe,KACpB0B,KAAKzB,mBAAqB,KAC1ByB,KAAKqB,iBAAmB,IAC1B,EACAG,eAAAA,CAAgBC,GACdzB,KAAKxB,aAAeiD,CACtB,EACAC,QAAAA,CAAS/C,GACPqB,KAAKrB,MAAQA,EACbC,eAAe2B,QAAQ,QAAS5B,EAClC,EACAgD,UAAAA,GACE3B,KAAKrB,MAAQ,KACbC,eAAegD,WAAW,SAC1BtB,aAAasB,WAAW,OACxBtB,aAAasB,WAAW,OAC1B,GAEFC,SAAS,I,2DC9NJ,MAAMC,EAAa,CACxBC,MAAO,SACPC,eAAgB,WAChBC,eAAgB,WAChBC,UAAW,SACXC,aAAc,kBACdC,YAAa,mBACbC,OAAQ,SACRC,YAAa,uCACbC,cAAe,SACfC,cAAe,YACfC,cAAe,iBACfC,cAAe,iBACfC,cAAe,cACfC,cAAe,oBACfC,cAAe,iBACfC,cAAe,qBACfC,cAAe,cACfC,cAAe,gBACfC,eAAgB,aAChBC,YAAa,kBACbC,YAAa,uBACbC,YAAa,aACbC,aAAc,yCACdC,mBAAoB,oBACpBC,mBAAoB,gBACpBC,iBAAkB,sBAClBC,mBAAoB,mFACpBC,oBAAqB,8FACrBC,eAAgB,sBAChBC,eAAgB,eAChBC,eAAgB,aAChBC,eAAgB,sBAChBC,cAAe,WACfC,cAAe,OACfC,iBAAkB,UAClBC,cAAe,iBACfC,cAAe,iBACfC,cAAe,gBACfC,cAAe,YACfC,cAAe,uBACfC,cAAe,kBACfC,cAAe,eACfC,cAAe,QACfC,cAAe,YACfC,cAAe,KACfC,eAAgB,SAChBC,eAAgB,cAChBC,kBAAmB,SACnBC,iBAAkB,QAClBC,iBAAkB,iBAClBC,oBAAqB,UACrBC,oBAAqB,UACrBC,uBAAwB,mBACxBC,mBAAoB,gBACpBC,sBAAuB,sBACvBC,yBAA0B,eAC1BC,qBAAsB,WACtBC,uBAAwB,aACxBC,4BAA6B,2BAC7BC,wBAAyB,cACzBC,oBAAqB,UACrBC,qBAAsB,YACtBC,wBAAyB,cACzBC,wBAAyB,YACzBC,oCAAqC,wBACrCC,yBAA0B,8EAC1BC,kBAAmB,YACnBC,oBAAqB,SACrBC,uBAAwB,YACxBC,kBAAmB,aACnBC,sBAAuB,mBACvBC,uBAAwB,aACxBC,cAAe,mHACfC,uBAAwB,6BACxBC,sBAAuB,iBACvBC,qBAAsB,kBACtBC,0BAA2B,+BAC3BC,kBAAmB,kBACnBC,uBAAwB,cACxBC,uBAAwB,mEACxBC,sBAAuB,SACvBC,sBAAuB,cACvBC,oBAAqB,YACrBC,iBAAkB,SAClBC,eAAgB,QAChBC,gBAAiB,QACjBC,mBAAoB,YACpBC,kBAAmB,UACnBC,mBAAoB,aACpBC,gBAAiB,eACjBC,gBAAiB,aACjBC,gBAAiB,iBACjBC,kBAAmB,SACnBC,mBAAoB,aACpBC,gBAAiB,kBACjBC,kBAAmB,aACnBC,oBAAqB,kBACrBC,wBAAyB,SACzBC,wBAAyB,oBACzBC,wBAAyB,sBACzBC,wBAAyB,iBACzBC,wBAAyB,SACzBC,wBAAyB,2BACzBC,wBAAyB,aACzBC,wBAAyB,cACzBC,wBAAyB,0BACzBC,iCAAkC,sBAClCC,eAAgB,iCAChBC,oBAAqB,uBACrBC,YAAa,sDACbC,KAAM,OACNC,YAAa,cACbC,yBAA0B,oBAC1BC,iBAAkB,aAClBC,YAAa,cACbC,SAAU,SACVC,YAAa,8BACbC,SAAU,wBACVC,eAAgB,qCAChBC,gBAAiB,mDACjBC,eAAgB,sBAChBC,eAAgB,qBAChBC,WAAY,sBACZC,gBAAiB,aACjBC,cAAe,WACfC,UAAW,gBACXC,cAAe,oBACfC,YAAa,kBACbC,WAAY,iBACZC,kBAAmB,kDACnBC,WAAY,cACZC,eAAgB,kBAChBC,UAAW,cACXC,gBAAiB,oCACjBC,eAAgB,gBAChBC,mBAAoB,0DACpBC,YAAa,kBACbC,WAAY,qBACZC,iBAAkB,wCAClBC,gBAAiB,oBACjBC,gBAAiB,wDACjBC,SAAU,iBACVC,cAAe,uCACfC,aAAc,mBACdC,gBAAiB,wBACjBC,iBAAkB,iCAClBC,iBAAkB,iCAClBC,kBAAmB,eACnBC,mBAAoB,mBACpBC,gBAAiB,SACjBC,kBAAmB,qB,+mBClErB,MAAMC,EAAQzN,IACRmB,EAAcsM,EAAMtM,YACpBE,EAAQoM,EAAMpM,MACdC,EAAUmM,EAAMnM,QAChBF,EAAYqM,EAAMrM,UAElBsM,EAAQC,EAKRpN,GAAeqN,EAAAA,EAAAA,IAAS,CAC5BC,IAAKA,IAAMJ,EAAMlN,aACjBuN,IAAMlK,GAAW6J,EAAMlN,aAAeqD,IAElCpD,GAAiBoN,EAAAA,EAAAA,IAAS,CAC9BC,IAAKA,IAAMJ,EAAMjN,eACjBsN,IAAMlK,GAAW6J,EAAMjN,eAAiBoD,IAEpCnD,GAAemN,EAAAA,EAAAA,IAAS,CAC5BC,IAAKA,IAAMJ,EAAMhN,aACjBqN,IAAMlK,GAAW6J,EAAMhN,aAAemD,IAElClD,GAAqBkN,EAAAA,EAAAA,IAAS,CAClCC,IAAKA,IAAMJ,EAAM/M,mBACjBoN,IAAMlK,GAAW6J,EAAM/M,mBAAqBkD,IAExCJ,GAAmBoK,EAAAA,EAAAA,IAAS,CAChCC,IAAKA,IAAMJ,EAAMjK,iBACjBsK,IAAMlK,GAAW6J,EAAMjK,iBAAmBI,IAGtCmK,GAAaH,EAAAA,EAAAA,KAAS,KAC1B,MAAMtK,EAAO,IAAI,IAAI0K,IAAIN,EAAMvN,MAAM8N,SAASC,GAASA,EAAKC,QACzDC,OACAC,KAAKF,IAAG,CAAQjN,KAAMiN,MACzB,OAAO7K,CAAI,IAGPgL,EAAgBA,KACpB,IAAIC,EAAeb,EAAMvN,MAAQ,GAC7BO,EAAmBkD,QACrB2K,EAAeA,EAAaC,QACzBN,GAASA,EAAK3K,aAAe7C,EAAmBkD,MAAM1C,QAGvDX,EAAaqD,QACf2K,EAAeA,EAAaC,QACzBN,GAASA,EAAK9K,OAAS7C,EAAaqD,MAAM1C,QAG3CV,EAAeoD,QACjB2K,EAAeA,EAAaC,QACzBN,GAASA,EAAK7K,SAAW7C,EAAeoD,MAAM1C,QAG/CT,EAAamD,QACf2K,EAAeA,EAAaC,QAAQN,GAClCA,EAAKC,IAAIM,SAAShO,EAAamD,MAAM1C,SAGrCsC,EAAiBI,QACnB2K,EAAeA,EAAaC,QACzBN,GAASA,EAAKzK,WAAaD,EAAiBI,MAAM1C,QAKpDR,EAAmBkD,OACnBrD,EAAaqD,OACbpD,EAAeoD,OACfnD,EAAamD,OACbJ,EAAiBI,QAElB2K,EAAeb,EAAMvN,MAGvBsN,EAAMzK,mBAAmBuL,EAAa,GAGxCG,EAAAA,EAAAA,IACE,CACEnO,EACAC,EACAC,EACAC,EACA8C,IAEF,KACEiK,EAAMvK,WAAW,CACfE,KAAM7C,EAAaqD,MACnBP,OAAQ7C,EAAeoD,MACvBN,KAAM7C,EAAamD,MACnBL,WAAY7C,EAAmBkD,MAC/BH,SAAUD,EAAiBI,QAE7B0K,GAAe,GAEjB,CAAEK,WAAW,IAGf,MAAMjL,EAAeA,KACnBnD,EAAaqD,MAAQ,KACrBpD,EAAeoD,MAAQ,KACvBnD,EAAamD,MAAQ,KACrBlD,EAAmBkD,MAAQ,KAC3BJ,EAAiBI,MAAQ,KACzB6J,EAAM9J,iBAAgB,EAAK,E,m9EC1L7B,MAAMiL,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,Q,+nBC6GA,MAAMnB,EAAQzN,IACR6O,GAASC,EAAAA,EAAAA,MACTpB,EAAQC,EAGRoB,EAAUC,EAAAA,GAChB,IAAIC,GAAUC,EAAAA,EAAAA,KAAI,GACdC,GAAaD,EAAAA,EAAAA,KAAI,GAErB,MAAME,EAAeA,KACnBD,EAAWvL,OAASuL,EAAWvL,MAC/B6J,EAAM9J,gBAAgBwL,EAAWvL,OAC7BuL,EAAWvL,MACbiL,EAAOlP,KAAK,CAAEuB,KAAM,kBAGtB,EAGImO,EAAYA,KAChB,MAAMC,EACJ,yGACFC,OAAOC,KAAKF,EAAS,SAAS,EAG1BG,EAAoBA,KACxB,MAAMH,EAAU,oEAChBC,OAAOC,KAAKF,EAAS,SAAS,EAG1BI,EAAiBC,IACH,WAAdA,EAAMC,KACRD,EAAME,iBACR,E,OAGFC,EAAAA,EAAAA,KAAU,KACRP,OAAOQ,iBAAiB,UAAWL,GAAe,EAAK,KAGzDM,EAAAA,EAAAA,KAAY,KACVT,OAAOU,oBAAoB,UAAWP,GAAe,EAAK,I,+2DCxJ5D,MAAM,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,Q,sQCkDA,MAAMjC,EAAQzN,IACRkQ,GAAgBhB,EAAAA,EAAAA,KAAI,GACpBiB,GAAQjB,EAAAA,EAAAA,IAAI,MACZkB,GAAUlB,EAAAA,EAAAA,KAAI,GACdmB,GAAWnB,EAAAA,EAAAA,IAAI,cACfoB,GAAWpB,EAAAA,EAAAA,IAAI,IACfqB,GAASrB,EAAAA,EAAAA,IAAI,IAEbsB,EAAaA,KACjBN,EAActM,OAAQ,CAAI,EAGtB6M,EAAWC,UACff,EAAMgB,iBACNP,EAAQxM,OAAQ,EAChB,IACE,MAAMjC,QAAiBC,MAAM,0EAA2E,CACtGC,OAAQ,OACR+O,KAAM,OACN9O,YAAa,UACbC,QAAS,CACP8O,OAAQ,mBACR,eAAgB,oBAElBC,KAAMnO,KAAKC,UAAU,CACnByN,SAAUA,EAASzM,MACnB0M,SAAUA,EAAS1M,UAIvB,GAAIjC,EAASK,GAAI,CACf+O,IACAR,EAAO3M,MAAQ,GACf,MAAMoN,EAAQC,YAAW,KACvBb,EAAQxM,OAAQ,EAChB6J,EAAMyD,OAAO,CAAEtQ,OAAO,IACtBsP,EAActM,OAAQ,CAAK,GAC1B,KACH,MAAO,IAAMuN,aAAaH,EAC5B,CAAO,CACL,MAAMI,QAAgBzP,EAAS0P,OAC/Bd,EAAO3M,MAAQwN,EACf9O,QAAQD,MAAM+O,GACdhB,EAAQxM,OAAQ,CAClB,CACF,CAAE,MAAOvB,GACPC,QAAQD,MAAMA,EAChB,GAGI0O,EAAWA,KACfZ,EAAMvM,MAAM0N,IAAI,CACdC,SAAU,UACVC,QAAS,UACTC,OAAQxN,EAAWK,aACnBoN,KAAM,KACN,E,OAIJC,EAAa,CAAEnB,e,syCCnHf,MAAM,GAAc,GAEpB,U,oQCyDA,MAAM/C,EAAQzN,IACRoQ,GAAUlB,EAAAA,EAAAA,KAAI,GACdiB,GAAQjB,EAAAA,EAAAA,IAAI,MACZ0C,GAAQC,EAAAA,EAAAA,MACRhD,GAASC,EAAAA,EAAAA,MACTgD,GAAUlE,EAAAA,EAAAA,KAAS,IAAMH,EAAM7M,QAC/BmR,GAAmB7C,EAAAA,EAAAA,IAAI0C,EAAMI,KAAKC,WAClCC,GAAiBhD,EAAAA,EAAAA,IAAI,OAE3BR,EAAAA,EAAAA,KACE,IAAMkD,EAAMO,OACZ,KACEJ,EAAiBnO,MAAQgO,EAAMI,KAAKC,SAAS,IAIjD,MAAMG,EAAkBA,KACS,mBAA3BL,EAAiBnO,MACnBiL,EACGlP,KAAK,CAAEuB,KAAM,mBACbmR,MAAK,KACJ5P,aAAasB,WAAW,OACxBmO,EAAetO,MAAM4M,YAAY,IAElC8B,OAAOjQ,IACNC,QAAQD,MAAM,oBAAqBA,EAAM,IAG7C6P,EAAetO,MAAM4M,YACvB,EAGI+B,EAA8BA,KAClC9P,aAAasB,WAAW,OACxB0J,EAAMyD,OAAO,CAAErQ,oBAAoB,GAAO,EAGtC2R,EAAmBA,KACvB/E,EAAMyD,OAAO,CAAEtQ,OAAO,GAAQ,EAG1B6R,EAAe/B,UACnBN,EAAQxM,OAAQ,EAChB,IACE,MAAMjC,QAAiBC,MAAM,qEAAsE,CACjGC,OAAQ,MACR+O,KAAM,OACN9O,YAAa,UACbC,QAAS,CACP8O,OAAQ,mBACR,eAAgB,sBAIpB,GAAIlP,EAASK,GAAI,CACf+O,IACA,MAAMC,EAAQC,YAAW,KACvBxD,EAAM3J,aACN2J,EAAMiF,SACNtC,EAAQxM,OAAQ,EAChBnB,aAAasB,WAAW,SACxBwL,OAAOoD,SAASC,QAAQ,GACvB,KACH,MAAO,IAAMzB,aAAaH,EAC5B,CAAO,CACL,MAAMI,QAAgBzP,EAAS0P,OAC/B/O,QAAQD,MAAM+O,GACdhB,EAAQxM,OAAQ,CAClB,CACF,CAAE,MAAOvB,GACPC,QAAQD,MAAMA,EAChB,GAGI0O,EAAWA,KACfZ,EAAMvM,MAAM0N,IAAI,CACdC,SAAU,UACVC,QAAS,UACTC,OAAQxN,EAAWM,YACnBmN,KAAM,KACN,EAEEmB,EAAYA,KAChB,MAAMC,EAAejE,EAAOiE,aAAalP,MAGjB,WAAtBkP,EAAaX,MACS,oBAAtBW,EAAaX,OAGgB,uBAAtBW,EAAaX,OACpB1P,aAAasB,WAAW,OACxBtB,aAAasB,WAAW,SAG1B8K,EAAOkE,OAAM,E,g1CCvJf,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,ipBCLA,MAAM,GAAc,GAEpB,U,u5FCkeA,MAAMtF,EAAQzN,IACRgT,GAAWpF,EAAAA,EAAAA,KAAS,IAAMH,EAAM5M,qBAChCR,GAAiB6O,EAAAA,EAAAA,IAAIvM,KAAKsQ,MAAMxQ,aAAazB,QAAQ,SACrDC,EAAmBwM,EAAMxM,iBACzBE,EAAcsM,EAAMtM,YACpBC,EAAYqM,EAAMrM,UAClBC,EAAQoM,EAAMpM,MACdC,EAAUmM,EAAMnM,QAChBC,EAASkM,EAAMlM,OACfC,EAASiM,EAAMjM,OACf/B,EAAOgO,EAAMhO,KACbyT,GAAShE,EAAAA,EAAAA,IAAI,IACbiE,GAAajE,EAAAA,EAAAA,KAAI,GACjBkE,GAAYlE,EAAAA,EAAAA,IAAI,IAChBmE,GAAQnE,EAAAA,EAAAA,IAAI,IACZoE,GAAYpE,EAAAA,EAAAA,IAAI,IAChBqE,GAAkBrE,EAAAA,EAAAA,IAAI,IACtBxO,GAAqBwO,EAAAA,EAAAA,IAAI,IACzB1L,GAAmB0L,EAAAA,EAAAA,IAAI,IACvB3O,GAAe2O,EAAAA,EAAAA,IAAI,IACnB1O,GAAiB0O,EAAAA,EAAAA,IAAI,IACrBsE,GAAgBtE,EAAAA,EAAAA,IAAI,IACpBuE,GAAoBvE,EAAAA,EAAAA,IAAI,IACxBwE,GAAqBxE,EAAAA,EAAAA,IAAI,IACzByE,GAAQzE,EAAAA,EAAAA,IAAI,IACZ0E,GAAY1E,EAAAA,EAAAA,IAAI,IAChB2E,GAAS3E,EAAAA,EAAAA,IAAI,IACbf,GAAMe,EAAAA,EAAAA,IAAI,IACV4E,GAAW5E,EAAAA,EAAAA,IAAI,CAAC,GAAI,KACpB6E,GAAY7E,EAAAA,EAAAA,IAAI,CAAC,KACjBqB,GAASrB,EAAAA,EAAAA,IAAI,IACbiB,GAAQjB,EAAAA,EAAAA,IAAI,MACZkB,GAAUlB,EAAAA,EAAAA,KAAI,GACd8E,GAAc9E,EAAAA,EAAAA,KAAI,GAClB+E,GAAS/E,EAAAA,EAAAA,IAAI,CACjB,CACEf,IAAK,CAAC,GAAI,IACV1O,KAAM,GACNyB,KAAM,GACN0S,UAAW,GACXC,OAAQ,CAAC,CAAE1F,IAAK,CAAC,IAAK1O,KAAM,GAAIyB,KAAM,GAAIgT,MAAO,QAG/C5Q,GAAO4L,EAAAA,EAAAA,IAAI,CAAC,GAAI,GAAI,KAEpBiF,EAAkBA,KACtB1R,aAAasB,WAAW,OACxB0J,EAAMyD,OAAO,CAAErQ,oBAAoB,GAAQ,GAG7CiP,EAAAA,EAAAA,KAAU,KACJzP,EAAeuD,QACjBsP,EAAOtP,MAAQvD,EAAeuD,MAAMwQ,IACpCf,EAAMzP,MAAQvD,EAAeuD,MAAMyP,MACnCD,EAAUxP,MAAQvD,EAAeuD,MAAMwP,UACvCE,EAAU1P,MAAQvD,EAAeuD,MAAMyQ,MACvC3T,EAAmBkD,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAML,YACxDC,EAAiBI,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAMH,UACtDlD,EAAaqD,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAMR,MAClDmQ,EAAgB3P,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAM0Q,SACrD9T,EAAeoD,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAMP,QACpDmQ,EAAc5P,MAAQ,CAAE1C,KAAMb,EAAeuD,MAAM2Q,UACnDN,EAAOrQ,MAAQvD,EAAeuD,MAAM+P,MACpCrQ,EAAKM,MAAQvD,EAAeuD,MAAMuK,IACpC,IAGF,MAAMqG,EAAoBA,KACxBP,EAAOrQ,MAAMjE,KAAK,CAChBwO,IAAK2F,EAASlQ,MACdnE,KAAMgU,EAAkB7P,MACxB1C,KAAMyS,EAAM/P,MACZgQ,UAAWA,EAAUhQ,MACrBiQ,OAAQ,KAEVC,EAASlQ,MAAQ,CAAC,GAAI,IACtB+P,EAAM/P,MAAQ,GACdgQ,EAAUhQ,MAAQ,EAAE,EAGhB6Q,EAAwBC,IAC5BT,EAAOrQ,MAAM8Q,GAAYb,OAAOlU,KAAK,CACnCwO,IAAK4F,EAAUnQ,MACfnE,KAAMiU,EAAmB9P,MACzB1C,KAAM2S,EAAOjQ,MACbsQ,MAAO,KAERH,EAAUnQ,MAAQ,CAAC,IAAOiQ,EAAOjQ,MAAQ,EAAG,EAGzC+Q,EAAkBA,KACtBrR,EAAKM,MAAMjE,KAAKwO,EAAIvK,OACpBuK,EAAIvK,MAAQ,EAAE,EAGVgR,EAAqBC,IACzBZ,EAAOrQ,MAAMkR,OAAOD,EAAQ,EAAE,EAG1BE,EAAuBA,CAACF,EAAQG,KACpCf,EAAOrQ,MAAMiR,GAAQhB,OAAOiB,OAAOE,EAAQ,EAAE,EAGzCC,GAAmBC,IACvB5R,EAAKM,MAAMkR,OAAOI,EAAS,EAAE,EAGzBC,GAAef,IACnB,IAEE,OADA,IAAIgB,IAAIhB,IACD,CACT,CAAE,MAAOiB,GACP,OAAO,CACT,GAGItE,GAAWA,KACfZ,EAAMvM,MAAM0N,IAAI,CACdC,SAAU,UACVC,QAAS,UACTC,OAAQxN,EAAWiJ,gBAAkB,IAAMoG,EAAU1P,MAAM0R,cAC3D5D,KAAM,KACN,EAGE6D,GAAYA,KAChBlC,EAAMzP,MAAQ,GACd0P,EAAU1P,MAAQ,GAClBJ,EAAiBI,MAAQ,GACzBrD,EAAaqD,MAAQ,GACrB2P,EAAgB3P,MAAQ,GACxBlD,EAAmBkD,MAAQ,GAC3BpD,EAAeoD,MAAQ,GACvB4P,EAAc5P,MAAQ,GACtBwP,EAAUxP,MAAQ,GAClBqQ,EAAOrQ,MAAQ,CACb,CACEuK,IAAK,CAAC,GAAI,IACV1O,KAAM,EACNyB,KAAM,GACN0S,UAAW,GACXC,OAAQ,CAAC,CAAE1F,IAAK,CAAC,GAAI,IAAK1O,KAAM,EAAGyB,KAAM,GAAIgT,MAAO,OAGxD5Q,EAAKM,MAAQ,CAAC,GAAI,GAAI,IACtBsP,EAAOtP,MAAQ,GACfoQ,EAAYpQ,OAAQ,CAAK,EAGrB4R,GAAeA,KACnBxB,EAAYpQ,OAAQ,KAEjByP,EAAMzP,OACN0P,EAAU1P,OACVJ,EAAiBI,OACjBrD,EAAaqD,OACb2P,EAAgB3P,OAChBlD,EAAmBkD,OACnBpD,EAAeoD,OACf4P,EAAc5P,OACdwP,EAAUxP,OACVsP,EAAOtP,SAERuM,EAAMvM,MAAM0N,IAAI,CACdC,SAAU,QACVC,QAAS,WACTC,OAAQ,gCACRC,KAAM,OAED,IAILjB,GAAWC,UAEf,GADAf,EAAMgB,iBACF6E,KAAgB,CAClB,MAAMC,EAAM,CACVpC,MAAOA,EAAMzP,MACbyQ,MAAOf,EAAU1P,MAAM0R,cACvB7R,SAAUD,EAAiBI,MAAM1C,KACjCkC,KAAM7C,EAAaqD,MAAM1C,KACzBoT,QAASf,EAAgB3P,MAAM1C,KAC/BqC,WAAY7C,EAAmBkD,MAAM1C,KACrCmC,OAAQ7C,EAAeoD,MAAM1C,KAC7BqT,SAAUf,EAAc5P,MAAM1C,KAC9BkS,UAAWA,EAAUxP,MACrB+P,OAAO+B,EAAAA,EAAAA,IAAMzB,EAAOrQ,OACpBuK,IAAK7K,EAAKM,MAAMyK,KAAKF,GAAQA,EAAImH,gBACjClB,IAAKlB,EAAOtP,OAEdwM,EAAQxM,OAAQ,EAChB,IACE,MAAMjC,QAAiBC,MAAM,4DAA6D,CACxFC,OAAQ,OACR+O,KAAM,OACN9O,YAAa,UACbC,QAAS,CACP8O,OAAQ,mBACR,eAAgB,oBAElBC,KAAMnO,KAAKC,UAAU6S,KAGvB,GAAI9T,EAASK,GACX+O,KACAR,EAAO3M,MAAQ,SACT6J,EAAM/L,YACZ0O,EAAQxM,OAAQ,EAChB2R,SACK,CACL,MAAMnE,QAAgBzP,EAAS0P,OAC/Bd,EAAO3M,MAAQwN,EACf9O,QAAQD,MAAM+O,GACdhB,EAAQxM,OAAQ,CAClB,CACF,CAAE,MAAOvB,GACPC,QAAQD,MAAMA,EAChB,CACF,GAGIsT,GAAWjF,UAEf,GADAf,EAAMgB,iBACF6E,KAAgB,CAClB,MAAMI,EAAQvV,EAAeuD,MAAMiS,IAC7BJ,EAAM,CACVpC,MAAOA,EAAMzP,MACbyQ,MAAOf,EAAU1P,MAAM0R,cACvB7R,SAAUD,EAAiBI,MAAM1C,KACjCkC,KAAM7C,EAAaqD,MAAM1C,KACzBoT,QAASf,EAAgB3P,MAAM1C,KAC/BqC,WAAY7C,EAAmBkD,MAAM1C,KACrCmC,OAAQ7C,EAAeoD,MAAM1C,KAC7BqT,SAAUf,EAAc5P,MAAM1C,KAC9BkS,UAAWA,EAAUxP,MACrB+P,OAAO+B,EAAAA,EAAAA,IAAMzB,EAAOrQ,OACpBuK,IAAK7K,EAAKM,MAAMyK,KAAKF,GAAQA,EAAImH,gBACjClB,IAAKlB,EAAOtP,OAEdwM,EAAQxM,OAAQ,EAChB,IACE,MAAMjC,QAAiBC,MAAM,6DAA6DgU,IAAS,CACjG/T,OAAQ,QACR+O,KAAM,OACN9O,YAAa,UACbC,QAAS,CACP8O,OAAQ,mBACR,eAAgB,oBAElBC,KAAMnO,KAAKC,UAAU6S,KAGvB,GAAI9T,EAASK,GACXmO,EAAMvM,MAAM0N,IAAI,CACdC,SAAU,UACVC,QAAS,UACTC,OACExN,EAAWuJ,kBAAoB,IAAM8F,EAAU1P,MAAM0R,cACvD5D,KAAM,MAERnB,EAAO3M,MAAQ,SACT6J,EAAM/L,YACZ0O,EAAQxM,OAAQ,EAChBuQ,QACK,CACL,MAAM/C,QAAgBzP,EAAS0P,OAC/Bd,EAAO3M,MAAQwN,EACf9O,QAAQD,MAAM+O,GACdhB,EAAQxM,OAAQ,CAClB,CACF,CAAE,MAAOvB,GACPC,QAAQD,MAAMA,EAChB,CACF,G,OAGFqM,EAAAA,EAAAA,KACE,IAAMwE,EAAOtP,QACZkS,IACC3C,EAAWvP,MAAQuR,GAAYW,EAAO,I,0haCxvB1C,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,uOCwBA,MAAMC,GAAe7G,EAAAA,EAAAA,KAAI,GACnBzB,EAAQzN,IACRa,GAAqB+M,EAAAA,EAAAA,KAAS,IAAMH,EAAM5M,qBAC1CmV,EAAmBA,KACvBD,EAAanS,MAAQ2L,OAAO0G,WAAa,IAAI,E,OAG/CnG,EAAAA,EAAAA,KAAU,KACRkG,IACAzG,OAAOQ,iBAAiB,SAAUiG,EAAiB,KAGrDhG,EAAAA,EAAAA,KAAY,KACVT,OAAOU,oBAAoB,SAAU+F,EAAiB,I,ujBCvCxD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,mNCiDA,MAAMvI,EAAQzN,IACR6O,GAASC,EAAAA,EAAAA,MACTsB,GAAUlB,EAAAA,EAAAA,KAAI,GACdoB,GAAWpB,EAAAA,EAAAA,IAAI,IACfmB,GAAWnB,EAAAA,EAAAA,IAAI,YACfqB,GAASrB,EAAAA,EAAAA,IAAI,IAEbuB,EAAWC,UACff,EAAMgB,iBACNP,EAAQxM,OAAQ,EAEhBhC,MAAM,oEAAqE,CACzEC,OAAQ,OACR+O,KAAM,OACN9O,YAAa,UACbC,QAAS,CACP8O,OAAQ,mBACR,eAAgB,oBAElBC,KAAMnO,KAAKC,UAAU,CACnByN,SAAUA,EAASzM,MACnB0M,SAAUA,EAAS1M,UAGpByO,MAAK3B,UACJ,GAAI/O,EAASK,GACX,OAAOL,EAASS,OAElB,MAAMgP,QAAgBzP,EAAS0P,OAC/B,MAAM,IAAIpP,MAAMmP,EAAQ,IAEzBiB,MAAMlS,IACLsN,EAAM5J,SAAS1D,EAAKW,OACb2M,EAAM/L,eAEd2Q,MAAK,KACJ9B,EAAO3M,MAAQ,GACfiL,EAAOlP,KAAK,CAAEuB,KAAM,kBAAmB,IAExCoR,OAAOjQ,IACNC,QAAQD,MAAM,gDAAiDA,GAC/DkO,EAAO3M,MAAQvB,EAAM+O,SAAW,sCAAsC,IAEvE8E,SAAQ,KACP9F,EAAQxM,OAAQ,CAAK,GACrB,E,goCChGN,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,sGCSA,MAAM6J,EAAQzN,IACRG,GAAO+O,EAAAA,EAAAA,IAAI,I,OAEjBiH,EAAAA,EAAAA,KAAY,KACVhW,EAAKyD,MAAQ6J,EAAMtN,IAAI,KAGzBuO,EAAAA,EAAAA,KACE,IAAMjB,EAAMtN,OACXiW,IACCjW,EAAKyD,MAAQwS,CAAQ,KAIzB1H,EAAAA,EAAAA,KACE,IAAMjB,EAAM3M,QACXuV,IACKA,GACF5I,EAAM/L,WACR,GAEF,CAAEiN,WAAW,I,4VCjCf,MAAM,GAAc,GAEpB,U,kgCC8IA,MAAMjB,EAAQC,EAGR2I,GAAUpH,EAAAA,EAAAA,IAAIxB,EAAMvN,MACpBoW,GAAcrH,EAAAA,EAAAA,IAAI,IAClBzB,EAAQzN,IACR8R,GAAUlE,EAAAA,EAAAA,KAAS,IAAMH,EAAM7M,QAE/BN,GAAkBsN,EAAAA,EAAAA,KAAS,KAC/B,MAAM4I,EAAmBD,EAAY3S,MAAM6S,cACrCC,EAAwBJ,EAAQ1S,MAAM4K,QAAQhM,GAC3CA,EAAI6R,MAAMoC,cAAcE,WAAWH,KAGtCI,EAAsBN,EAAQ1S,MAAM4K,QAAQhM,IAE7CA,EAAI6R,MAAMoC,cAAcE,WAAWH,IACpChU,EAAI6R,MAAMoC,cAAchI,SAAS+H,KAIrC,MAAO,IACFE,EAAsBtI,MAAK,CAACyI,EAAGC,IAAMD,EAAExC,MAAM0C,cAAcD,EAAEzC,YAC7DuC,EAAoBxI,MAAK,CAACyI,EAAGC,IAAMD,EAAExC,MAAM0C,cAAcD,EAAEzC,SAC/D,IAGG2C,EAAmB1T,GAChBA,EAAK2T,MAAM,EAAG,IAGvBvI,EAAAA,EAAAA,KACE,IAAMhB,EAAMvN,OACX+W,IACCZ,EAAQ1S,MAAQsT,CAAO,GAEzB,CAAEvI,WAAW,IAGf,MAAMwI,EAAuB3U,IAC3BiL,EAAMlL,kBAAkBC,EAAI,EAGxB+P,EAA+BrE,IACnCT,EAAMlL,kBAAkB2L,GACxBT,EAAMyD,OAAO,CAAErQ,oBAAoB,GAAO,E,OAG5CiP,EAAAA,EAAAA,KAAUY,gBACFjD,EAAM/L,WAAW,I,mlGChMzB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,uZCwFA,MAAM+L,EAAQzN,IACRsW,GAAUpH,EAAAA,EAAAA,IAAIzB,EAAMnN,iBACpBC,GAAeqN,EAAAA,EAAAA,KAAS,IAAMH,EAAMlN,eACpCC,GAAiBoN,EAAAA,EAAAA,KAAS,IAAMH,EAAMjN,iBACtCC,GAAemN,EAAAA,EAAAA,KAAS,IAAMH,EAAMhN,eACpCC,GAAqBkN,EAAAA,EAAAA,KAAS,IAAMH,EAAM/M,qBAC1C8C,GAAmBoK,EAAAA,EAAAA,KAAS,IAAMH,EAAMjK,mBAExC4T,EAAgB5I,IACpB,OAAQA,GACN,IAAK,OACHf,EAAMlN,aAAe,KACrB,MACF,IAAK,SACHkN,EAAMjN,eAAiB,KACvB,MACF,IAAK,OACHiN,EAAMhN,aAAe,KACrB,MACF,IAAK,aACHgN,EAAM/M,mBAAqB,KAC3B,MACF,IAAK,WACH+M,EAAMjK,iBAAmB,KACzB,MACJ,E,OAGFkL,EAAAA,EAAAA,KACE,IAAMjB,EAAMnN,kBACX+W,IACCf,EAAQ1S,MAAQyT,CAAkB,GAEpC,CAAE1I,WAAW,I,07DC3Hf,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,yuDCyQA,MAAMlB,EAAQzN,IACR0N,EAAQC,EAKR2J,GAAOpI,EAAAA,EAAAA,IAAIxB,EAAM4J,MACjBxU,GAAOoM,EAAAA,EAAAA,IAAIxB,EAAM5K,MAEjByU,GAAe3J,EAAAA,EAAAA,KAAS,IACrB0J,EAAK1T,MAAMuK,IAAIK,QAAQL,GAAgB,KAARA,MAGlCqJ,GAAW5J,EAAAA,EAAAA,KAAS,IACjB9K,EAAKc,MAAMuK,IAAIK,QAAQL,GAAgB,KAARA,MAGlCsJ,EAAOC,EAEPC,EAAmBnV,IACvBiL,EAAMlL,kBAAkBC,EAAI,EAGxBoV,EAAeA,KACnBH,EAAK,cAAe,MACpBA,EAAK,gBAAgB,GACrBhV,aAAasB,WAAW,MAAM,EAG1B8T,EAAWA,CAACC,EAAQC,IACjBD,IAAWC,EAGdC,EAAgBC,GAAQA,EAAIC,QAAQ,OAAQ,IAE5CC,EAAyBA,CAACC,EAAKnV,KACnC,MAAMoV,EAAaL,EAAaI,GAC1BE,EAAarV,EAAIoL,IAAI2J,GAAcxJ,QAAQ+J,GAAc,KAAPA,IACxD,OAAOD,EAAW7J,SAAS4J,EAAW,EAGlCG,EAAmBlE,IACvB,IAAKxR,EAAKc,MAAO,OAAO,EACxB,MAAM6U,EAAe3V,EAAKc,MAAM+P,MAC7B1F,SAASyK,GAAM,IACXA,EAAEvK,IAAIK,QAAQ+J,GAAc,KAAPA,OACpBG,EAAE7E,QAAQ5F,SAAS0K,GAAM,IAAIA,EAAExK,IAAIK,QAAQ+J,GAAc,KAAPA,QAAgB,MAEvE/J,QAAQ+J,QAAcK,IAAPL,IAClB,OAAOJ,EAAuB7D,EAASmE,EAAa,EAGhDI,EAAgBA,CAAC3E,EAAO4E,KAC5B,IAAKhW,EAAKc,MAAO,OAAO,EACxB,MAAMmV,EAAiBjW,EAAKc,MAAM+P,MAC/B1F,SACEyK,GAAMA,EAAE7E,QAAQ5F,SAAS0K,GAAMA,EAAExK,IAAIK,QAAQ+J,GAAc,KAAPA,OAAe,KAErE/J,QAAQ+J,QAAcK,IAAPL,IAClB,OACEO,EAAWE,MAAM7K,GAAQgK,EAAuBhK,EAAK4K,MACrD7E,CAAI,EAIF+E,EAAqB/X,IACzB,IAAK4B,EAAKc,MAAO,OAAO,EACxB,MAAMsV,EAAiBpW,EAAKc,MAAM+P,MAC/BtF,KAAKqK,GAAMA,EAAExX,OACbsN,QAAQ+J,GAAc,KAAPA,IAClB,OAAOJ,EAAuBjX,EAAMgY,EAAe,E,OAGrDxK,EAAAA,EAAAA,KACE,IAAMhB,EAAM5K,OACXqW,IACCrW,EAAKc,MAAQuV,CAAO,I,4xLCvVxB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,mvDC4QA,MAAM1L,EAAQzN,IACR0N,EAAQC,EAKR2J,GAAOpI,EAAAA,EAAAA,IAAIxB,EAAM4J,MACjBxU,GAAOoM,EAAAA,EAAAA,IAAIxB,EAAM5K,MAEjByU,GAAe3J,EAAAA,EAAAA,KAAS,IACrB9K,EAAKc,MAAMuK,IAAIK,QAAQL,GAAgB,KAARA,MAGlCiL,GAAWxL,EAAAA,EAAAA,KAAS,IACjB0J,EAAK1T,MAAMuK,IAAIK,QAAQL,GAAgB,KAARA,MAGlCsJ,EAAOC,EAEPC,EAAmBnV,IACvBiL,EAAM5K,2BAA2BL,EAAI,EAGjCoV,EAAeA,KACnBH,EAAK,cAAe,MACpBA,EAAK,gBAAgB,GACrBhV,aAAasB,WAAW,OAAO,EAG3B8T,EAAWA,CAACC,EAAQC,IACjBD,IAAWC,EAGdC,EAAgBC,GAAQA,EAAIC,QAAQ,OAAQ,IAE5CC,EAAyBA,CAACC,EAAKnV,KACnC,MAAMoV,EAAaL,EAAaI,GAC1BE,EAAarV,EAAIoL,IAAI2J,GAAcxJ,QAAQ+J,GAAc,KAAPA,IACxD,OAAOD,EAAW7J,SAAS4J,EAAW,EAGlCG,EAAmBlE,IACvB,IAAKgD,EAAK1T,MAAO,OAAO,EACxB,MAAMyV,EAAe/B,EAAK1T,MAAM+P,MAC7B1F,SAASyK,GAAM,IACXA,EAAEvK,IAAIK,QAAQ+J,GAAc,KAAPA,OACpBG,EAAE7E,QAAQ5F,SAAS0K,GAAM,IAAIA,EAAExK,IAAIK,QAAQ+J,GAAc,KAAPA,QAAgB,MAEvE/J,QAAQ+J,QAAcK,IAAPL,IAClB,OAAOJ,EAAuB7D,EAAS+E,EAAa,EAGhDR,EAAgBA,CAAC3E,EAAO4E,KAC5B,IAAKxB,EAAK1T,MAAO,OAAO,EACxB,MAAM0V,EAAiBhC,EAAK1T,MAAM+P,MAC/B1F,SACEyK,GAAMA,EAAE7E,QAAQ5F,SAAS0K,GAAMA,EAAExK,IAAIK,QAAQ+J,GAAc,KAAPA,OAAe,KAErE/J,QAAQ+J,QAAcK,IAAPL,IAClB,OACEO,EAAWE,MAAM7K,GAAQgK,EAAuBhK,EAAKmL,MACrDpF,CAAI,EAIF+E,EAAqB/X,IACzB,IAAKoW,EAAK1T,MAAO,OAAO,EACxB,MAAM2V,EAAiBjC,EAAK1T,MAAM+P,MAC/BtF,KAAKqK,GAAMA,EAAExX,OACbsN,QAAQ+J,GAAc,KAAPA,IAClB,OAAOJ,EAAuBjX,EAAMqY,EAAe,E,OAGrD7K,EAAAA,EAAAA,KACE,IAAMhB,EAAM4J,OACXkC,IACClC,EAAK1T,MAAQ4V,CAAO,I,u7LC1VxB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,+jBCyHA,MAAM/L,EAAQzN,IACRM,GAAkB4O,EAAAA,EAAAA,IAAIzB,EAAMnN,iBAC5BmZ,GAAkBvK,EAAAA,EAAAA,IAAIvM,KAAKsQ,MAAMxQ,aAAazB,QAAQ,SACtD0Y,GAAiBxK,EAAAA,EAAAA,KAAI,GACrByK,GAAkBzK,EAAAA,EAAAA,IACtBzM,aAAazB,QAAQ,QAAU2B,KAAKsQ,MAAMxQ,aAAazB,QAAQ,SAAW,MAEtE4Y,GAAiB1K,EAAAA,EAAAA,KAAI,GACrB2K,GAAa3K,EAAAA,EAAAA,KACjBuK,EAAgB7V,QAAS+V,EAAgB/V,OAErC2S,GAAcrH,EAAAA,EAAAA,IAAI,IAElB4K,EAAyBtX,IAC7B+T,EAAY3S,MAAQ,GAChB8V,EAAe9V,OAAmC,OAA1B6V,EAAgB7V,OAC1C8V,EAAe9V,OAAQ,EACvB6V,EAAgB7V,MAAQpB,IAExBoX,EAAehW,OAAQ,EACvB+V,EAAgB/V,MAAQpB,EAC1B,EAGIuX,GAAenM,EAAAA,EAAAA,KAAS,IACrBtN,EAAgBsD,MACpB4K,QAAQhM,GAELA,EAAI6R,MAAMoC,cAAchI,SAAS8H,EAAY3S,MAAM6S,gBACnDjU,EAAIe,WACDkT,cACAhI,SAAS8H,EAAY3S,MAAM6S,gBAC9BjU,EAAIiB,SAASuW,WAAWvL,SAAS8H,EAAY3S,SAGhDwK,MAAK,CAACyI,EAAGC,IAAMD,EAAExC,MAAM0C,cAAcD,EAAEzC,W,OAG5C3F,EAAAA,EAAAA,KACE,IAAMjB,EAAMnN,kBACX+W,IACC/W,EAAgBsD,MAAQyT,CAAkB,GAE5C,CAAE1I,WAAW,KAGfD,EAAAA,EAAAA,IAAM,CAAC+K,EAAiBE,IAAkB,EAAEH,EAASL,MAC/CK,GAAWL,GACbM,EAAgB7V,MAAQ4V,EACxBG,EAAgB/V,MAAQuV,EACxBU,EAAWjW,OAAQ,GACT6V,EAAgB7V,OAAU+V,EAAgB/V,QACpDiW,EAAWjW,OAAQ,EACrB,I,gmFChLF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,0qBC6CA,MAAMgO,GAAQC,EAAAA,EAAAA,OACR,OAAEoI,EAAM,UAAEC,EAAS,SAAEC,IAAaC,EAAAA,GAAAA,MAClC5X,GAAM0M,EAAAA,EAAAA,IAAI0C,EAAMyI,OAAO7X,IAAMG,KAAKsQ,MAAMrB,EAAMyI,OAAO7X,KAAO,MAC5D8X,GAAepL,EAAAA,EAAAA,KAAI,GACnBqL,GAAarL,EAAAA,EAAAA,KAAI,GACjBsL,GAAgBtL,EAAAA,EAAAA,KAAI,GACpBuL,GAAiBvL,EAAAA,EAAAA,KAAI,GACrBwL,GAAaxL,EAAAA,EAAAA,IAAI,MACjByL,GAAczL,EAAAA,EAAAA,IAAIK,OAAO0G,YAC/B,IAAI2E,EAAkB,KAEtB,MAAM3G,EAASzR,EAAIoB,MAAM+P,MAAMtF,KAAI,CAACqK,EAAGhZ,EAAGuD,KACxC,MAAM4X,GAAW,IACXC,GAAW,IACXC,GAAW,IACXC,GAAW,IACXC,EACJhY,EAAIiY,OAAS,EAAIC,KAAKC,GAAK,EAAID,KAAKC,IAAM1b,GAAKuD,EAAIiY,OAAS,IAAM,EAC9DG,EAAIR,EAAUE,EAAUI,KAAKG,IAAIL,GACjCM,EAAIT,EAAUE,EAAUG,KAAKK,IAAIP,GACvC,MAAO,CACLQ,GAAI,GAAGjZ,EAAIoB,MAAMyQ,MAAMoC,iBAAiB/W,EAAI,UAC5Cgc,MAAOhD,EAAExX,KACTya,MAAO,8BACPC,SAAU,CAAEP,IAAGE,KAChB,IAGH,IAAIM,EAAY,EACZC,EAAa,EACjB,MAAMC,EAAgBvZ,EAAIoB,MAAM+P,MAAMqI,QACpC,CAACC,EAAOvD,IAAMuD,EAAQvD,EAAE7E,OAAOqH,QAC/B,GAEIgB,EAAU1Z,EAAIoB,MAAM+P,MACvBtF,KAAKqK,IACJ,MAAMyD,EAAS,GAmBf,OAlBAzD,EAAE7E,OAAOxF,KAAK+N,IACZ,MAAMvB,GAAW,IACXC,EAAU,GACVC,GAAW,IACXC,EAAU,IACVC,EAAS,EAAIE,KAAKC,GAAKU,EAAcC,EACrCV,EAAIR,EAAUE,EAAUI,KAAKG,IAAIL,GACjCM,EAAIT,EAAUE,EAAUG,KAAKK,IAAIP,GACjCoB,EAAO,CACXZ,GAAI,GAAGjZ,EAAIoB,MAAMyQ,MAAMoC,iBAAiBoF,WACxCH,MAAOU,EAAGlb,KACVya,MAAO,gCACPC,SAAU,CAAEP,IAAGE,MAEjBY,EAAOxc,KAAK0c,GACZR,IACAC,GAAY,IAEPK,CAAM,IAEdG,OAEH,IAAIC,EAAgB,GAChBC,EAAS,CAAC,EAEd,IAAK,IAAI9c,EAAI,EAAGA,EAAIwc,EAAQhB,OAAQxb,IAC7B8c,EAAON,EAAQxc,GAAGgc,SACrBc,EAAON,EAAQxc,GAAGgc,QAAS,EAC3Ba,EAAc5c,KAAKuc,EAAQxc,KAI/B,MAAM4D,EAAOd,EAAIoB,MAAMuK,IAAIE,KAAI,CAACqK,EAAGhZ,EAAGuD,KACpC,MAAM4X,EAAU,IACVC,EAAU,EACVC,EAAU,IACVC,EAAU,IACVC,EAAQE,KAAKC,GAAK,EAAID,KAAKC,IAAM1b,GAAKuD,EAAIiY,OAAS,IACnDG,EAAIR,EAAUE,EAAUI,KAAKG,IAAIL,GACjCM,EAAIT,EAAUE,EAAUG,KAAKK,IAAIP,GAEvC,MAAO,CACLQ,GAAI,GAAGjZ,EAAIoB,MAAMyQ,MAAMoC,iBAAiB/W,EAAI,QAC5Cgc,MAAOhD,EACPiD,MAAO,0BACPC,SAAU,CAAEP,IAAGE,KAChB,IAGHtB,GAAQW,IACNA,EAAgB6B,SAAS,IAG3BvC,GAAWwC,IACTvC,EAASuC,EAAW,IAGtB,MAAMC,GAAQzN,EAAAA,EAAAA,IAAI,CAEhB,CACEuM,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,KACpCkF,MAAO,uBACPD,MAAOlZ,EAAIoB,MAAMyQ,MACjBuH,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,KACpCiF,MAAOzX,EAAWoE,oBAClBsT,MAAO,yBACPC,SAAU,CAAEP,GAAI,GAAIE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,KACpCiF,MAAOzX,EAAWsE,kBAClBoT,MAAO,iCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,KACpCiF,MAAOzX,EAAWmE,kBAClBuT,MAAO,qBACPC,SAAU,CAAEP,EAAG,IAAKE,EAAG,IAEzB,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,KACpCiF,MAAOzX,EAAWqE,uBAClBqT,MAAO,2BACPC,SAAU,CAAEP,GAAI,IAAKE,EAAG,KAG1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,UACpCiF,MAAOlZ,EAAIoB,MAAM2Q,SAAWtQ,EAAWwE,uBACvCkT,MAAO,sCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,UACpCiF,MAAOzX,EAAWuE,sBAAwBhG,EAAIoB,MAAMH,SACpDkY,MAAO,sCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,UACpCiF,MAAOlZ,EAAIoB,MAAMR,KACjBuY,MAAO,sCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,UACpCiF,MAAOlZ,EAAIoB,MAAM0Q,QACjBqH,MAAO,sCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,MAE1B,CACEE,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,UACpCiF,MAAOlZ,EAAIoB,MAAML,WACjBoY,MAAO,sCACPC,SAAU,CAAEP,EAAG,IAAKE,GAAI,QAI5BoB,EAAM/Y,MAAQ+Y,EAAM/Y,MAAMgZ,OAAO3I,GACjC0I,EAAM/Y,MAAQ+Y,EAAM/Y,MAAMgZ,OAAOL,GACjCI,EAAM/Y,MAAQ+Y,EAAM/Y,MAAMgZ,OAAOtZ,GAEjC,MAAMuZ,EAAgBC,GACbH,EAAM/Y,MAAMoV,MAChB+D,GAASA,EAAKtB,KAAOjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,IAAMqG,IAI1DE,EAAgB3Z,GACbsZ,EAAM/Y,MAAMoV,MAChB+D,GAASA,EAAKtB,KAAOjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,IAAMpT,IAI1D4Z,EAAaA,CAACxB,EAAIqB,EAAQzZ,EAAQ6Z,IAClCL,EAAaC,IAAWE,EAAa3Z,GAChC,CACLoY,GAAIjZ,EAAIoB,MAAMyQ,MAAMoC,cAAgB,IAAMgF,EAC1CqB,OAAQta,EAAIoB,MAAMyQ,MAAMoC,cAAgB,IAAMqG,EAC9CzZ,OAAQb,EAAIoB,MAAMyQ,MAAMoC,cAAgB,IAAMpT,EAC9CsY,MAAOuB,GAGJ,KAGHC,GAAQjO,EAAAA,EAAAA,IACZ,CAEE+N,EAAW,OAAQ,IAAK,IAAK,oCAC7BA,EAAW,OAAQ,IAAK,IAAK,wCAC7BA,EAAW,OAAQ,IAAK,IAAK,kCAC7BA,EAAW,OAAQ,IAAK,IAAK,qCAE7BA,EACE,YACA,SACA,IACA,uCAEFA,EACE,YACA,SACA,IACA,uCAEFA,EACE,YACA,SACA,IACA,uCAEFA,EACE,YACA,IACA,SACA,uCAEFA,EACE,YACA,IACA,SACA,uCAGFA,EAAW,WAAY,IAAK,QAAS,2BACrCA,EAAW,WAAY,IAAK,QAAS,2BACrCA,EAAW,WAAY,IAAK,QAAS,2BACrCA,EAAW,WAAY,QAAS,IAAK,2BACrCA,EAAW,WAAY,QAAS,IAAK,2BACrCA,EAAW,WAAY,QAAS,IAAK,2BAErCA,EAAW,aAAc,UAAW,IAAK,+BACzCA,EAAW,aAAc,UAAW,IAAK,+BACzCA,EAAW,aAAc,IAAK,UAAW,+BACzCA,EAAW,aAAc,IAAK,UAAW,+BAEzCA,EAAW,cAAe,WAAY,IAAK,iCAC3CA,EAAW,cAAe,IAAK,WAAY,iCAC3CA,EAAW,cAAe,IAAK,WAAY,iCAC3CA,EAAW,cAAe,IAAK,WAAY,iCAC3CA,EAAW,cAAe,IAAK,WAAY,iCAC3CA,EAAW,cAAe,IAAK,WAAY,iCAC3CA,EAAW,cAAe,WAAY,IAAK,iCAC3CA,EAAW,cAAe,WAAY,IAAK,iCAC3CA,EAAW,cAAe,WAAY,IAAK,iCAC3CA,EACE,eACA,YACA,IACA,iCAEFA,EACE,eACA,YACA,IACA,iCAEFA,EACE,eACA,YACA,IACA,kCAEFzO,QAAQ4O,GAAkB,OAATA,MAGrB1O,EAAAA,EAAAA,KACE,IAAM4L,EAAa1W,QAClBwS,IACC,MAAMiH,EAAWC,SAASC,uBAAuB,cAEjD,IAAK,IAAI7d,EAAI,EAAGA,EAAI2d,EAASnC,OAAQxb,IAC/B0W,GACFiH,EAAS3d,GAAG8d,UAAUC,OAAO,uBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,yBAE1B+L,EAAS3d,GAAG8d,UAAUC,OAAO,uBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,uBAE9B,KAIJ5C,EAAAA,EAAAA,KACE,IAAM8L,EAAc5W,QACnBwS,IACC,MAAMiH,EAAWC,SAASC,uBAAuB,UAEjD,IAAK,IAAI7d,EAAI,EAAGA,EAAI2d,EAASnC,OAAQxb,IAC/B0W,GACFiH,EAAS3d,GAAG8d,UAAUC,OAAO,wBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,0BAE1B+L,EAAS3d,GAAG8d,UAAUC,OAAO,wBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,wBAE9B,KAIJ5C,EAAAA,EAAAA,KACE,IAAM+L,EAAe7W,QACpBwS,IACC,MAAMiH,EAAWC,SAASC,uBAAuB,WAEjD,IAAK,IAAI7d,EAAI,EAAGA,EAAI2d,EAASnC,OAAQxb,IAC/B0W,GACFiH,EAAS3d,GAAG8d,UAAUC,OAAO,yBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,2BAE1B+L,EAAS3d,GAAG8d,UAAUC,OAAO,yBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,yBAE9B,KAIJ5C,EAAAA,EAAAA,KACE,IAAM6L,EAAW3W,QAChBwS,IACC,MAAMiH,EAAWC,SAASC,uBAAuB,QAEjD,IAAK,IAAI7d,EAAI,EAAGA,EAAI2d,EAASnC,OAAQxb,IAC/B0W,GACFiH,EAAS3d,GAAG8d,UAAUC,OAAO,sBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,wBAE1B+L,EAAS3d,GAAG8d,UAAUC,OAAO,sBAC7BJ,EAAS3d,GAAG8d,UAAUlM,IAAI,sBAE9B,IAIJ,MAAMoM,EAAaA,KACb9C,IACED,EAAY/W,OAAS,KACvBgX,EAAgB+C,YAAY,CAAEtC,EAAG,IAAKE,EAAG,IAAKqC,KAAM,KAEpDhD,EAAgB+C,YAAY,CAAEtC,EAAG,IAAKE,EAAG,IAAKqC,KAAM,MAExD,EAGIC,EAAeC,IACnBlD,EAAkBkD,EAClBJ,GAAY,GAGdhP,EAAAA,EAAAA,IAAMiM,EAAa+C,GAEnB,MAAMK,EAAoBA,KACxBpD,EAAY/W,MAAQ2L,OAAO0G,UAAU,E,OAGvCnG,EAAAA,EAAAA,KAAU,KACRP,OAAOQ,iBAAiB,SAAUgO,EAAkB,KAGtDC,EAAAA,EAAAA,KAAgB,KACdzO,OAAOU,oBAAoB,SAAU8N,EAAkB,I,8xCCzZzD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,qrBC+PA,MAAMtQ,EAAQzN,IACRM,GAAkB4O,EAAAA,EAAAA,IAAIzB,EAAMnN,iBAC5BC,GAAeqN,EAAAA,EAAAA,KAAS,IAAMH,EAAMlN,eACpCC,GAAiBoN,EAAAA,EAAAA,KAAS,IAAMH,EAAMjN,iBACtCC,GAAemN,EAAAA,EAAAA,KAAS,IAAMH,EAAMhN,eACpCC,GAAqBkN,EAAAA,EAAAA,KAAS,IAAMH,EAAM/M,qBAC1C8C,GAAmBoK,EAAAA,EAAAA,KAAS,IAAMH,EAAMjK,mBACxCnD,GAAiB6O,EAAAA,EAAAA,IAAI,IACrB+O,GAA2B/O,EAAAA,EAAAA,IAAI,MAC/BgP,GAAuBhP,EAAAA,EAAAA,IAAI,MAC3BiP,GAAcjP,EAAAA,EAAAA,IAAI,UAClBkP,GAAWlP,EAAAA,EAAAA,KAAI,GAEfmP,GAAoBzQ,EAAAA,EAAAA,KAAS,KACjC,MAAMzM,EAAc,IAAI6M,IAIxB,OAHA1N,EAAgBsD,MAAM0a,SAASC,IAC7Bpd,EAAYmQ,IAAIiN,EAAOhb,WAAW,IAE7Bib,MAAMC,KAAKtd,GAAakN,KAAK9K,IAAU,CAAQrC,KAAMqC,KAAc,IAGtEmb,GAAgB9Q,EAAAA,EAAAA,KAAS,KAC7B,MAAMtM,EAAU,IAAI0M,IAIpB,OAHA1N,EAAgBsD,MAAM0a,SAASC,IAC7Bjd,EAAQgQ,IAAIiN,EAAOlb,OAAO,IAErBmb,MAAMC,KAAKnd,GAAS+M,KAAKhL,IAAM,CAAQnC,KAAMmC,KAAU,IAG1Dsb,EAAcA,KAClB,MAAMC,EAAkBnR,EAAMnN,gBACxBue,EAAWD,EAAgBpQ,QAAQ+P,IACvC,MAAMO,GAAkBb,EAAyBra,OAC7C2a,EAAOhb,aAAe0a,EAAyBra,MAAM1C,KAEnD6d,GAAcb,EAAqBta,OACrC2a,EAAOlb,SAAW6a,EAAqBta,MAAM1C,KAEjD,OAAO4d,GAAmBC,CAAW,IAEvCze,EAAgBsD,MAAQib,CAAQ,EAG5BG,EAAeA,KACnBf,EAAyBra,MAAQ,KACjCsa,EAAqBta,MAAQ,KAC7BtD,EAAgBsD,MAAQ6J,EAAMnN,eAAe,EAGzC2e,EAAiBA,KACrB,MAAMC,EAAO,IAAIC,KACXC,EAAOF,EAAKG,cACZC,EAAQC,OAAOL,EAAKM,WAAa,GAAGC,SAAS,EAAG,KAChDC,EAAMH,OAAOL,EAAKS,WAAWF,SAAS,EAAG,KAC/C,MAAO,GAAGL,IAAOE,IAAQI,GAAK,EAG1BE,EAAoBtJ,IACxB,MAAMuJ,EAAgB,GAoBtB,OAlBAvJ,EAAQgI,SAASC,IACfA,EAAO5K,MAAM2K,SAAS3K,IACpBA,EAAME,OAAOyK,SAASzK,IACpBgM,EAAclgB,KAAK,CACjB0T,MAAOkL,EAAOlL,MACd9P,WAAYgb,EAAOhb,WACnBF,OAAQkb,EAAOlb,OACfI,SAAU8a,EAAO9a,SAASuW,WAAW9B,QAAQ,IAAK,KAClD4H,UAAWnM,EAAMzS,KACjB6e,UAAWpM,EAAMlU,KAAKua,WAAW9B,QAAQ,IAAK,KAC9C8H,WAAYnM,EAAO3S,KACnB+e,YAAapM,EAAOK,MACpBgM,WAAYrM,EAAOpU,KAAKua,WAAW9B,QAAQ,IAAK,MAChD,GACF,GACF,IAGG2H,CAAa,EAGhBM,EAAYA,KAChB,MAAMN,EAAgBD,EAAiBvf,EAAeuD,OAChDwc,EAAcnB,IACdoB,EAAgBC,IAEhBC,EAAa,CACjB,CACE,QACA,aACA,SACA,WACA,aACA,aACA,gBACA,iBACA,oBAECV,EAAcxR,KAAKH,GAAS,CAC7BA,EAAKmF,MACLnF,EAAK3K,WACL2K,EAAK7K,OACL6K,EAAKzK,SACLyK,EAAK4R,UACL5R,EAAK6R,UACL7R,EAAK8R,WACL9R,EAAK+R,YACL/R,EAAKgS,eAGN7R,KAAKgH,GAAMA,EAAEmL,KAAK,OAClBA,KAAK,MAEFC,EAAO,IAAIC,KAAK,CAACH,GAAa,CAAEnd,KAAM,4BACtCud,EAAOrD,SAASsD,cAAc,KAC9BxM,EAAMgB,IAAIyL,gBAAgBJ,GAChCE,EAAKG,aAAa,OAAQ1M,GAC1BuM,EAAKG,aAAa,WAAY,GAAGV,KAAeC,iBAChDM,EAAKI,MAAMC,WAAa,SACxB1D,SAASxM,KAAKmQ,YAAYN,GAC1BA,EAAKO,QACL5D,SAASxM,KAAKqQ,YAAYR,EAAK,EAG3BL,EAAmBA,KACvB,MAAMnd,EAAU,GAQhB,OAPI5C,EAAaqD,OAAOT,EAAQxD,KAAKY,EAAaqD,MAAM1C,KAAKuV,eACzDjW,EAAeoD,OACjBT,EAAQxD,KAAKa,EAAeoD,MAAM1C,KAAKuV,eACrChW,EAAamD,OAAOT,EAAQxD,KAAKc,EAAamD,MAAM1C,KAAKuV,eACzD/V,EAAmBkD,OACrBT,EAAQxD,KAAKe,EAAmBkD,MAAM1C,KAAKuV,eACzCjT,EAAiBI,OAAOT,EAAQxD,KAAK6D,EAAiBI,MAAM1C,MACzDiC,CAAO,EAGVie,EAAiBA,CAAClT,EAAM/K,KAC5B,GAAuB,IAAnBA,EAAQ+X,OAAc,OAAO,EAEjC,MAAMmG,EAAgB,CACpBnT,EAAKhN,KACLgN,EAAKzO,MAAMua,WACX9L,EAAK3K,WACL2K,EAAK9K,KACL8K,EAAK7K,UACD6K,EAAKC,KAAO,GAChBD,EAAKzK,UAAUuW,YAEdxL,OAAO8S,SACPjT,KAAKzK,GAAWA,EAAM6S,YAAc7S,EAAM6S,cAAgB7S,IAE7D,OAAOT,EAAQ6V,MAAMxK,GACnB6S,EAAcrI,MAAMpV,GAAUA,EAAM6K,SAASD,MAC9C,EAGG+S,EAAsBjL,IAC1B,MAAMnT,EAAUmd,IAChB,IAAIkB,EAAY,EAuBhB,OArBAlL,EAAQgI,SAASC,IACf,IAAIkD,EAAa,EACU,OAAvBhhB,EAAamD,OAAkBwd,EAAe7C,EAAQpb,KACxDse,GAAclD,EAAO9a,UAEvB8a,EAAO5K,MAAM2K,SAAS3K,IAChBxQ,EAAQsL,SAASkF,EAAMzS,KAAKuV,eAC9BgL,GAAc9N,EAAMlU,KAEpBkU,EAAME,OAAOyK,SAASzK,IAElB1Q,EAAQ6V,MAAMxK,GAAWqF,EAAO3S,KAAKuV,cAAchI,SAASD,OAE5DiT,GAAc5N,EAAOpU,KACvB,GAEJ,IAEF+hB,GAAarG,KAAKuG,IAAID,EAAYlD,EAAO9a,SAAS,IAG7C+d,CAAS,EAGZA,GAAY5T,EAAAA,EAAAA,KAAS,IAAM2T,EAAmBjhB,EAAgBsD,UAEpE8K,EAAAA,EAAAA,IAAMrO,GAAiB+V,IACrBgI,EAASxa,MAA4B,IAApBwS,EAAS8E,MAAY,KAGxCxM,EAAAA,EAAAA,IAAM,CAACuP,EAA0BC,IAAuB,KACtDS,GAAa,IAGf,MAAMgD,EAAoBA,CAACrL,EAASnT,IAC3BmT,EAAQ9H,QAAQ+P,GACdpb,EAAQye,OAAOpT,IACpB,OAAQA,EAAOoB,KACb,IAAK,OACH,OAAO2O,EAAOnb,KAAKqT,gBAAkBjI,EAAO5K,MAC9C,IAAK,SACH,OAAO2a,EAAOlb,OAAOoT,gBAAkBjI,EAAO5K,MAChD,IAAK,OACH,OACE2a,EAAO5K,MAAMqF,MACVrF,GAAUA,EAAMzS,KAAKuV,gBAAkBjI,EAAO5K,SAEjD2a,EAAO5K,MAAMqF,MAAMrF,GACjBA,EAAME,OAAOmF,MAAMnF,GACjBA,EAAO3S,KAAKuV,cAAchI,SAASD,EAAO5K,WAIlD,IAAK,aACH,OAAO2a,EAAOhb,WAAWkT,gBAAkBjI,EAAO5K,MACpD,IAAK,WACH,OAAO2a,EAAO9a,SAASuW,aAAexL,EAAO5K,MAC/C,QACE,OAAO,EACX,M,OAKN8K,EAAAA,EAAAA,IAAM4R,GAAmBuB,IACG,IAAtBA,EAAW3G,OACb5a,EAAgBsD,MAAQ6J,EAAMnN,gBAE9BA,EAAgBsD,MAAQ+d,EACtBlU,EAAMnN,gBACNuhB,EAEJ,I,6zLCzeF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCgBA,MAAMC,GAAS,CAAC,CACZ3P,KAAM,IACN4P,SAAU,UAEZ,CACE5P,KAAM,SACNjR,KAAM,QACN8gB,UAAWC,GACXjQ,KAAM,CACJC,UAAW,UAGf,CACEE,KAAM,kBACNjR,KAAM,iBACN8gB,UAAWE,GACXlQ,KAAM,CACJC,UAAW,yBAGf,CACEE,KAAM,iBACN6P,UAAWG,EACXnQ,KAAM,CACJC,UAAW,mBAGf,CACEE,KAAM,qBACNjR,KAAM,oBACN8gB,UAAWI,GACXpQ,KAAM,CACJC,UAAW,oBAGf,CACEE,KAAM,wBACNjR,KAAM,SACN8gB,UAAWK,GACX3U,MAAOkE,IAAS,CACdpP,IAAKoP,EAAMyI,OAAO7X,MAEpBwP,KAAM,CACJC,UAAW,2BAGf,CACEE,KAAM,kBACNjR,KAAM,iBACN8gB,UAAWM,GACX5U,MAAOkE,IAAS,CACdpP,IAAKoP,EAAMyI,OAAO7X,MAEpBwP,KAAM,CACJC,UAAW,wBAGf,CACEE,KAAM,eACN6P,UAAWO,GACXvQ,KAAM,CACJC,UAAW,iBAKXpD,IAAS2T,EAAAA,EAAAA,IAAa,CAC1BC,SAASC,EAAAA,EAAAA,MACTZ,YAGIa,IAAMC,EAAAA,EAAAA,IAAUC,IAEtBF,GAAI7iB,IAAIF,GACR+iB,GAAI7iB,IAAIgjB,GAAAA,IACRH,GAAI7iB,IAAI+O,IACR8T,GAAII,MAAM,O,GCnGNC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBtK,IAAjBuK,EACH,OAAOA,EAAaC,QAGrB,IAAI7E,EAASyE,EAAyBE,GAAY,CAGjDE,QAAS,CAAC,GAOX,OAHAC,EAAoBH,GAAUI,KAAK/E,EAAO6E,QAAS7E,EAAQA,EAAO6E,QAASH,GAGpE1E,EAAO6E,OACf,CAGAH,EAAoBM,EAAIF,E,WCzBxB,IAAIG,EAAW,GACfP,EAAoBQ,EAAI,SAAStH,EAAQuH,EAAUC,EAAIC,GACtD,IAAGF,EAAH,CAMA,IAAIG,EAAeC,IACnB,IAASpkB,EAAI,EAAGA,EAAI8jB,EAAStI,OAAQxb,IAAK,CACrCgkB,EAAWF,EAAS9jB,GAAG,GACvBikB,EAAKH,EAAS9jB,GAAG,GACjBkkB,EAAWJ,EAAS9jB,GAAG,GAE3B,IAJA,IAGIqkB,GAAY,EACPC,EAAI,EAAGA,EAAIN,EAASxI,OAAQ8I,MACpB,EAAXJ,GAAsBC,GAAgBD,IAAaK,OAAOC,KAAKjB,EAAoBQ,GAAG7B,OAAM,SAAShS,GAAO,OAAOqT,EAAoBQ,EAAE7T,GAAK8T,EAASM,GAAK,IAChKN,EAAS5O,OAAOkP,IAAK,IAErBD,GAAY,EACTH,EAAWC,IAAcA,EAAeD,IAG7C,GAAGG,EAAW,CACbP,EAAS1O,OAAOpV,IAAK,GACrB,IAAIykB,EAAIR,SACE/K,IAANuL,IAAiBhI,EAASgI,EAC/B,CACD,CACA,OAAOhI,CArBP,CAJCyH,EAAWA,GAAY,EACvB,IAAI,IAAIlkB,EAAI8jB,EAAStI,OAAQxb,EAAI,GAAK8jB,EAAS9jB,EAAI,GAAG,GAAKkkB,EAAUlkB,IAAK8jB,EAAS9jB,GAAK8jB,EAAS9jB,EAAI,GACrG8jB,EAAS9jB,GAAK,CAACgkB,EAAUC,EAAIC,EAwB/B,C,eC5BAX,EAAoBmB,EAAI,SAAS7F,GAChC,IAAI8F,EAAS9F,GAAUA,EAAO+F,WAC7B,WAAa,OAAO/F,EAAO,UAAY,EACvC,WAAa,OAAOA,CAAQ,EAE7B,OADA0E,EAAoBsB,EAAEF,EAAQ,CAAExN,EAAGwN,IAC5BA,CACR,C,eCNApB,EAAoBsB,EAAI,SAASnB,EAASoB,GACzC,IAAI,IAAI5U,KAAO4U,EACXvB,EAAoBwB,EAAED,EAAY5U,KAASqT,EAAoBwB,EAAErB,EAASxT,IAC5EqU,OAAOS,eAAetB,EAASxT,EAAK,CAAE+U,YAAY,EAAM9W,IAAK2W,EAAW5U,IAG3E,C,eCPAqT,EAAoB2B,EAAI,WACvB,GAA0B,kBAAfC,WAAyB,OAAOA,WAC3C,IACC,OAAO1iB,MAAQ,IAAI2iB,SAAS,cAAb,EAChB,CAAE,MAAOzP,GACR,GAAsB,kBAAX9F,OAAqB,OAAOA,MACxC,CACA,CAPuB,E,eCAxB0T,EAAoBwB,EAAI,SAASM,EAAKC,GAAQ,OAAOf,OAAOgB,UAAUC,eAAe5B,KAAKyB,EAAKC,EAAO,C,eCAtG/B,EAAoBkC,EAAI,G,eCKxB,IAAIC,EAAkB,CACrB,IAAK,GAaNnC,EAAoBQ,EAAEO,EAAI,SAASqB,GAAW,OAAoC,IAA7BD,EAAgBC,EAAgB,EAGrF,IAAIC,EAAuB,SAASC,EAA4BplB,GAC/D,IAKI+iB,EAAUmC,EALV3B,EAAWvjB,EAAK,GAChBqlB,EAAcrlB,EAAK,GACnBslB,EAAUtlB,EAAK,GAGIT,EAAI,EAC3B,GAAGgkB,EAAS1K,MAAK,SAASyC,GAAM,OAA+B,IAAxB2J,EAAgB3J,EAAW,IAAI,CACrE,IAAIyH,KAAYsC,EACZvC,EAAoBwB,EAAEe,EAAatC,KACrCD,EAAoBM,EAAEL,GAAYsC,EAAYtC,IAGhD,GAAGuC,EAAS,IAAItJ,EAASsJ,EAAQxC,EAClC,CAEA,IADGsC,GAA4BA,EAA2BplB,GACrDT,EAAIgkB,EAASxI,OAAQxb,IACzB2lB,EAAU3B,EAAShkB,GAChBujB,EAAoBwB,EAAEW,EAAiBC,IAAYD,EAAgBC,IACrED,EAAgBC,GAAS,KAE1BD,EAAgBC,GAAW,EAE5B,OAAOpC,EAAoBQ,EAAEtH,EAC9B,EAEIuJ,EAAqBC,KAAK,sBAAwBA,KAAK,uBAAyB,GACpFD,EAAmBpH,QAAQgH,EAAqBM,KAAK,KAAM,IAC3DF,EAAmB/lB,KAAO2lB,EAAqBM,KAAK,KAAMF,EAAmB/lB,KAAKimB,KAAKF,G,IC/CvF,IAAIG,EAAsB5C,EAAoBQ,OAAE7K,EAAW,CAAC,MAAM,WAAa,OAAOqK,EAAoB,KAAO,IACjH4C,EAAsB5C,EAAoBQ,EAAEoC,E","sources":["webpack://mapper/./store/store.js","webpack://mapper/./src/dictionary.js","webpack://mapper/./src/components/filter/ModuleFilter.vue","webpack://mapper/./src/components/filter/ModuleFilter.vue?66d8","webpack://mapper/./src/components/common/SidebarComponent.vue","webpack://mapper/./src/components/common/SidebarComponent.vue?e754","webpack://mapper/./src/components/admin/AdminComponent.vue","webpack://mapper/./src/components/admin/AdminComponent.vue?4446","webpack://mapper/./src/components/common/MenuBarComponent.vue","webpack://mapper/./src/components/common/MenuBarComponent.vue?8981","webpack://mapper/./src/components/common/MobileViewDetected.vue","webpack://mapper/./src/components/admin/edit/EditSlotComponent.vue","webpack://mapper/./src/components/admin/edit/EditSlotComponent.vue?7963","webpack://mapper/./src/components/ContentDisplay.vue","webpack://mapper/./src/components/ContentDisplay.vue?a2ed","webpack://mapper/./src/components/login/LoginComponent.vue","webpack://mapper/./src/components/login/LoginComponent.vue?2008","webpack://mapper/./src/App.vue","webpack://mapper/./src/App.vue?7ccd","webpack://mapper/./src/components/dashboard/table/ModulesTableComponent.vue","webpack://mapper/./src/components/dashboard/table/ModulesTableComponent.vue?d27a","webpack://mapper/./src/components/library/ModuleLibrary.vue","webpack://mapper/./src/components/library/ModuleLibrary.vue?1452","webpack://mapper/./src/components/comparator/slots/ModuleSlot1.vue","webpack://mapper/./src/components/comparator/slots/ModuleSlot1.vue?b08c","webpack://mapper/./src/components/comparator/slots/ModuleSlot2.vue","webpack://mapper/./src/components/comparator/slots/ModuleSlot2.vue?8244","webpack://mapper/./src/components/comparator/ModuleComparator.vue","webpack://mapper/./src/components/comparator/ModuleComparator.vue?4eca","webpack://mapper/./src/components/map/DetailedModuleMap.vue","webpack://mapper/./src/components/map/DetailedModuleMap.vue?1947","webpack://mapper/./src/components/library/table/ModuleFilteredTable.vue","webpack://mapper/./src/components/library/table/ModuleFilteredTable.vue?5bf8","webpack://mapper/./src/main.js","webpack://mapper/webpack/bootstrap","webpack://mapper/webpack/runtime/chunk loaded","webpack://mapper/webpack/runtime/compat get default export","webpack://mapper/webpack/runtime/define property getters","webpack://mapper/webpack/runtime/global","webpack://mapper/webpack/runtime/hasOwnProperty shorthand","webpack://mapper/webpack/runtime/publicPath","webpack://mapper/webpack/runtime/jsonp chunk loading","webpack://mapper/webpack/startup"],"sourcesContent":["import { defineStore, createPinia } from \"pinia\";\nimport piniaPluginPersistedstate from \"pinia-plugin-persistedstate\";\n\nconst generateTime = () => {\n  const time = [];\n  for (let i = 0.5; i <= 30; i += 0.5) {\n    time.push(i);\n  }\n  return time;\n};\n\nconst pinia = createPinia();\npinia.use(piniaPluginPersistedstate);\n\nexport default pinia;\n\nexport const useStore = defineStore(\"store\", {\n  state: () => ({\n    data: [],\n    commits: [],\n    selectedModule: null,\n    filteredModules: null,\n    selectedType: null,\n    selectedTarget: null,\n    selectedTags: null,\n    selectedDepartment: null,\n    filterActive: false,\n    admin: false,\n    showEditSlotDialog: false,\n    token: sessionStorage.getItem(\"token\") || null,\n    trainingElements: [\n      {\n        name: \"Course\",\n      },\n      {\n        name: \"Course + Test\",\n      },\n      {\n        name: \"Course + Test + FL\",\n      },\n    ],\n    departments: [\n      {\n        name: \"Sales\",\n      },\n      {\n        name: \"Logistics\",\n      },\n      {\n        name: \"HR\",\n      },\n      {\n        name: \"Administration\",\n      },\n      {\n        name: \"Purchase\",\n      },\n      {\n        name: \"Organization\",\n      },\n      {\n        name: \"Communication\",\n      },\n      {\n        name: \"Others\",\n      },\n    ],\n    durations: [\n      {\n        name: 5,\n      },\n      {\n        name: 10,\n      },\n      {\n        name: 15,\n      },\n      {\n        name: 20,\n      },\n      {\n        name: 25,\n      },\n      {\n        name: 30,\n      },\n    ],\n    types: [\n      {\n        name: \"MA\",\n      },\n      {\n        name: \"FtF\",\n      },\n      {\n        name: \"Nugget\",\n      },\n      {\n        name: \"Video\",\n      },\n      {\n        name: \"Nanolearning\",\n      },\n      {\n        name: \"Other\",\n      },\n    ],\n    targets: [\n      {\n        name: \"Store employee\",\n      },\n      {\n        name: \"Store manager\",\n      },\n      {\n        name: \"All store employees\",\n      },\n      {\n        name: \"Warehouse employee\",\n      },\n      {\n        name: \"Warehouse manager\",\n      },\n      {\n        name: \"All warehouse employees\",\n      },\n      {\n        name: \"Office employee\",\n      },\n      {\n        name: \"Office manager\",\n      },\n      {\n        name: \"All office employees\",\n      },\n      {\n        name: \"District manager\",\n      },\n      {\n        name: \"Other\",\n      },\n    ],\n    groups: [\n      {\n        name: \"New\",\n      },\n      {\n        name: \"Old\",\n      },\n      {\n        name: \"Returning\",\n      },\n      {\n        name: \"Promotion\",\n      },\n      {\n        name: \"All\",\n      },\n      {\n        name: \"Other\",\n      },\n    ],\n    skills: [\"Basic\", \"Medium\", \"Advanced\"],\n    time: generateTime(),\n  }),\n  actions: {\n    async fetchData() {\n      try {\n        const response = await fetch(\"https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/mod\", {\n          method: \"GET\",\n          credentials: \"include\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n        });\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        this.data = await response.json();\n      } catch (error) {\n        console.error(\"There was a problem with the fetch operation: \", error);\n      }\n    },\n    setSelectedModule(mod) {\n      localStorage.setItem(\"mod\", JSON.stringify(mod));\n      this.selectedModule = mod;\n    },\n    setSelectedModuletoCompare(mod2) {\n      localStorage.setItem(\"mod2\", JSON.stringify(mod2));\n      this.selectedModuleToCompare = mod2;\n    },\n    setFilteredModules(arr) {\n      this.filteredModules = arr;\n    },\n    setFilters(filters) {\n      this.selectedType = filters.type;\n      this.selectedTarget = filters.target;\n      this.selectedTags = filters.tags;\n      this.selectedDepartment = filters.department;\n      this.selectedDuration = filters.duration;\n    },\n    clearFilters() {\n      this.selectedType = null;\n      this.selectedTarget = null;\n      this.selectedTags = null;\n      this.selectedDepartment = null;\n      this.selectedDuration = null;\n    },\n    setFilterActive(value) {\n      this.filterActive = value;\n    },\n    setToken(token) {\n      this.token = token;\n      sessionStorage.setItem(\"token\", token);\n    },\n    clearToken() {\n      this.token = null;\n      sessionStorage.removeItem(\"token\");\n      localStorage.removeItem(\"mod\");\n      localStorage.removeItem(\"mod2\");\n    },\n  },\n  persist: true,\n});\n","export const dictionary = {\n  login: \"Access\",\n  login_password: \"Password\",\n  login_username: \"Username\",\n  login_btn: \"Submit\",\n  login_access: \"Access granted.\",\n  logout_info: \"User logged out.\",\n  logout: \"Logout\",\n  menu_search: \"Search module by training short name\",\n  sidebar_title: \"mapper\",\n  sidebar_item1: \"Dashboard\",\n  sidebar_item2: \"Module library\",\n  sidebar_item3: \"Filter modules\",\n  sidebar_item4: \"Map modules\",\n  sidebar_item5: \"Module comparator\",\n  sidebar_item6: \"Order training\",\n  sidebar_item7: \"Competence Profile\",\n  sidebar_item8: \"Admin panel\",\n  sidebar_item9: \"Documentation\",\n  sidebar_item10: \"Report Bug\",\n  sidebar_lib: \"Modules library\",\n  sidebar_doc: \"Mapper documentation\",\n  sidebar_bug: \"Report bug\",\n  sidebar_copy: \"Copyright © e-Learning Department 2024\",\n  dashboard_overview: \"Modules overview:\",\n  dashboard_mod_type: \"Module type: \",\n  dashboard_mod_nr: \"Number of modules: \",\n  dashboard_app_info: \"Optimize training programs and ensure the highest quality of e-learning modules.\",\n  dashboard_app_info2: \"Analyze common training elements, create course maps, and easily assign trainings to users.\",\n  dataview_title: \"Our recent modules:\",\n  dataview_item1: \"Department: \",\n  dataview_item2: \"Duration: \",\n  dataview_item3: \"Training is about: \",\n  dataview_show: \"Show Map\",\n  dataview_edit: \"Edit\",\n  dataview_compare: \"Compare\",\n  filter_label0: \"By Departments\",\n  filter_label1: \"By Module Type\",\n  filter_label2: \"By Department\",\n  filter_label3: \"By Topics\",\n  filter_label4: \"By Module Short Name\",\n  filter_label5: \"By Target Group\",\n  filter_label6: \"By Key Words\",\n  filter_label7: \"Sales\",\n  filter_label8: \"Logistics\",\n  filter_label9: \"HR\",\n  filter_label10: \"Others\",\n  filter_label11: \"By Duration\",\n  filter_btn_search: \"Filter\",\n  filter_btn_clear: \"Clear\",\n  filter_mod_found: \"Modules found:\",\n  filter_dialog_title: \"Title: \",\n  filter_dialog_short: \"Short: \",\n  filter_dialog_duration: \"Duration (min): \",\n  filter_dialog_type: \"Module type: \",\n  filter_dialog_element: \"Training elements: \",\n  filter_dialog_department: \"Department: \",\n  filter_dialog_target: \"Target: \",\n  filter_dialog_employee: \"Employee: \",\n  filter_dialog_specification: \"Training specification: \",\n  filter_dialog_objective: \"Objective: \",\n  filter_dialog_topic: \"Topic: \",\n  filter_dialog_stopic: \"Sub topic\",\n  filter_dialog_skill_lvl: \"Skill level\",\n  filter_dialog_knowledge: \"Knowledge\",\n  filter_dialog_knowledge_description: \"Knowledge description\",\n  map_modules_no_trainings: \"No categories to display. Select a training type to view available modules.\",\n  detailed_map_tags: \"KEY WORDS\",\n  detailed_map_topics: \"TOPICS\",\n  detailed_map_subtopics: \"SUBTOPICS\",\n  detailed_map_info: \"BASIC INFO\",\n  detailed_map_duration: \"Duration (min): \",\n  detailed_map_employees: \" employees\",\n  detailed_info: \"You can easily zoom in on the map. Just scroll the map area. To turn off the map element, move the switch below.\",\n  comparator_btn_compare: \"Select training to compare\",\n  comparator_btn_select: \"Add to compare\",\n  comparator_btn_clear: \"Clear trainings\",\n  comparator_dropdown_label: \"Select a training to compare\",\n  comparator_common: \"Common elements\",\n  comparator_differences: \"Differences\",\n  comparator_search_info: \"Search by duration (number), module short name or by department.\",\n  comparator_remove_btn: \"Remove\",\n  comparator_department: \"Department:\",\n  comparator_duration: \"Duration:\",\n  comparator_skill: \"Skill:\",\n  comparator_min: \" min.\",\n  comparator_type: \"Type:\",\n  comparator_element: \"Elements:\",\n  comparator_target: \"Target:\",\n  comparator_emplyee: \"Employees:\",\n  comparator_tags: \"Module Tags:\",\n  comparator_ttag: \"Topic tag:\",\n  comparator_stag: \"Sub topic tag:\",\n  comparator_topics: \"Topic:\",\n  comparator_stopics: \"Sub topic:\",\n  library_filters: \"Active filters:\",\n  library_table_btn: \"Table view\",\n  filtered_export_btn: \"Export selected\",\n  filtered_table_header_1: \"Module\",\n  filtered_table_header_2: \"Select Department\",\n  filtered_table_header_3: \"Select Target Group\",\n  filtered_table_header_4: \"Duration (min)\",\n  filtered_table_header_5: \"Topics\",\n  filtered_table_header_6: \"Time in main topic (min)\",\n  filtered_table_header_7: \"Sub topics\",\n  filtered_table_header_8: \"Skill level\",\n  filtered_table_header_9: \"Time in subtopics (min)\",\n  filtered_table_reset_filters_btn: \"Reset table filters\",\n  filtered_total: \"Total time for active filters:\",\n  trainings_not_found: \"Trainings not found!\",\n  mobile_view: \"The application is not available on mobile devices.\",\n  none: \"none\",\n  admin_panel: \"Admin panel\",\n  admin_panel_dialog_title: \"Admin panel login\",\n  admin_add_module: \"Add module\",\n  admin_close: \"Close admin\",\n  nav_back: \"Return\",\n  edit_header: \"Manage or add a new module.\",\n  edit_url: \"Sharepoint image link\",\n  edit_url_error: \"The url field is invalid or empty!\",\n  edit_sharepoint: \"The graphics should be in the SharePoint folder:\",\n  edit_shortname: \"Training short name\",\n  edit_objective: \"Training objective\",\n  edit_title: \"Training full title\",\n  edit_department: \"Department\",\n  edit_duration: \"Duration\",\n  edit_type: \"Training type\",\n  edit_elements: \"Training elements\",\n  edit_target: \"Employee target\",\n  edit_group: \"Employee group\",\n  edit_create_topic: \"Create topic (You can't delete the first topic)\",\n  edit_topic: \"Enter topic\",\n  edit_knowledge: \"Enter knowledge\",\n  edit_time: \"Select time\",\n  edit_topic_warn: \"Maximum number of topics reached.\",\n  edit_topic_btn: \"Add new topic\",\n  edit_create_stopic: \"Create sub topic (You can't delete the first sub topic)\",\n  edit_stopic: \"Enter sub topic\",\n  edit_skill: \"Select skill level\",\n  edit_stopic_warn: \"Maximum number of sub topics reached.\",\n  edit_stopic_btn: \"Add new sub topic\",\n  edit_create_tag: \"Create key word (You can't delete the first key word)\",\n  edit_tag: \"Enter key word\",\n  edit_tag_warn: \"Maximum number of key words reached.\",\n  edit_tag_btn: \"Add new key word\",\n  edit_toast_info: \"New training created:\",\n  edit_error_field: \"The field is invalid or empty!\",\n  edit_error_toast: \"All fields must be filled out!\",\n  edit_delete_topic: \"Delete topic\",\n  edit_delete_stopic: \"Delete sub topic\",\n  edit_update_btn: \"Update\",\n  edit_toast_update: \"Training updated:\",\n};","<template>\n  <div class=\"w-full h-full flex flex-col items-center px-4 pt-37 m-0 relative\">\n    <div\n      class=\"sidebar-title flex items-center justify-left w-full absolute top-14\"\n    >\n      <span class=\"ml-4 font-semibold text-2xl text-primary\">{{\n        dictionary.sidebar_title\n      }}</span>\n    </div>\n    <p class=\"w-full\">{{ dictionary.sidebar_item3 }}</p>\n    <Divider class=\"m-2\" />\n    <div class=\"w-full xl:py-4 custom:py-0\">\n      <FloatLabel class=\"w-full mb-6 custom:text-xs xl:text-base\">\n        <Dropdown\n          v-model=\"selectedDepartment\"\n          inputId=\"dd-departments\"\n          :options=\"departments\"\n          optionLabel=\"name\"\n          class=\"w-full custom:text-xs xl:text-base\"\n        />\n        <label for=\"dd-departments\">{{ dictionary.filter_label0 }}</label>\n      </FloatLabel>\n      <FloatLabel class=\"w-full mb-6 custom:text-xs xl:text-base\">\n        <Dropdown\n          v-model=\"selectedType\"\n          inputId=\"dd-type\"\n          :options=\"types\"\n          optionLabel=\"name\"\n          class=\"w-full custom:text-xs xl:text-base\"\n        />\n        <label for=\"dd-type\">{{ dictionary.filter_label1 }}</label>\n      </FloatLabel>\n      <FloatLabel class=\"w-full mb-6 custom:text-xs xl:text-base\">\n        <Dropdown\n          v-model=\"selectedTarget\"\n          inputId=\"dd-target\"\n          :options=\"targets\"\n          optionLabel=\"name\"\n          class=\"w-full custom:text-xs xl:text-base\"\n        />\n        <label for=\"dd-target\">{{ dictionary.filter_label5 }}</label>\n      </FloatLabel>\n      <FloatLabel class=\"w-full mb-6 custom:text-xs xl:text-base\">\n        <Dropdown\n          v-model=\"selectedDuration\"\n          inputId=\"dd-duration\"\n          :options=\"durations\"\n          optionLabel=\"name\"\n          class=\"w-full custom:text-xs xl:text-base\"\n        />\n        <label for=\"dd-duration\">{{ dictionary.filter_label11 }}</label>\n      </FloatLabel>\n      <FloatLabel class=\"w-full custom:text-xs xl:text-base\">\n        <Dropdown\n          v-model=\"selectedTags\"\n          inputId=\"dd-tags\"\n          :options=\"uniqueTags\"\n          optionLabel=\"name\"\n          class=\"w-full custom:text-xs xl:text-base\"\n          filter\n        />\n        <label for=\"dd-tags\">{{ dictionary.filter_label6 }}</label>\n      </FloatLabel>\n    </div>\n    <Divider class=\"m-2\" />\n    <div class=\"w-full py-4\">\n      <Button\n        :label=\"dictionary.filter_btn_clear\"\n        icon=\"pi pi-refresh\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-2 xl:text-base xl:h-auto xl:mt-0 rounded w-full\"\n        @click=\"clearFilters()\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps, computed, watch } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport Dropdown from \"primevue/dropdown\";\nimport Button from \"primevue/button\";\nimport Divider from \"primevue/divider\";\nimport FloatLabel from \"primevue/floatlabel\";\nimport { dictionary } from \"../../dictionary.js\";\n\nconst store = useStore();\nconst departments = store.departments;\nconst types = store.types;\nconst targets = store.targets;\nconst durations = store.durations;\n\nconst props = defineProps({\n  toggleFilter: Function,\n  data: Array,\n});\n\nconst selectedType = computed({\n  get: () => store.selectedType,\n  set: (value) => (store.selectedType = value),\n});\nconst selectedTarget = computed({\n  get: () => store.selectedTarget,\n  set: (value) => (store.selectedTarget = value),\n});\nconst selectedTags = computed({\n  get: () => store.selectedTags,\n  set: (value) => (store.selectedTags = value),\n});\nconst selectedDepartment = computed({\n  get: () => store.selectedDepartment,\n  set: (value) => (store.selectedDepartment = value),\n});\nconst selectedDuration = computed({\n  get: () => store.selectedDuration,\n  set: (value) => (store.selectedDuration = value),\n});\n\nconst uniqueTags = computed(() => {\n  const tags = [...new Set(props.data?.flatMap((item) => item.tag))]\n    .sort()\n    .map((tag) => ({ name: tag }));\n  return tags;\n});\n\nconst filterModules = () => {\n  let filteredData = props.data || [];\n  if (selectedDepartment.value) {\n    filteredData = filteredData.filter(\n      (item) => item.department === selectedDepartment.value.name\n    );\n  }\n  if (selectedType.value) {\n    filteredData = filteredData.filter(\n      (item) => item.type === selectedType.value.name\n    );\n  }\n  if (selectedTarget.value) {\n    filteredData = filteredData.filter(\n      (item) => item.target === selectedTarget.value.name\n    );\n  }\n  if (selectedTags.value) {\n    filteredData = filteredData.filter((item) =>\n      item.tag.includes(selectedTags.value.name)\n    );\n  }\n  if (selectedDuration.value) {\n    filteredData = filteredData.filter(\n      (item) => item.duration === selectedDuration.value.name\n    );\n  }\n\n  if (\n    !selectedDepartment.value &&\n    !selectedType.value &&\n    !selectedTarget.value &&\n    !selectedTags.value &&\n    !selectedDuration.value\n  ) {\n    filteredData = props.data;\n  }\n\n  store.setFilteredModules(filteredData);\n};\n\nwatch(\n  [\n    selectedType,\n    selectedTarget,\n    selectedTags,\n    selectedDepartment,\n    selectedDuration,\n  ],\n  () => {\n    store.setFilters({\n      type: selectedType.value,\n      target: selectedTarget.value,\n      tags: selectedTags.value,\n      department: selectedDepartment.value,\n      duration: selectedDuration.value,\n    });\n    filterModules();\n  },\n  { immediate: true }\n);\n\nconst clearFilters = () => {\n  selectedType.value = null;\n  selectedTarget.value = null;\n  selectedTags.value = null;\n  selectedDepartment.value = null;\n  selectedDuration.value = null;\n  store.setFilterActive(true);\n};\n</script>\n\n<style scoped>\n.btn-filter {\n  background: transparent !important;\n  width: 100%;\n  color: #c4e9ff;\n  transition: ease-in-out;\n  transition-duration: 0.2s;\n  text-align: left;\n}\n.btn-filter:hover {\n  color: rgba(254, 196, 30, 1);\n  background-color: transparent;\n}\n.p-inputtext {\n  padding: 0.75rem 0.75rem;\n  width: 100%;\n}\n\n::v-deep .p-dropdown .p-dropdown-label{\n  font-size: small !important;\n}\n\n@media (min-width: 1273px) {\n  ::v-deep .p-dropdown .p-dropdown-label{\n    font-size: medium !important;\n  }\n}\n</style>","import script from \"./ModuleFilter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleFilter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleFilter.vue?vue&type=style&index=0&id=e350eed6&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e350eed6\"]])\n\nexport default __exports__","<template>\n  <div class=\"card flex justify-content-center\">\n    <Sidebar\n      v-model:visible=\"visible\"\n      :modal=\"false\"\n      class=\"dark:border-0 sidebar custom:w-1/5 xl:w-1/6\"\n      :baseZIndex=\"1000\"\n      :dismissable=\"false\"\n    >\n      <div class=\"w-full h-sidebar-content grid grid-cols-5 pl-4 pb-2\">\n        <div\n          class=\"w-full h-full pt-8\"\n          :class=\"!showFilter ? 'col-span-4' : 'col-span-1'\"\n        >\n          <div class=\"sidebar-title flex items-center\">\n            <img :src=\"logo\" alt=\"logo\" class=\"custom:w-10 xl:w-12\" />\n            <span class=\"ml-3 font-semibold text-2xl text-primary\">{{\n              !showFilter ? dictionary.sidebar_title : \"\"\n            }}</span>\n          </div>\n          <div\n            class=\"flex flex-col justify-between w-full h-sidebar-content pt-8\"\n          >\n            <ul class=\"list-none pr-4 overflow-hidden h-full\">\n              <!-- <li :class=\"!showFilter ? 'custom:h-12 xl:h-16' : 'btn-small'\">\n                <router-link\n                  to=\"/dashboard\"\n                  class=\"flex items-center cursor-pointer px-4\"\n                  @click=\"() => {store.setFilterActive(false), showFilter = false}\"\n                >\n                  <i class=\"pi pi-home mr-2\"></i>\n                  <span class=\"font-medium custom:text-sm xl:text-base\">{{\n                    !showFilter ? dictionary.sidebar_item1 : \"\"\n                  }}</span>\n                </router-link>\n              </li> -->\n              <li :class=\"!showFilter ? 'custom:h-12 xl:h-16' : 'btn-small'\">\n                <router-link\n                  to=\"/module-library\"\n                  class=\"flex items-center cursor-pointer px-4\"\n                  :title=\"dictionary.sidebar_lib\"\n                >\n                  <i class=\"pi pi-book mr-2\"></i>\n                  <span class=\"font-medium custom:text-sm xl:text-base\">{{\n                    !showFilter ? dictionary.sidebar_item2 : \"\"\n                  }}</span>\n                </router-link>\n              </li>\n              <li\n                :class=\"\n                  !showFilter ? 'custom:h-12 xl:h-16 li-btn' : 'btn-small'\n                \"\n              >\n                <Button\n                  :title=\"dictionary.sidebar_doc\"\n                  :label=\"!showFilter ? dictionary.sidebar_item9 : ''\"\n                  icon=\"pi pi-link\"\n                  @click=\"goToDocumentation\"\n                />\n              </li>\n              <li\n                :class=\"\n                  !showFilter ? 'custom:h-12 xl:h-16 li-btn' : 'btn-small'\n                \"\n              >\n                <Button\n                  :title=\"dictionary.sidebar_bug\"\n                  :label=\"!showFilter ? dictionary.sidebar_item10 : ''\"\n                  icon=\"bi bi-bug\"\n                  @click=\"reportBug\"\n                />\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div\n          class=\"filter-wrapper h-full w-full\"\n          :class=\"!showFilter ? 'col-span-1' : 'col-span-4'\"\n        >\n          <!-- <Button\n            v-if=\"!showFilter\"\n            :label=\"dictionary.sidebar_item3\"\n            icon=\"pi pi-angle-right\"\n            class=\"filter-button w-full h-full custom:text-sm xl:text-base\"\n            @click=\"toggleFilter\"\n          /> -->\n          <ModuleFilter\n            v-if=\"showFilter\"\n            :toggleFilter=\"toggleFilter\"\n            :data=\"props.data\"\n          />\n        </div>\n      </div>\n      <div\n        class=\"absolute custom:bottom-2 xl:bottom-5 left-0 w-full h-copyrights px-4 flex flex-col justify-end custom:text-xs xl:text-sm\"\n      >\n        <Divider />\n        <div class=\"flex flex-row justify-between w-full\">\n          <small>{{ dictionary.sidebar_copy }}</small>\n          <small>{{ version }}</small>\n        </div>\n      </div>\n    </Sidebar>\n  </div>\n</template>\n\n<script setup>\nimport { ref, defineProps, onMounted, onUnmounted } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport { useRouter } from \"vue-router\";\nimport Sidebar from \"primevue/sidebar\";\nimport Divider from \"primevue/divider\";\nimport Button from \"primevue/button\";\nimport pkg from \"../../../package.json\";\nimport { dictionary } from \"../../dictionary.js\";\nimport logo from \"../../assets/logo.png\";\nimport ModuleFilter from \"../filter/ModuleFilter.vue\";\nconst store = useStore();\nconst router = useRouter();\nconst props = defineProps({\n  data: Array,\n});\nconst version = pkg.version;\nlet visible = ref(true);\nlet showFilter = ref(true);\n\nconst toggleFilter = () => {\n  showFilter.value = !showFilter.value;\n  store.setFilterActive(showFilter.value);\n  if (showFilter.value) {\n    router.push({ name: \"module-library\" });\n  } else {\n    router.push({ name: \"module-library\" });\n  }\n};\n\nconst reportBug = () => {\n  const jiraUrl =\n    \"https://jira.schwarz/secure/CreateSubTaskIssue.jspa?parentIssueId=3196131&pid=18200&issuetype=Sub-task\";\n  window.open(jiraUrl, \"_blank\");\n};\n\nconst goToDocumentation = () => {\n  const jiraUrl = \"https://confluence.schwarz/pages/viewpage.action?pageId=578684774\";\n  window.open(jiraUrl, \"_blank\");\n};\n\nconst handleKeydown = (event) => {\n  if (event.key === \"Escape\") {\n    event.stopPropagation();\n  }\n};\n\nonMounted(() => {\n  window.addEventListener(\"keydown\", handleKeydown, true);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"keydown\", handleKeydown, true);\n});\n</script>\n\n<style scoped>\n.sidebar-title {\n  height: 10%;\n}\n.h-sidebar-content {\n  height: 93%;\n}\n.h-copyrights {\n  height: 7%;\n}\n.card {\n  width: 20%;\n  font-family: lidlFontProReg, Helvetica, Arial, sans-serif !important;\n}\n\nul {\n  position: relative;\n}\n\nli {\n  width: 100%;\n  border: 1px solid rgba(196, 233, 255, 0.3);\n  border-radius: 10px;\n  display: flex;\n  margin-bottom: 1rem;\n  transition: ease-in;\n  transition-duration: 0.2s;\n}\nli a {\n  width: 100%;\n  height: 100%;\n}\nli:hover {\n  background-color: #353e57;\n}\n.filter-wrapper {\n  background-color: #18212d;\n  border-bottom-left-radius: 10px;\n}\n\n.btn-small {\n  width: 40px;\n  height: 40px;\n}\n\n.btn-small a {\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.btn-small a i {\n  margin: 0;\n}\n\n.li-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n}\n\n.li-btn button:hover {\n  background-color: #353e57;\n}\n</style>\n","import script from \"./SidebarComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SidebarComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SidebarComponent.vue?vue&type=style&index=0&id=a5f6242a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-a5f6242a\"]])\n\nexport default __exports__","<template>\n  <Dialog\n    v-model:visible=\"dialogVisible\"\n    modal\n    :header=\"dictionary.admin_panel_dialog_title\"\n    class=\"login-dialog\"\n  >\n    <div>\n      <div v-if=\"loading\">\n        <ProgressSpinner\n          class=\"admin-spinner flex items-center justify-center w-1/2\"\n          strokeWidth=\"2\"\n          animationDuration=\"3s\"\n        />\n      </div>\n      <div v-else class=\"form-wrapper\">\n        <form @submit.prevent=\"onSubmit\">\n          <FloatLabel>\n            <InputText id=\"username\" v-model=\"username\" />\n            <label for=\"username\">{{ dictionary.login_username }}</label>\n          </FloatLabel>\n          <FloatLabel>\n            <Password\n              v-model=\"password\"\n              id=\"password\"\n              :feedback=\"false\"\n              toggleMask\n            />\n            <label for=\"password\">{{ dictionary.login_password }}</label>\n            <small class=\"p-error\">{{ errmsg }}</small>\n          </FloatLabel>\n          <div class=\"w-full flex justify-end\">\n            <Button\n              type=\"submit\"\n              class=\"submit-btn\"\n              icon=\"pi pi-sign-in\"\n              :label=\"dictionary.login_btn\"\n            />\n          </div>\n        </form>\n      </div>\n    </div>\n  </Dialog>\n  <Toast ref=\"toast\" />\n</template>\n  \n  <script setup>\nimport { ref } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport Dialog from \"primevue/dialog\";\nimport Toast from \"primevue/toast\";\nimport Button from \"primevue/button\";\nimport ProgressSpinner from \"primevue/progressspinner\";\nimport Password from \"primevue/password\";\nimport InputText from \"primevue/inputtext\";\nimport FloatLabel from \"primevue/floatlabel\";\nimport { dictionary } from \"../../dictionary.js\";\n\nconst store = useStore();\nconst dialogVisible = ref(false);\nconst toast = ref(null);\nconst loading = ref(false);\nconst username = ref(\"admin_user\");\nconst password = ref(\"\");\nconst errmsg = ref(\"\");\n\nconst openDialog = () => {\n  dialogVisible.value = true;\n};\n\nconst onSubmit = async (event) => {\n  event.preventDefault();\n  loading.value = true;\n  try {\n    const response = await fetch(\"https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/admin/admin-login\", {\n      method: \"POST\",\n      mode: \"cors\",\n      credentials: \"include\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify({\n        username: username.value,\n        password: password.value,\n      }),\n    });\n\n    if (response.ok) {\n      setToast();\n      errmsg.value = \"\";\n      const timer = setTimeout(() => {\n        loading.value = false;\n        store.$patch({ admin: true });\n        dialogVisible.value = false;\n      }, 1000);\n      return () => clearTimeout(timer);\n    } else {\n      const message = await response.text();\n      errmsg.value = message;\n      console.error(message);\n      loading.value = false;\n    }\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst setToast = () => {\n  toast.value.add({\n    severity: \"success\",\n    summary: \"Success\",\n    detail: dictionary.login_access,\n    life: 2000,\n  });\n};\n\n// eslint-disable-next-line\ndefineExpose({ openDialog });\n</script>\n  ","import script from \"./AdminComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AdminComponent.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <Menubar class=\"custom:ml-8 xl:ml-0\">\n    <template #start>\n      <div class=\"h-full flex items-center justify-between\">\n        <div class=\"flex flex-row\">\n          <Button\n            icon=\"pi pi-arrow-circle-left\"\n            :title=\"dictionary.nav_back\"\n            @click=\"navGoBack\"\n          />\n          <h1 class=\"route-title custom:text-xl xl:text-2xl text-left\">{{ currentRouteName }}</h1>\n        </div>\n        <div class=\"flex items-center\">\n          <transition name=\"fade\" mode=\"out-in\">\n            <Button\n              v-if=\"!isAdmin\"\n              icon=\"pi pi-cog\"\n              :title=\"dictionary.admin_panel\"\n              @click=\"openAdminDialog\"\n              class=\"custom:text-xs xl:text-base\"\n            />\n            <div v-else class=\"flex items-center\">\n              <Button\n                icon=\"pi pi-plus-circle\"\n                :label=\"dictionary.admin_add_module\"\n                @click=\"handleOpenEditSlotComponent\"\n                class=\"add-module-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-2 xl:text-base xl:h-auto xl:mt-0 rounded\"\n              />\n              <Button\n                icon=\"pi pi-times-circle\"\n                @click=\"handleCloseAdmin\"\n                :title=\"dictionary.admin_close\"\n                class=\"close-admin-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-0 xl:text-base xl:h-auto xl:mt-0 xl:ml-2 rounded\"\n              />\n            </div>\n          </transition>\n          <Button\n            icon=\"pi pi-sign-out\"\n            @click=\"handleLogout\"\n            :title=\"dictionary.logout\"\n            class=\"custom:text-xs xl:text-base\"\n          />\n        </div>\n      </div>\n      <Divider />\n    </template>\n  </Menubar>\n  <AdminComponent ref=\"adminComponent\" />\n  <Toast ref=\"toast\" />\n</template>\n\n<script setup>\nimport { ref, watch, computed } from \"vue\";\nimport Menubar from \"primevue/menubar\";\nimport Button from \"primevue/button\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useStore } from \"../../../store/store.js\";\nimport Divider from \"primevue/divider\";\nimport Toast from \"primevue/toast\";\nimport AdminComponent from \"../admin/AdminComponent.vue\";\nimport { dictionary } from \"../../dictionary.js\";\n\nconst store = useStore();\nconst loading = ref(false);\nconst toast = ref(null);\nconst route = useRoute();\nconst router = useRouter();\nconst isAdmin = computed(() => store.admin);\nconst currentRouteName = ref(route.meta.routeName);\nconst adminComponent = ref(null);\n\nwatch(\n  () => route.path,\n  () => {\n    currentRouteName.value = route.meta.routeName;\n  }\n);\n\nconst openAdminDialog = () => {\n  if (currentRouteName.value !== \"module-library\") {\n    router\n      .push({ name: \"module-library\" })\n      .then(() => {\n        localStorage.removeItem(\"mod\");\n        adminComponent.value.openDialog();\n      })\n      .catch((error) => {\n        console.error(\"Navigation error:\", error);\n      });\n  } else {\n    adminComponent.value.openDialog();\n  }\n};\n\nconst handleOpenEditSlotComponent = () => {\n  localStorage.removeItem(\"mod\");\n  store.$patch({ showEditSlotDialog: true });\n};\n\nconst handleCloseAdmin = () => {\n  store.$patch({ admin: false });\n};\n\nconst handleLogout = async () => {\n  loading.value = true;\n  try {\n    const response = await fetch(\"https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/admin/logout\", {\n      method: \"GET\",\n      mode: \"cors\",\n      credentials: \"include\",\n      headers: {\n        Accept: \"application/json\",\n        \"Content-Type\": \"application/json\",\n      },\n    });\n\n    if (response.ok) {\n      setToast();\n      const timer = setTimeout(() => {\n        store.clearToken();\n        store.$reset();\n        loading.value = false;\n        localStorage.removeItem('pinia'); \n        window.location.reload();\n      }, 1000);\n      return () => clearTimeout(timer);\n    } else {\n      const message = await response.text();\n      console.error(message);\n      loading.value = false;\n    }\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst setToast = () => {\n  toast.value.add({\n    severity: \"success\",\n    summary: \"Success\",\n    detail: dictionary.logout_info,\n    life: 2000,\n  });\n};\nconst navGoBack = () => {\n  const currentRoute = router.currentRoute.value;\n\n  if (\n    currentRoute.path === \"/login\" ||\n    currentRoute.path === \"/module-library\"\n  ) {\n    return;\n  }else if(currentRoute.path === \"/module-comparator\"){\n    localStorage.removeItem(\"mod\");\n    localStorage.removeItem(\"mod2\");\n  }\n\n  router.back();\n};\n</script>\n\n<style scoped>\n.p-menubar {\n  background-color: transparent !important;\n  padding-left: 0;\n  padding-right: 0;\n  max-height: 60px;\n}\n</style>\n","import script from \"./MenuBarComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MenuBarComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MenuBarComponent.vue?vue&type=style&index=0&id=1347e457&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1347e457\"]])\n\nexport default __exports__","import script from \"./MobileViewDetected.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MobileViewDetected.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <Dialog :visible=\"showEdit\" modal class=\"edit-dialog\">\n    <template #header>\n      <div class=\"flex justify-between w-full\">\n        <span class=\"p-dialog-title\">{{ dictionary.edit_header }}</span>\n        <Button icon=\"pi pi-times\" @click=\"handleCloseEdit\" />\n      </div>\n    </template>\n    <div\n      v-if=\"loading\"\n      class=\"spinner-wrapper w-full h-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-50\"\n    >\n      <ProgressSpinner\n        class=\"spinner flex items-center justify-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2\"\n        strokeWidth=\"2\"\n        animationDuration=\"3s\"\n      />\n    </div>\n    <form\n      @submit.prevent=\"!selectedModule ? onSubmit($event) : onUpdate($event)\"\n      class=\"w-full custom:text-xs xl:text-base\"\n    >\n      <div class=\"flex flex-row w-full\">\n        <div v-if=\"imgUrl && isValidUrl\" class=\"w-1/5 mr-2\">\n          <img :src=\"imgUrl\" alt=\"training_icon\" class=\"preview-img\" />\n        </div>\n        <div v-else class=\"img-placeholder mr-2\">\n          <Skeleton width=\"100%\" height=\"100%\" />\n        </div>\n        <div class=\"w-4/5\">\n          <small class=\"flex items-center flex-row\"\n            >{{ dictionary.edit_sharepoint }}\n            <Button\n              as=\"a\"\n              label=\"SharePoint Library\"\n              href=\"https://schwarzit.sharepoint.com/sites/global-lidl-leon/SiteAssets/Forms/AllItems.aspx?id=%2Fsites%2Fglobal%2Dlidl%2Dleon%2FSiteAssets%2FMapper\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              class=\"m-0 pl-2 py-0\"\n          /></small>\n          <FloatLabel>\n            <InputText id=\"img_url\" v-model=\"imgUrl\" />\n            <label for=\"img_url\">{{ dictionary.edit_url }}</label>\n          </FloatLabel>\n          <small\n            v-if=\"(isSubmitted && !imgUrl) || !isValidUrl\"\n            class=\"p-error\"\n            >{{ dictionary.edit_url_error }}</small\n          >\n        </div>\n      </div>\n\n      <div class=\"grid grid-cols-4 gap-1\">\n        <FloatLabel class=\"col-span-4\">\n          <InputText id=\"title\" v-model=\"title\" />\n          <label for=\"title\">{{ dictionary.edit_title }}</label>\n        </FloatLabel>\n        <small v-if=\"isSubmitted && !title\" class=\"p-error\">{{\n          dictionary.edit_error_field\n        }}</small>\n      </div>\n\n      <div class=\"grid grid-cols-4 gap-4\">\n        <div class=\"col-span-2\">\n          <FloatLabel>\n            <InputText id=\"objective\" v-model=\"objective\" />\n            <label for=\"objective\">{{ dictionary.edit_objective }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !objective\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n        <div class=\"col-span-1\">\n          <FloatLabel>\n            <InputText id=\"short\" v-model=\"shortname\" class=\"uppercase\" />\n            <label for=\"short\">{{ dictionary.edit_shortname }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !shortname\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n        <div class=\"col-span-1\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedDepartment\"\n              inputId=\"dd-department\"\n              :options=\"departments\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-department\">{{ dictionary.edit_department }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedDepartment\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n      </div>\n\n      <div class=\"grid grid-cols-4 gap-4\">\n        <div class=\"col-span-2\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedDuration\"\n              inputId=\"dd-duration\"\n              :options=\"durations\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-duration\"\n              >{{ dictionary.edit_duration }} (min)</label\n            >\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedDuration\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n        <div class=\"col-span-1\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedType\"\n              inputId=\"dd-type\"\n              :options=\"types\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-type\">{{ dictionary.edit_type }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedType\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n        <div class=\"col-span-1\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedElement\"\n              inputId=\"dd-elements\"\n              :options=\"trainingElements\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-elements\">{{ dictionary.edit_elements }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedElement\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n      </div>\n\n      <div class=\"grid grid-cols-4 gap-4\">\n        <div class=\"col-span-2\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedTarget\"\n              inputId=\"dd-target\"\n              :options=\"targets\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-target\">{{ dictionary.edit_target }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedTarget\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n        <div class=\"col-span-2\">\n          <FloatLabel>\n            <Dropdown\n              v-model=\"selectedGroup\"\n              inputId=\"dd-experience\"\n              :options=\"groups\"\n              optionLabel=\"name\"\n              class=\"w-full\"\n            />\n            <label for=\"dd-experience\">{{ dictionary.edit_group }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !selectedGroup\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n      </div>\n\n      <div class=\"mt-4 mb-2 flex flex-row w-full items-center justify-between\">\n        <span class=\"text-left mr-2 custom:text-sm xl:text-base\">{{\n          dictionary.edit_create_topic\n        }}</span>\n        <Button\n          @click=\"handleAddNewTopic()\"\n          icon=\"pi pi-plus-circle\"\n          :label=\"dictionary.edit_topic_btn\"\n          class=\"dataview-btn m-0 p-1\"\n          :disabled=\"topics.length >= 6\"\n        />\n      </div>\n      <div\n        v-for=\"(topic, tIndex) in topics\"\n        :key=\"tIndex\"\n        class=\"flex flex-col border border-slate-600 px-2 pb-4 mb-4\"\n      >\n        <div class=\"w-full flex justify-end mt-2\">\n          <Button\n            @click=\"handleDeleteTopic(tIndex)\"\n            icon=\"pi pi-times\"\n            class=\"delete-btn m-0\"\n            :title=\"dictionary.edit_delete_topic\"\n            :disabled=\"tIndex < 1\"\n          />\n        </div>\n        <div class=\"w-full flex flex-col\">\n          <div class=\"w-full flex flex-row\">\n            <div class=\"flex flex-col w-1/3 ml-2\">\n              <FloatLabel :class=\"['custom:text-sm xl:text-base']\">\n                <InputText :id=\"'tp_' + tIndex\" v-model=\"topic.name\" />\n                <label :for=\"'tp_' + tIndex\">{{ dictionary.edit_topic }}</label>\n              </FloatLabel>\n              <small v-if=\"isSubmitted && !topic.name\" class=\"p-error\">{{\n                dictionary.edit_error_field\n              }}</small>\n            </div>\n            <div class=\"flex flex-col w-1/3 ml-2\">\n              <FloatLabel :class=\"['custom:text-sm xl:text-base']\">\n                <InputText :id=\"'kw_' + tIndex\" v-model=\"topic.knowledge\" />\n                <label :for=\"'kw_' + tIndex\">{{\n                  dictionary.edit_knowledge\n                }}</label>\n              </FloatLabel>\n              <small v-if=\"isSubmitted && !topic.knowledge\" class=\"p-error\">{{\n                dictionary.edit_error_field\n              }}</small>\n            </div>\n            <div class=\"flex flex-col w-1/3 ml-2\">\n              <FloatLabel>\n                <Dropdown\n                  v-model=\"topic.time\"\n                  inputId=\"dd-timetopic\"\n                  :options=\"time\"\n                  class=\"w-full\"\n                />\n                <label for=\"dd-timetopic\"\n                  >{{ dictionary.edit_time }} (min)</label\n                >\n              </FloatLabel>\n              <small v-if=\"isSubmitted && !topic.time\" class=\"p-error\">{{\n                dictionary.edit_error_field\n              }}</small>\n            </div>\n          </div>\n          <div class=\"flex flex-row w-full\">\n            <div\n              v-for=\"(tag, index) in topic.tag\"\n              :key=\"index\"\n              class=\"flex flex-col w-1/2 ml-2\"\n            >\n              <FloatLabel\n                :class=\"[\n                  'col-span-1 custom:text-sm xl:text-base custom:text-sm xl:text-base',\n                ]\"\n              >\n                <div class=\"relative w-full\">\n                  <InputText\n                    :id=\"'t_tag_' + index\"\n                    v-model=\"topic.tag[index]\"\n                    class=\"uppercase w-full pr-10\"\n                  />\n                </div>\n                <label :for=\"'t_tag_' + index\">{{ dictionary.edit_tag }}</label>\n              </FloatLabel>\n              <small\n                v-if=\"isSubmitted && index === 0 && !topic.tag[index]\"\n                class=\"p-error\"\n                >{{ dictionary.edit_error_field }}</small\n              >\n            </div>\n          </div>\n        </div>\n        <div class=\"flex flex-col\">\n          <div class=\"mt-4 flex flex-row w-full items-center justify-between\">\n            <span class=\"text-left mr-2 custom:text-sm xl:text-base\">{{\n              dictionary.edit_create_stopic\n            }}</span>\n            <Button\n              @click=\"handleAddNewSubTopic(tIndex)\"\n              icon=\"pi pi-plus-circle\"\n              :label=\"dictionary.edit_stopic_btn\"\n              class=\"dataview-btn m-0 p-1\"\n              :disabled=\"topic.stopic.length >= 6\"\n            />\n          </div>\n          <ol class=\"w-full\">\n            <li\n              v-for=\"(stopic, index) in topic.stopic\"\n              :key=\"index\"\n              class=\"flex flex-row items-center\"\n            >\n              <div class=\"w-full flex flex-row\">\n                <span\n                  class=\"flex justify-center items-center flex-grow basis-1/12 mt-6\"\n                  >{{ index + 1 }}.</span\n                >\n                <div class=\"flex flex-col flex-grow basis-10/12\">\n                  <div class=\"flex flex-row w-full\">\n                    <div class=\"mr-4 w-full\">\n                      <FloatLabel :class=\"['custom:text-sm xl:text-base']\">\n                        <InputText :id=\"'stp_' + index\" v-model=\"stopic.name\" />\n                        <label :for=\"'stp_' + index\">{{\n                          dictionary.edit_stopic\n                        }}</label>\n                      </FloatLabel>\n                      <small\n                        v-if=\"isSubmitted && !stopic.name\"\n                        class=\"p-error\"\n                        >{{ dictionary.edit_error_field }}</small\n                      >\n                    </div>\n                    <div class=\"mr-4 w-full\">\n                      <FloatLabel :class=\"['custom:text-sm xl:text-base']\">\n                        <Dropdown\n                          v-model=\"stopic.skill\"\n                          inputId=\"dd-skills\"\n                          :options=\"skills\"\n                          :optionLabel=\"(option) => option\"\n                          class=\"w-full\"\n                        />\n                        <label for=\"dd-skills\">{{\n                          dictionary.edit_skill\n                        }}</label>\n                      </FloatLabel>\n                      <small\n                        v-if=\"isSubmitted && !stopic.skill\"\n                        class=\"p-error\"\n                        >{{ dictionary.edit_error_field }}</small\n                      >\n                    </div>\n                    <div class=\"w-full\">\n                      <FloatLabel :class=\"['custom:text-sm xl:text-base']\">\n                        <Dropdown\n                          v-model=\"stopic.time\"\n                          inputId=\"dd-timestopic\"\n                          :options=\"time\"\n                          class=\"w-full\"\n                        />\n                        <label for=\"dd-timestopic\"\n                          >{{ dictionary.edit_time }} (min)</label\n                        >\n                      </FloatLabel>\n                      <small\n                        v-if=\"isSubmitted && !stopic.time\"\n                        class=\"p-error\"\n                        >{{ dictionary.edit_error_field }}</small\n                      >\n                    </div>\n                  </div>\n                  <div class=\"flex flex-row w-full\">\n                    <div class=\"w-full\">\n                      <div\n                        v-for=\"(tag, index) in stopic.tag\"\n                        :key=\"index\"\n                        class=\"flex flex-col w-full\"\n                      >\n                        <FloatLabel\n                          :class=\"[\n                            'col-span-1 custom:text-sm xl:text-base custom:text-sm xl:text-base',\n                          ]\"\n                        >\n                          <div class=\"relative w-full\">\n                            <InputText\n                              :id=\"'s_tag_' + index\"\n                              v-model=\"stopic.tag[index]\"\n                              class=\"uppercase w-full pr-10\"\n                            />\n                          </div>\n                          <label :for=\"'s_tag_' + index\">{{\n                            dictionary.edit_tag\n                          }}</label>\n                        </FloatLabel>\n                        <small\n                          v-if=\"isSubmitted && !stopic.tag[index]\"\n                          class=\"p-error\"\n                          >{{ dictionary.edit_error_field }}</small\n                        >\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"flex justify-center items-center flex-grow basis-1/12 mt-6\"\n                >\n                  <Button\n                    @click=\"handleDeleteSubTopic(tIndex, index)\"\n                    icon=\"pi pi-times\"\n                    class=\"delete-btn m-0\"\n                    :title=\"dictionary.edit_delete_stopic\"\n                    :disabled=\"index < 1\"\n                  />\n                </div>\n              </div>\n            </li>\n          </ol>\n        </div>\n      </div>\n      <small v-if=\"topics.length >= 6\" class=\"p-error\">{{\n        dictionary.edit_topic_warn\n      }}</small>\n\n      <div class=\"mt-4 mb-2 flex flex-row w-full items-center justify-between\">\n        <span class=\"text-left mr-2 custom:text-sm xl:text-base\">{{\n          dictionary.edit_create_tag\n        }}</span>\n        <Button\n          @click=\"handleAddNewTag()\"\n          icon=\"pi pi-plus-circle\"\n          :label=\"dictionary.edit_tag_btn\"\n          class=\"dataview-btn m-0 p-1\"\n          :disabled=\"tags.length >= 6\"\n        />\n      </div>\n      <div class=\"grid grid-cols-3 gap-4\" v-if=\"selectedModule\">\n        <FloatLabel\n          v-for=\"(tag, index) in selectedModule.tag\"\n          :key=\"index\"\n          :class=\"[\n            'col-span-1 custom:text-sm xl:text-base custom:text-sm xl:text-base',\n          ]\"\n        >\n          <InputText\n            :id=\"'tag_' + index\"\n            v-model=\"selectedModule.tag[index]\"\n            class=\"uppercase\"\n          />\n          <label :for=\"'tag_' + index\">{{ dictionary.edit_tag }}</label>\n        </FloatLabel>\n      </div>\n      <div v-else class=\"grid grid-cols-3 gap-4\">\n        <div v-for=\"(tag, index) in tags\" :key=\"index\">\n          <FloatLabel\n            :class=\"[\n              'col-span-1 custom:text-sm xl:text-base custom:text-sm xl:text-base',\n            ]\"\n          >\n            <div class=\"relative w-full\">\n              <InputText\n                :id=\"'tag_' + index\"\n                v-model=\"tags[index]\"\n                class=\"uppercase w-full pr-10\"\n              />\n              <Button\n                @click=\"handleDeleteTag(index)\"\n                icon=\"pi pi-times\"\n                class=\"delete-btn m-0 absolute top-1/2 right-2 transform -translate-y-1/2\"\n                :title=\"dictionary.edit_delete_stopic\"\n                :disabled=\"index < 1\"\n              />\n            </div>\n            <label :for=\"'tag_' + index\">{{ dictionary.edit_tag }}</label>\n          </FloatLabel>\n          <small v-if=\"isSubmitted && !tags[index]\" class=\"p-error\">{{\n            dictionary.edit_error_field\n          }}</small>\n        </div>\n      </div>\n      <div class=\"w-full flex justify-end\">\n        <Button\n          type=\"submit\"\n          class=\"submit-btn\"\n          :icon=\"`pi ${!selectedModule ? 'pi-plus' : 'pi-sync'}`\"\n          :label=\"\n            !selectedModule ? dictionary.login_btn : dictionary.edit_update_btn\n          \"\n        />\n      </div>\n    </form>\n  </Dialog>\n  <Toast ref=\"toast\" />\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, watch, toRaw } from \"vue\";\nimport { useStore } from \"../../../../store/store.js\";\nimport Dialog from \"primevue/dialog\";\nimport InputText from \"primevue/inputtext\";\nimport FloatLabel from \"primevue/floatlabel\";\nimport Skeleton from \"primevue/skeleton\";\nimport Dropdown from \"primevue/dropdown\";\nimport Button from \"primevue/button\";\nimport Toast from \"primevue/toast\";\nimport ProgressSpinner from \"primevue/progressspinner\";\nimport { dictionary } from \"../../../dictionary.js\";\n\nconst store = useStore();\nconst showEdit = computed(() => store.showEditSlotDialog);\nconst selectedModule = ref(JSON.parse(localStorage.getItem(\"mod\")));\nconst trainingElements = store.trainingElements;\nconst departments = store.departments;\nconst durations = store.durations;\nconst types = store.types;\nconst targets = store.targets;\nconst groups = store.groups;\nconst skills = store.skills;\nconst time = store.time;\nconst imgUrl = ref(\"\");\nconst isValidUrl = ref(true);\nconst objective = ref(\"\");\nconst title = ref(\"\");\nconst shortname = ref(\"\");\nconst selectedElement = ref(\"\");\nconst selectedDepartment = ref(\"\");\nconst selectedDuration = ref(\"\");\nconst selectedType = ref(\"\");\nconst selectedTarget = ref(\"\");\nconst selectedGroup = ref(\"\");\nconst selectedTimeTopic = ref(\"\");\nconst selectedTimeStopic = ref(\"\");\nconst topic = ref(\"\");\nconst knowledge = ref(\"\");\nconst stopic = ref(\"\");\nconst tag = ref(\"\");\nconst topicTag = ref([\"\", \"\"]);\nconst sTopicTag = ref([\"\"]);\nconst errmsg = ref(\"\");\nconst toast = ref(null);\nconst loading = ref(false);\nconst isSubmitted = ref(false);\nconst topics = ref([\n  {\n    tag: [\"\", \"\"],\n    time: \"\",\n    name: \"\",\n    knowledge: \"\",\n    stopic: [{ tag: [\"\"], time: \"\", name: \"\", skill: \"\" }],\n  },\n]);\nconst tags = ref([\"\", \"\", \"\"]);\n\nconst handleCloseEdit = () => {\n  localStorage.removeItem(\"mod\");\n  store.$patch({ showEditSlotDialog: false });\n};\n\nonMounted(() => {\n  if (selectedModule.value) {\n    imgUrl.value = selectedModule.value.url;\n    title.value = selectedModule.value.title;\n    objective.value = selectedModule.value.objective;\n    shortname.value = selectedModule.value.short;\n    selectedDepartment.value = { name: selectedModule.value.department };\n    selectedDuration.value = { name: selectedModule.value.duration };\n    selectedType.value = { name: selectedModule.value.type };\n    selectedElement.value = { name: selectedModule.value.element };\n    selectedTarget.value = { name: selectedModule.value.target };\n    selectedGroup.value = { name: selectedModule.value.employee };\n    topics.value = selectedModule.value.topic;\n    tags.value = selectedModule.value.tag;\n  }\n});\n\nconst handleAddNewTopic = () => {\n  topics.value.push({\n    tag: topicTag.value,\n    time: selectedTimeTopic.value,\n    name: topic.value,\n    knowledge: knowledge.value,\n    stopic: [],\n  });\n  topicTag.value = [\"\", \"\"];\n  topic.value = \"\";\n  knowledge.value = \"\";\n};\n\nconst handleAddNewSubTopic = (topicIndex) => {\n  topics.value[topicIndex].stopic.push({\n    tag: sTopicTag.value,\n    time: selectedTimeStopic.value,\n    name: stopic.value,\n    skill: \"\",\n  });\n  (sTopicTag.value = [\"\"]), (stopic.value = \"\");\n};\n\nconst handleAddNewTag = () => {\n  tags.value.push(tag.value);\n  tag.value = \"\";\n};\n\nconst handleDeleteTopic = (tIndex) => {\n  topics.value.splice(tIndex, 1);\n};\n\nconst handleDeleteSubTopic = (tIndex, sIndex) => {\n  topics.value[tIndex].stopic.splice(sIndex, 1);\n};\n\nconst handleDeleteTag = (tgIndex) => {\n  tags.value.splice(tgIndex, 1);\n};\n\nconst validateUrl = (url) => {\n  try {\n    new URL(url);\n    return true;\n  } catch (e) {\n    return false;\n  }\n};\n\nconst setToast = () => {\n  toast.value.add({\n    severity: \"success\",\n    summary: \"Success\",\n    detail: dictionary.edit_toast_info + \" \" + shortname.value.toUpperCase(),\n    life: 2000,\n  });\n};\n\nconst resetForm = () => {\n  title.value = \"\";\n  shortname.value = \"\";\n  selectedDuration.value = \"\";\n  selectedType.value = \"\";\n  selectedElement.value = \"\";\n  selectedDepartment.value = \"\";\n  selectedTarget.value = \"\";\n  selectedGroup.value = \"\";\n  objective.value = \"\";\n  topics.value = [\n    {\n      tag: [\"\", \"\"],\n      time: 0,\n      name: \"\",\n      knowledge: \"\",\n      stopic: [{ tag: [\"\", \"\"], time: 0, name: \"\", skill: \"\" }],\n    },\n  ];\n  tags.value = [\"\", \"\", \"\"];\n  imgUrl.value = \"\";\n  isSubmitted.value = false;\n};\n\nconst validateForm = () => {\n  isSubmitted.value = true;\n  if (\n    !title.value ||\n    !shortname.value ||\n    !selectedDuration.value ||\n    !selectedType.value ||\n    !selectedElement.value ||\n    !selectedDepartment.value ||\n    !selectedTarget.value ||\n    !selectedGroup.value ||\n    !objective.value ||\n    !imgUrl.value\n  ) {\n    toast.value.add({\n      severity: \"error\",\n      summary: \"Warning!\",\n      detail: \"All fields must be filled out\",\n      life: 3000,\n    });\n    return false;\n  }\n  return true;\n};\nconst onSubmit = async (event) => {\n  event.preventDefault();\n  if (validateForm()) {\n    const log = {\n      title: title.value,\n      short: shortname.value.toUpperCase(),\n      duration: selectedDuration.value.name,\n      type: selectedType.value.name,\n      element: selectedElement.value.name,\n      department: selectedDepartment.value.name,\n      target: selectedTarget.value.name,\n      employee: selectedGroup.value.name,\n      objective: objective.value,\n      topic: toRaw(topics.value),\n      tag: tags.value.map((tag) => tag.toUpperCase()),\n      url: imgUrl.value,\n    };\n    loading.value = true;\n    try {\n      const response = await fetch(\"https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/mod\", {\n        method: \"POST\",\n        mode: \"cors\",\n        credentials: \"include\",\n        headers: {\n          Accept: \"application/json\",\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(log),\n      });\n\n      if (response.ok) {\n        setToast();\n        errmsg.value = \"\";\n        await store.fetchData();\n        loading.value = false;\n        resetForm();\n      } else {\n        const message = await response.text();\n        errmsg.value = message;\n        console.error(message);\n        loading.value = false;\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }\n};\n\nconst onUpdate = async (event) => {\n  event.preventDefault();\n  if (validateForm()) {\n    const logId = selectedModule.value._id;\n    const log = {\n      title: title.value,\n      short: shortname.value.toUpperCase(),\n      duration: selectedDuration.value.name,\n      type: selectedType.value.name,\n      element: selectedElement.value.name,\n      department: selectedDepartment.value.name,\n      target: selectedTarget.value.name,\n      employee: selectedGroup.value.name,\n      objective: objective.value,\n      topic: toRaw(topics.value),\n      tag: tags.value.map((tag) => tag.toUpperCase()),\n      url: imgUrl.value,\n    };\n    loading.value = true;\n    try {\n      const response = await fetch(`https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/mod/${logId}`, {\n        method: \"PATCH\",\n        mode: \"cors\",\n        credentials: \"include\",\n        headers: {\n          Accept: \"application/json\",\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(log),\n      });\n\n      if (response.ok) {\n        toast.value.add({\n          severity: \"success\",\n          summary: \"Success\",\n          detail:\n            dictionary.edit_toast_update + \" \" + shortname.value.toUpperCase(),\n          life: 2000,\n        });\n        errmsg.value = \"\";\n        await store.fetchData();\n        loading.value = false;\n        handleCloseEdit();\n      } else {\n        const message = await response.text();\n        errmsg.value = message;\n        console.error(message);\n        loading.value = false;\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  }\n};\n\nwatch(\n  () => imgUrl.value,\n  (newUrl) => {\n    isValidUrl.value = validateUrl(newUrl);\n  }\n);\n</script>\n\n<style scoped>\n.img-placeholder {\n  width: 180px;\n  height: 100px;\n}\n\nform {\n  color: #c4e9ff;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.spinner-wrapper {\n  background-color: rgba(17, 24, 39, 0.5);\n}\n.spinner {\n  width: 50px;\n  height: 50px;\n}\n\n.delete-btn {\n  background-color: #ef4444;\n  padding: 0;\n  width: 25px;\n  height: 25px;\n}\n</style>","import script from \"./EditSlotComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EditSlotComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./EditSlotComponent.vue?vue&type=style&index=0&id=74771d39&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-74771d39\"]])\n\nexport default __exports__","<template>\n  <div v-if=\"!isMobileView\" class=\"relative w-full h-full font-sans flex\">\n    <div class=\"w-1/5 md:w-1/5 sm:w-full h-full\"><SidebarComponent :data=\"data\" /></div>\n    <div class=\"w-4/5 md:w-4/5 sm:w-full h-full\">\n      <MenuBarComponent />\n      <router-view v-slot=\"{ Component }\">\n        <transition name=\"fade\" mode=\"out-in\">\n          <component\n            :is=\"Component\"\n            :data=\"data\"\n            :key=\"$route.path\"\n          ></component>\n        </transition>\n      </router-view>\n    </div>\n  </div>\n  <div v-else>\n    <MobileViewDetected />\n  </div>\n  <div v-if=\"showEditSlotDialog\">\n    <EditSlotComponent />\n  </div>\n</template>\n\n<script setup>\nimport { ref, defineProps, onMounted, onUnmounted, computed } from \"vue\";\nimport { useStore } from \"../../store/store.js\";\nimport SidebarComponent from \"./common/SidebarComponent.vue\";\nimport MenuBarComponent from \"./common/MenuBarComponent.vue\";\nimport MobileViewDetected from \"./common/MobileViewDetected.vue\";\nimport EditSlotComponent from \"./admin/edit/EditSlotComponent.vue\";\n\nconst isMobileView = ref(false);\nconst store = useStore();\nconst showEditSlotDialog = computed(() => store.showEditSlotDialog);\nconst checkScreenWidth = () => {\n  isMobileView.value = window.innerWidth < 1272;\n};\n\nonMounted(() => {\n  checkScreenWidth();\n  window.addEventListener(\"resize\", checkScreenWidth);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"resize\", checkScreenWidth);\n});\ndefineProps([\"data\"]);\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import script from \"./ContentDisplay.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContentDisplay.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ContentDisplay.vue?vue&type=style&index=0&id=29354c7a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-29354c7a\"]])\n\nexport default __exports__","<template>\n  <div class=\"container\">\n    <Dialog\n      :header=\"dictionary.login\"\n      :closable=\"false\"\n      :visible=\"true\"\n      class=\"login-dialog\"\n    >\n      <div v-if=\"loading\">\n        <ProgressSpinner\n          class=\"spinner flex items-center justify-center\"\n          strokeWidth=\"2\"\n          animationDuration=\"3s\"\n        />\n      </div>\n      <div v-else class=\"form-wrapper\">\n        <form @submit.prevent=\"onSubmit\">\n          <FloatLabel>\n            <InputText id=\"username\" v-model=\"username\" />\n            <label for=\"username\">{{ dictionary.login_username }}</label>\n          </FloatLabel>\n          <FloatLabel>\n            <Password\n              v-model=\"password\"\n              id=\"password\"\n              :feedback=\"false\"\n              toggleMask\n            />\n            <label for=\"password\">{{ dictionary.login_password }}</label>\n            <small class=\"p-error\">{{ errmsg }}</small>\n          </FloatLabel>\n          <div class=\"w-full flex justify-end\">\n            <Button\n              type=\"submit\"\n              class=\"submit-btn\"\n              icon=\"pi pi-sign-in\"\n              :label=\"dictionary.login_btn\"\n            />\n          </div>\n        </form>\n      </div>\n    </Dialog>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport { useRouter } from \"vue-router\";\nimport Dialog from \"primevue/dialog\";\nimport Button from \"primevue/button\";\nimport ProgressSpinner from \"primevue/progressspinner\";\nimport Password from \"primevue/password\";\nimport InputText from \"primevue/inputtext\";\nimport FloatLabel from \"primevue/floatlabel\";\nimport { dictionary } from \"../../dictionary.js\";\n\nconst store = useStore();\nconst router = useRouter();\nconst loading = ref(false);\nconst password = ref(\"\");\nconst username = ref(\"eld_user\");\nconst errmsg = ref(\"\");\n\nconst onSubmit = async (event) => {\n  event.preventDefault();\n  loading.value = true;\n\n  fetch(\"https://eld-mapper-backend.api.prod.sit.sys.odj.cloud/admin/login\", {\n    method: \"POST\",\n    mode: \"cors\",\n    credentials: \"include\",\n    headers: {\n      Accept: \"application/json\",\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({\n      username: username.value,\n      password: password.value,\n    }),\n  })\n    .then(async (response) => {\n      if (response.ok) {\n        return response.json();\n      }\n      const message = await response.text();\n      throw new Error(message);\n    })\n    .then((data) => {\n      store.setToken(data.token);\n      return store.fetchData();\n    })\n    .then(() => {\n      errmsg.value = \"\";\n      router.push({ name: \"module-library\" });\n    })\n    .catch((error) => {\n      console.error(\"There was a problem with the fetch operation:\", error);\n      errmsg.value = error.message || \"An error occurred. Please try again.\";\n    })\n    .finally(() => {\n      loading.value = false;\n    });\n};\n</script>\n\n<style scoped>\n.spinner {\n  width: 50px;\n  height: 50px;\n}\n</style>\n","import script from \"./LoginComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoginComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoginComponent.vue?vue&type=style&index=0&id=b90fd3e6&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b90fd3e6\"]])\n\nexport default __exports__","<template>\n  <div v-if=\"store.token && data.length\" class=\"content\">\n    <ContentDisplay :data=\"data\" />\n  </div>\n  <div v-if=\"!store.token && !data.length\" class=\"flex justify-center\">\n    <LoginComponent />\n  </div>\n  <img class=\"mapbg\" src=\"./assets/mapbcg.png\" alt=\"background\" />\n</template>\n\n<script setup>\nimport { watchEffect, watch, ref } from \"vue\";\nimport { useStore } from \"../store/store.js\";\nimport ContentDisplay from \"./components/ContentDisplay.vue\";\nimport LoginComponent from \"./components/login/LoginComponent.vue\";\nimport \"../style/font.css\";\n\nconst store = useStore();\nconst data = ref([]);\n\nwatchEffect(() => {\n  data.value = store.data;\n});\n\nwatch(\n  () => store.data,\n  (newValue) => {\n    data.value = newValue;\n  }\n);\n\nwatch(\n  () => store.token,\n  (newToken) => {\n    if (newToken) {\n      store.fetchData();\n    }\n  },\n  { immediate: true }\n);\n</script>\n\n<style>\n#app {\n  font-family: lidlFontProReg, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  margin-top: 60px;\n  position: relative;\n  color: #c4e9ff !important;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n.mapbg {\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  position: fixed;\n  left: 0;\n  top: 0;\n  z-index: -1;\n}\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=8c60f9e0&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div>\n    <div\n      class=\"flex justify-between items-center custom:py-0 custom:pb-2 xl:pb-6 xl:pt-4 w-full\"\n    >\n      <h1 class=\"xl:text-2xl custom:text-xl text-left m-0\">\n        {{ dictionary.dataview_title }}\n      </h1>\n      <IconField class=\"w-1/2\">\n        <InputIcon class=\"pi pi-search custom:text-sm xl:text-base\" />\n        <InputText\n          v-model=\"searchValue\"\n          type=\"text\"\n          :placeholder=\"dictionary.menu_search\"\n          class=\"w-full custom:p-1 xl:p-2 custom:text-sm xl:text-base mr-2 search-input\"\n        />\n      </IconField>\n    </div>\n    <div\n      v-if=\"filteredModules.length === 0\"\n      class=\"w-full flex justify-center items-center h-96 text-center py-4\"\n    >\n      <div class=\"flex flex-row items-center justify-center w-full\">\n        <img\n          src=\"../../../assets/no-file.png\"\n          alt=\"No file\"\n          class=\"no-options-image custom:w-10 xl:w-12 mr-4\"\n        />\n        <h1 class=\"text-2xl\">{{ dictionary.trainings_not_found }}</h1>\n      </div>\n    </div>\n    <DataView\n      :value=\"filteredModules\"\n      :rows=\"4\"\n      :paginator=\"true\"\n      class=\"relative\"\n    >\n      <template #list=\"slotProps\">\n        <div class=\"flex flex-row flex-wrap\">\n          <div\n            v-for=\"(item, index) in slotProps.items\"\n            :key=\"index\"\n            class=\"w-1/2 pr-6\"\n          >\n            <div class=\"flex flex-row\">\n              <div class=\"w-2/5 flex items-center\">\n                <div v-if=\"!item.url\" class=\"w-full\">\n                  <Skeleton />\n                </div>\n                <img\n                  v-else\n                  :src=\"item.url\"\n                  :alt=\"item.short\"\n                  class=\"w-full border-round\"\n                  loading=\"lazy\"\n                />\n              </div>\n              <div\n                class=\"desc flex flex-col justify-between items-start w-3/5 pl-4\"\n              >\n                <div class=\"w-full flex flex-row justify-between items-center\">\n                  <div class=\"flex flex-row items-center\">\n                    <span\n                      :class=\"\n                        item.department.toLowerCase() +\n                        '-bg p-1 rounded-lg mr-4 custom:text-xs xl:text-base'\n                      \"\n                    >\n                      {{ item.department }}\n                    </span>\n                    <span\n                      :class=\"\n                        item.department.toLowerCase() +\n                        '-txt custom:text-base xl:text-xl'\n                      \"\n                    >\n                      {{ item.short }}\n                    </span>\n                  </div>\n                  <span class=\"font-medium text-sm custom:text-xs xl:text-base\">\n                    {{ dictionary.dataview_item2 + item.duration }} min\n                  </span>\n                </div>\n                <div>\n                  <span class=\"w-full custom:text-xs xl:text-sm\">{{\n                    dictionary.dataview_item3\n                  }}</span>\n                </div>\n                <span\n                  class=\"objective w-full text-left custom:text-xs xl:text-sm mb-2\"\n                >\n                  <ul class=\"flex flex-row\">\n                    <li\n                      v-for=\"(tag, index) in getFirstTwoTags(item.tag)\"\n                      :key=\"index\"\n                      class=\"mr-2\"\n                    >\n                      #{{ tag }}\n                    </li>\n                  </ul>\n                </span>\n                <div class=\"flex flex-row w-full mt-2\">\n                  <router-link\n                  :to=\"{ name: 'module', params: { mod: JSON.stringify(item) } }\"\n                    @click=\"handleDisplayModule(item)\"\n                    class=\"dataview-btn mr-2 custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-2 xl:text-base xl:h-auto xl:mt-0 rounded flex-grow\"\n                  >\n                    <i class=\"pi pi-map mr-4\"></i>\n                    <p>{{ dictionary.dataview_show }}</p>\n                  </router-link>\n                  <router-link\n                    :to=\"{ name: 'module-comparator' }\"\n                    @click=\"handleDisplayModule(item)\"\n                    class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-2 xl:text-base xl:h-auto xl:mt-0 rounded flex-grow\"\n                  >\n                    <i class=\"pi pi-arrow-right-arrow-left mr-4\"></i>\n                    <p>{{ dictionary.dataview_compare }}</p>\n                  </router-link>\n                  <transition name=\"fade\" mode=\"out-in\">\n                    <Button\n                      v-if=\"isAdmin\"\n                      :label=\"dictionary.dataview_edit\"\n                      @click=\"handleOpenEditSlotComponent(item)\"\n                      icon=\"pi pi-pencil\"\n                      class=\"add-module-btn ml-2 custom:p-1 custom:text-xs custom:h-8 custom:mt-1 xl:p-2 xl:ml-2 xl:text-base xl:h-auto xl:mt-0 rounded flex-grow\"\n                    />\n                  </transition>\n                </div>\n              </div>\n            </div>\n            <Divider />\n          </div>\n        </div>\n      </template>\n    </DataView>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, defineProps, computed, onMounted } from \"vue\";\nimport { useStore } from \"../../../../store/store.js\";\nimport DataView from \"primevue/dataview\";\nimport Divider from \"primevue/divider\";\nimport IconField from \"primevue/iconfield\";\nimport InputIcon from \"primevue/inputicon\";\nimport InputText from \"primevue/inputtext\";\nimport Button from \"primevue/button\";\nimport Skeleton from \"primevue/skeleton\";\nimport { dictionary } from \"@/dictionary\";\nconst props = defineProps({\n  data: Array,\n});\nconst modules = ref(props.data);\nconst searchValue = ref(\"\");\nconst store = useStore();\nconst isAdmin = computed(() => store.admin);\n\nconst filteredModules = computed(() => {\n  const searchValueLower = searchValue.value.toLowerCase();\n  const startsWithSearchValue = modules.value.filter((mod) => {\n    return mod.short.toLowerCase().startsWith(searchValueLower);\n  });\n\n  const includesSearchValue = modules.value.filter((mod) => {\n    return (\n      !mod.short.toLowerCase().startsWith(searchValueLower) &&\n      mod.short.toLowerCase().includes(searchValueLower)\n    );\n  });\n\n  return [\n    ...startsWithSearchValue.sort((a, b) => a.short.localeCompare(b.short)),\n    ...includesSearchValue.sort((a, b) => a.short.localeCompare(b.short)),\n  ];\n});\n\nconst getFirstTwoTags = (tags) => {\n  return tags.slice(0, 2);\n};\n\nwatch(\n  () => props.data,\n  (newData) => {\n    modules.value = newData;\n  },\n  { immediate: true }\n);\n\nconst handleDisplayModule = (mod) => {\n  store.setSelectedModule(mod);\n};\n\nconst handleOpenEditSlotComponent = (item) => {\n  store.setSelectedModule(item);\n  store.$patch({ showEditSlotDialog: true });\n};\n\nonMounted(async () => {\n  await store.fetchData();\n});\n</script>\n<style scoped>\n.desc {\n  min-height: 124px;\n  max-height: 163px;\n}\n.dataview-btn {\n  transition: ease-in;\n  transition-duration: 0.2s;\n}\n.dataview-btn:hover {\n  color: #fbbf24;\n}\n.search-input::placeholder {\n  text-transform: none;\n}\n.search-input {\n  text-transform: uppercase;\n  border: 1px solid #c4e9ff;\n  color: #c4e9ff;\n}\n\n</style>\n","import script from \"./ModulesTableComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModulesTableComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModulesTableComponent.vue?vue&type=style&index=0&id=292a1b78&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-292a1b78\"]])\n\nexport default __exports__","<template>\n  <div class=\"container custom:pl-8 xl:pl-0 flex flex-col\">\n    <div class=\"text-2xl flex flex-row mb-4\">\n      <img\n        :src=\"require('../../assets/dashboard.png')\"\n        alt=\"dashboard\"\n        class=\"w-full\"\n      />\n    </div>\n    <div class=\"mb-2 flex flex-row justify-between items-center w-full\">\n      <div class=\"flex flex-row items-center\">\n        <span class=\"mr-2 custom:text-sm xl:text-base\">{{\n          dictionary.library_filters\n        }}</span>\n        <Chip\n          v-if=\"selectedType\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedType.name\"\n          removable\n          @remove=\"removeFilter('type')\"\n        />\n        <Chip\n          v-if=\"selectedTarget\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedTarget.name\"\n          removable\n          @remove=\"removeFilter('target')\"\n        />\n        <Chip\n          v-if=\"selectedTags\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedTags.name\"\n          removable\n          @remove=\"removeFilter('tags')\"\n        />\n        <Chip\n          v-if=\"selectedDepartment\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedDepartment.name\"\n          removable\n          @remove=\"removeFilter('department')\"\n        />\n        <Chip\n          v-if=\"selectedDuration\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedDuration.name + ' min'\"\n          removable\n          @remove=\"removeFilter('duration')\"\n        />\n        <p\n          v-else-if=\"\n            !selectedType &&\n            !selectedTarget &&\n            !selectedTags &&\n            !selectedDepartment &&\n            !selectedDuration\n          \"\n        >\n          {{ dictionary.none }}\n        </p>\n      </div>\n      <router-link\n        v-if=\"\n          selectedType ||\n          selectedTarget ||\n          selectedTags ||\n          selectedDepartment ||\n          selectedDuration\n        \"\n        :to=\"{ name: 'filtered-table' }\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 xl:p-2 xl:text-base xl:h-auto rounded\"\n      >\n        <i class=\"pi pi-table mr-4\"></i>\n        <p>{{ dictionary.library_table_btn }}</p>\n      </router-link>\n    </div>\n    <div v-if=\"modules\">\n      <ModulesTableComponent :data=\"modules\" />\n    </div>\n    <div v-else class=\"flex w-full h-full justify-center items-center\">\n      <ProgressSpinner\n        class=\"spinner flex items-center justify-center\"\n        strokeWidth=\"2\"\n        animationDuration=\"3s\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport ModulesTableComponent from \"../dashboard/table/ModulesTableComponent.vue\";\nimport ProgressSpinner from \"primevue/progressspinner\";\nimport Chip from \"primevue/chip\";\nimport { dictionary } from \"../../dictionary.js\";\nconst store = useStore();\nconst modules = ref(store.filteredModules);\nconst selectedType = computed(() => store.selectedType);\nconst selectedTarget = computed(() => store.selectedTarget);\nconst selectedTags = computed(() => store.selectedTags);\nconst selectedDepartment = computed(() => store.selectedDepartment);\nconst selectedDuration = computed(() => store.selectedDuration);\n\nconst removeFilter = (filter) => {\n  switch (filter) {\n    case \"type\":\n      store.selectedType = null;\n      break;\n    case \"target\":\n      store.selectedTarget = null;\n      break;\n    case \"tags\":\n      store.selectedTags = null;\n      break;\n    case \"department\":\n      store.selectedDepartment = null;\n      break;\n    case \"duration\":\n      store.selectedDuration = null;\n      break;\n  }\n};\n\nwatch(\n  () => store.filteredModules,\n  (newFilteredModules) => {\n    modules.value = newFilteredModules;\n  },\n  { immediate: true }\n);\n</script>\n\n<style scoped>\n.dataview-btn {\n  animation: fadeIn 0.3s ease-in forwards;\n  transition: ease-in;\n}\n.spinner {\n  width: 50px;\n  height: 50px;\n}\n</style>","import script from \"./ModuleLibrary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleLibrary.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleLibrary.vue?vue&type=style&index=0&id=73417369&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-73417369\"]])\n\nexport default __exports__","<template>\n  <div class=\"training-wrapper p-4\" v-if=\"mod1\">\n    <div class=\"row\">\n      <div class=\"w-1/5\">\n        <img\n          :src=\"mod1.url\"\n          :alt=\"mod1?.short\"\n          class=\"w-full border-round custom:mt-6 xl:mt-0 mb-4\"\n        />\n      </div>\n      <div class=\"flex flex-col justify-start items-start\">\n        <span\n          :class=\"[\n            mod1.department.toLowerCase() + '-txt custom:text-base xl:text-xl',\n            mod1 && mod2 && isCommon(mod1.short, mod2.short)\n              ? 'common-element'\n              : '',\n          ]\"\n        >\n          {{ mod1.short }}\n        </span>\n        <div>\n          <span class=\"custom:text-sm xl:text-base\">{{\n            dictionary.dataview_item3\n          }}</span>\n        </div>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.objective\n        }}</span>\n      </div>\n    </div>\n    <div class=\"grid grid-cols-4 gap-4 mt-4\">\n      <div\n        :class=\"[\n          'mod-property col-span-2 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.department, mod2.department)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_department }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.department\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.duration, mod2.duration)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_duration }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\"\n          >{{ mod1.duration }}{{ dictionary.comparator_min }}</span\n        >\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.type, mod2.type)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_type }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.type\n        }}</span>\n      </div>\n    </div>\n    <div class=\"grid grid-cols-4 gap-4 mt-4\">\n      <div\n        :class=\"[\n          'mod-property col-span-2 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.element, mod2.element)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_element }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.element\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.target, mod2.target)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_target }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.target\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod1.employee, mod2.employee)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_emplyee }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod1.employee\n        }}</span>\n      </div>\n    </div>\n    <Divider />\n    <ul class=\"w-full\">\n      <li\n        v-for=\"(topic, index) in mod1.topic\"\n        :key=\"index\"\n        class=\"w-full mb-4 p-2 mt-4 li-topic\"\n      >\n        <div class=\"w-full flex justify-start mb-2\">\n          <span class=\"text-left custom:text-sm xl:text-base\">{{\n            dictionary.comparator_topics\n          }}</span>\n        </div>\n        <div class=\"grid grid-cols-4 gap-4 w-full\">\n          <span\n            :class=\"[\n              'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n              isCommonElement(topic.tag[0]) ||\n              isCommonElement(topic.tag[1]) ||\n              isCommonTopicName(topic.name)\n                ? 'common-element'\n                : '',\n            ]\"\n          >\n            {{ topic.name }}\n          </span>\n          <div\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n            ]\"\n          >\n            <small class=\"text-left\">{{\n              dictionary.comparator_duration\n            }}</small>\n            <span>{{ topic.time }}{{ dictionary.comparator_min }}</span>\n          </div>\n          <div\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n              isCommonElement(topic.tag[0]) ? 'common-element' : '',\n            ]\"\n          >\n            <small class=\"text-left\">{{ dictionary.comparator_ttag }}</small>\n            <span>{{ topic.tag[0] }}</span>\n          </div>\n          <div\n            v-if=\"topic.tag[1]\"\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n              mod1 && isCommonElement(topic.tag[1]) ? 'common-element' : '',\n            ]\"\n          >\n            <small class=\"text-left\">{{ dictionary.comparator_ttag }}</small>\n            <span>{{ topic.tag[1] }}</span>\n          </div>\n        </div>\n        <ul class=\"w-full\">\n          <li\n            v-for=\"(stopic, index) in topic.stopic\"\n            :key=\"index\"\n            class=\"w-full mb-4\"\n          >\n            <div class=\"w-full flex justify-start p-2\">\n              <span class=\"custom:text-sm xl:text-base\">{{\n                dictionary.comparator_stopics\n              }}</span>\n            </div>\n            <div class=\"grid grid-cols-4 gap-4 w-full\">\n              <span\n                :class=\"[\n                  'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n                  isCommonElement(stopic.tag[0]) ? 'common-element' : '',\n                ]\"\n                >{{ stopic.name }}</span\n              >\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_duration\n                }}</small>\n                <span>{{ stopic.time }}{{ dictionary.comparator_min }}</span>\n              </div>\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                  isCommonSkill(stopic.skill, stopic.tag)\n                    ? 'skill-' + stopic.skill.toLowerCase()\n                    : '',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_skill\n                }}</small>\n                <span>{{ stopic.skill }}</span>\n              </div>\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                  isCommonElement(stopic.tag[0]) ? 'common-element' : '',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_stag\n                }}</small>\n                <span>{{ stopic.tag[0] }}</span>\n              </div>\n            </div>\n          </li>\n        </ul>\n      </li>\n      <Divider />\n    </ul>\n    <div class=\"flex flex-col justify-start mt-4\">\n      <span class=\"text-left mb-2 custom:text-sm xl:text-base\">{{\n        dictionary.comparator_tags\n      }}</span>\n      <ul class=\"grid grid-cols-3 gap-4 w-full\">\n        <li\n          v-for=\"(tag, index) in filteredTags\"\n          :key=\"index\"\n          :class=\"[\n            'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n            mod1 && mod2 && findCommonValueInArray(tag, mod2Tags)\n              ? 'common-element'\n              : '',\n          ]\"\n        >\n          <span>{{ tag }}</span>\n        </li>\n      </ul>\n    </div>\n    <Divider />\n    <div class=\"w-full flex flex-row\">\n      <router-link\n        :to=\"{ name: 'module', params: { mod: JSON.stringify(mod1) } }\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 custom:mr-3 xl:p-2 xl:mr-4 xl:text-base xl:h-auto xl:mt-0 rounded\"\n        @click=\"handleSetModule(mod1)\"\n      >\n        <i class=\"pi pi-map mr-2\"></i>\n        {{ dictionary.dataview_show }}\n      </router-link>\n      <Button\n        icon=\"pi pi-times\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 custom:mr-3 xl:p-2 xl:mr-4 xl:text-base xl:h-auto xl:mt-0 rounded\"\n        :label=\"dictionary.comparator_remove_btn\"\n        @click=\"removeModule\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, defineProps, defineEmits, computed } from \"vue\";\nimport { useStore } from \"../../../../store/store.js\";\nimport { dictionary } from \"../../../dictionary.js\";\nimport Divider from \"primevue/divider\";\nimport Button from \"primevue/button\";\n\nconst store = useStore();\nconst props = defineProps({\n  mod1: Object,\n  mod2: Object,\n  slot1: Boolean,\n});\nconst mod1 = ref(props.mod1);\nconst mod2 = ref(props.mod2);\n\nconst filteredTags = computed(() => {\n  return mod1.value.tag.filter((tag) => tag !== \"\");\n});\n\nconst mod2Tags = computed(() => {\n  return mod2.value.tag.filter((tag) => tag !== \"\");\n});\n\nconst emit = defineEmits([\"update:mod1\", \"update:slot1\"]);\n\nconst handleSetModule = (mod) => {\n  store.setSelectedModule(mod);\n};\n\nconst removeModule = () => {\n  emit(\"update:mod1\", null);\n  emit(\"update:slot1\", true);\n  localStorage.removeItem(\"mod\");\n};\n\nconst isCommon = (value1, value2) => {\n  return value1 === value2;\n};\n\nconst removeSpaces = (str) => str.replace(/\\s+/g, \"\");\n\nconst findCommonValueInArray = (val, arr) => {\n  const cleanedVal = removeSpaces(val);\n  const cleanedArr = arr.map(removeSpaces).filter((el) => el !== \"\");\n  return cleanedArr.includes(cleanedVal);\n};\n\nconst isCommonElement = (element) => {\n  if (!mod2.value) return false;\n  const mod2Elements = mod2.value.topic\n    .flatMap((t) => [\n      ...t.tag.filter((el) => el !== \"\"),\n      ...(t.stopic?.flatMap((s) => [...s.tag.filter((el) => el !== \"\")]) || []),\n    ])\n    .filter((el) => el !== undefined);\n  return findCommonValueInArray(element, mod2Elements);\n};\n\nconst isCommonSkill = (skill, stopicTags) => {\n  if (!mod2.value) return false;\n  const mod2StopicTags = mod2.value.topic\n    .flatMap(\n      (t) => t.stopic?.flatMap((s) => s.tag.filter((el) => el !== \"\")) || []\n    )\n    .filter((el) => el !== undefined);\n  return (\n    stopicTags.some((tag) => findCommonValueInArray(tag, mod2StopicTags)) &&\n    skill\n  );\n};\n\nconst isCommonTopicName = (name) => {\n  if (!mod2.value) return false;\n  const mod2TopicNames = mod2.value.topic\n    .map((t) => t.name)\n    .filter((el) => el !== \"\");\n  return findCommonValueInArray(name, mod2TopicNames);\n};\n\nwatch(\n  () => props.mod2,\n  (newMod2) => {\n    mod2.value = newMod2;\n  }\n);\n</script>\n\n<style scoped>\n.training-wrapper {\n  width: 100%;\n  height: auto;\n}\n.row {\n  width: 100%;\n}\n.mod-property {\n  background-color: #1f2937;\n}\n\n.stopic-property {\n  flex: 1 1 auto;\n}\n\n.common-element {\n  background-color: #b4e68c;\n  color: #1f2937;\n}\n.tag {\n  border: 1px solid #c4e9ff;\n}\n\n.grid {\n  display: grid;\n}\n\n.grid-cols-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n.col-span-1 {\n  grid-column: span 1;\n}\n\n.col-span-2 {\n  grid-column: span 2;\n}\n\n.li-topic {\n  border: 1px solid #c4e9ff;\n}\n</style>","import script from \"./ModuleSlot1.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleSlot1.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleSlot1.vue?vue&type=style&index=0&id=229bc19f&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-229bc19f\"]])\n\nexport default __exports__","<template>\n  <div class=\"training-wrapper p-4\">\n    <div class=\"row\">\n      <div class=\"w-1/5\">\n        <img\n          :src=\"mod2.url\"\n          :alt=\"mod2?.short\"\n          class=\"w-full border-round custom:mt-6 xl:mt-0 mb-4\"\n          v-if=\"mod2\"\n        />\n      </div>\n      <div class=\"flex flex-col justify-start items-start\" v-if=\"mod2\">\n        <span\n          :class=\"[\n            mod2.department.toLowerCase() + '-txt custom:text-base xl:text-xl',\n            mod1 && mod2 && isCommon(mod2.short, mod1.short)\n              ? 'common-element'\n              : '',\n          ]\"\n        >\n          {{ mod2.short }}\n        </span>\n        <div>\n          <span class=\"custom:text-sm xl:text-base\">{{\n            dictionary.dataview_item3\n          }}</span>\n        </div>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.objective\n        }}</span>\n      </div>\n    </div>\n    <div class=\"grid grid-cols-4 gap-4 mt-4\" v-if=\"mod2\">\n      <div\n        :class=\"[\n          'mod-property col-span-2 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.department, mod1.department)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_department }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.department\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.duration, mod1.duration)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_duration }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\"\n          >{{ mod2.duration }}{{ dictionary.comparator_min }}</span\n        >\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.type, mod1.type)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_type }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.type\n        }}</span>\n      </div>\n    </div>\n    <div class=\"grid grid-cols-4 gap-4 mt-4\" v-if=\"mod2\">\n      <div\n        :class=\"[\n          'mod-property col-span-2 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.element, mod1.element)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_element }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.element\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.target, mod1.target)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_target }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.target\n        }}</span>\n      </div>\n      <div\n        :class=\"[\n          'mod-property col-span-1 p-2 flex flex-col justify-start',\n          mod1 && mod2 && isCommon(mod2.employee, mod1.employee)\n            ? 'common-element'\n            : '',\n        ]\"\n      >\n        <small class=\"text-left\">{{ dictionary.comparator_emplyee }}</small>\n        <span class=\"text-left custom:text-sm xl:text-base\">{{\n          mod2.employee\n        }}</span>\n      </div>\n    </div>\n    <Divider />\n\n    <ul class=\"w-full\">\n      <li\n        v-for=\"(topic, index) in mod2.topic\"\n        :key=\"index\"\n        class=\"w-full mb-4 p-2 mt-4 li-topic\"\n      >\n        <div class=\"w-full flex justify-start mb-2\">\n          <span class=\"text-left custom:text-sm xl:text-base\">{{\n            dictionary.comparator_topics\n          }}</span>\n        </div>\n        <div class=\"grid grid-cols-4 gap-4 w-full\">\n          <span\n            :class=\"[\n              'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n              isCommonElement(topic.tag[0]) ||\n              isCommonElement(topic.tag[1]) ||\n              isCommonTopicName(topic.name)\n                ? 'common-element'\n                : '',\n            ]\"\n          >\n            {{ topic.name }}\n          </span>\n          <div\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n            ]\"\n          >\n            <small class=\"text-left\">{{\n              dictionary.comparator_duration\n            }}</small>\n            <span>{{ topic.time }}{{ dictionary.comparator_min }}</span>\n          </div>\n          <div\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n              isCommonElement(topic.tag[0]) ? 'common-element' : '',\n            ]\"\n          >\n            <small class=\"text-left\">{{ dictionary.comparator_ttag }}</small>\n            <span>{{ topic.tag[0] }}</span>\n          </div>\n          <div\n            v-if=\"topic.tag[1]\"\n            :class=\"[\n              'mod-property p-2 text-left flex flex-col justify-center custom:text-sm xl:text-base col-span-1',\n              isCommonElement(topic.tag[1]) ? 'common-element' : '',\n            ]\"\n          >\n            <small class=\"text-left\">{{ dictionary.comparator_ttag }}</small>\n            <span>{{ topic.tag[1] }}</span>\n          </div>\n        </div>\n        <ul class=\"w-full\">\n          <li\n            v-for=\"(stopic, index) in topic.stopic\"\n            :key=\"index\"\n            class=\"w-full mb-4\"\n          >\n            <div class=\"w-full flex justify-start p-2\">\n              <span class=\"custom:text-sm xl:text-base\">{{\n                dictionary.comparator_stopics\n              }}</span>\n            </div>\n            <div class=\"grid grid-cols-4 gap-4 w-full\">\n              <span\n                :class=\"[\n                  'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n                  isCommonElement(stopic.tag[0]) ? 'common-element' : '',\n                ]\"\n                >{{ stopic.name }}</span\n              >\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_duration\n                }}</small>\n                <span>{{ stopic.time }}{{ dictionary.comparator_min }}</span>\n              </div>\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                  isCommonSkill(stopic.skill, stopic.tag)\n                    ? 'skill-' + stopic.skill.toLowerCase()\n                    : '',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_skill\n                }}</small>\n                <span>{{ stopic.skill }}</span>\n              </div>\n              <div\n                :class=\"[\n                  'mod-property p-2 text-left flex flex-col justify-start custom:text-sm xl:text-base col-span-1',\n                  isCommonElement(stopic.tag[0]) ? 'common-element' : '',\n                ]\"\n              >\n                <small class=\"text-left\">{{\n                  dictionary.comparator_stag\n                }}</small>\n                <span>{{ stopic.tag[0] }}</span>\n              </div>\n            </div>\n          </li>\n        </ul>\n      </li>\n      <Divider />\n    </ul>\n\n    <div class=\"flex flex-col justify-start mt-4\" v-if=\"mod2\">\n      <span class=\"text-left mb-2 custom:text-sm xl:text-base\">{{\n        dictionary.comparator_tags\n      }}</span>\n      <ul class=\"grid grid-cols-3 gap-4 w-full\">\n        <li\n          v-for=\"(tag, index) in filteredTags\"\n          :key=\"index\"\n          :class=\"[\n            'mod-property p-2 text-left flex items-center custom:text-sm xl:text-base col-span-1',\n            mod1 && mod2 && findCommonValueInArray(tag, mod1Tags)\n              ? 'common-element'\n              : '',\n          ]\"\n        >\n          <span>{{ tag }}</span>\n        </li>\n      </ul>\n    </div>\n    <Divider />\n    <div class=\"w-full flex flex-row\">\n      <router-link\n        :to=\"{ name: 'module', params: { mod: JSON.stringify(mod2) } }\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 custom:mr-3 xl:p-2 xl:mr-4 xl:text-base xl:h-auto xl:mt-0 rounded\"\n        @click=\"handleSetModule(mod2)\"\n      >\n        <i class=\"pi pi-map mr-2\"></i>\n        {{ dictionary.dataview_show }}\n      </router-link>\n      <Button\n        icon=\"pi pi-times\"\n        class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 custom:mr-3 xl:p-2 xl:mr-4 xl:text-base xl:h-auto xl:mt-0 rounded\"\n        :label=\"dictionary.comparator_remove_btn\"\n        @click=\"removeModule\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, defineProps, defineEmits, computed } from \"vue\";\nimport { useStore } from \"../../../../store/store.js\";\nimport { dictionary } from \"../../../dictionary.js\";\nimport Divider from \"primevue/divider\";\nimport Button from \"primevue/button\";\n\nconst store = useStore();\nconst props = defineProps({\n  mod1: Object,\n  mod2: Object,\n  slot1: Boolean,\n});\nconst mod1 = ref(props.mod1);\nconst mod2 = ref(props.mod2);\n\nconst filteredTags = computed(() => {\n  return mod2.value.tag.filter((tag) => tag !== \"\");\n});\n\nconst mod1Tags = computed(() => {\n  return mod1.value.tag.filter((tag) => tag !== \"\");\n});\n\nconst emit = defineEmits([\"update:mod2\", \"update:slot2\"]);\n\nconst handleSetModule = (mod) => {\n  store.setSelectedModuletoCompare(mod);\n};\n\nconst removeModule = () => {\n  emit(\"update:mod2\", null);\n  emit(\"update:slot2\", true);\n  localStorage.removeItem(\"mod2\");\n};\n\nconst isCommon = (value1, value2) => {\n  return value1 === value2;\n};\n\nconst removeSpaces = (str) => str.replace(/\\s+/g, \"\");\n\nconst findCommonValueInArray = (val, arr) => {\n  const cleanedVal = removeSpaces(val);\n  const cleanedArr = arr.map(removeSpaces).filter((el) => el !== \"\");\n  return cleanedArr.includes(cleanedVal);\n};\n\nconst isCommonElement = (element) => {\n  if (!mod1.value) return false;\n  const mod1Elements = mod1.value.topic\n    .flatMap((t) => [\n      ...t.tag.filter((el) => el !== \"\"),\n      ...(t.stopic?.flatMap((s) => [...s.tag.filter((el) => el !== \"\")]) || []),\n    ])\n    .filter((el) => el !== undefined);\n  return findCommonValueInArray(element, mod1Elements);\n};\n\nconst isCommonSkill = (skill, stopicTags) => {\n  if (!mod1.value) return false;\n  const mod1StopicTags = mod1.value.topic\n    .flatMap(\n      (t) => t.stopic?.flatMap((s) => s.tag.filter((el) => el !== \"\")) || []\n    )\n    .filter((el) => el !== undefined);\n  return (\n    stopicTags.some((tag) => findCommonValueInArray(tag, mod1StopicTags)) &&\n    skill\n  );\n};\n\nconst isCommonTopicName = (name) => {\n  if (!mod1.value) return false;\n  const mod1TopicNames = mod1.value.topic\n    .map((t) => t.name)\n    .filter((el) => el !== \"\");\n  return findCommonValueInArray(name, mod1TopicNames);\n};\n\nwatch(\n  () => props.mod1,\n  (newMod1) => {\n    mod1.value = newMod1;\n  }\n);\n</script>\n\n<style scoped>\n.training-wrapper {\n  width: 100%;\n  height: auto;\n}\n.row {\n  width: 100%;\n}\n.mod-property {\n  background-color: #1f2937;\n}\n\n.stopic-property {\n  flex: 1 1 auto;\n}\n\n.common-element {\n  background-color: #b4e68c;\n  color: #1f2937;\n}\n.tag {\n  border: 1px solid #c4e9ff;\n}\n\n.grid {\n  display: grid;\n}\n\n.grid-cols-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n.col-span-1 {\n  grid-column: span 1;\n}\n\n.col-span-2 {\n  grid-column: span 2;\n}\n\n.li-topic {\n  border: 1px solid #c4e9ff;\n}\n</style>","import script from \"./ModuleSlot2.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleSlot2.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleSlot2.vue?vue&type=style&index=0&id=17fc3984&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-17fc3984\"]])\n\nexport default __exports__","<template>\n  <div class=\"container custom:pl-8 xl:pl-0\">\n    <div class=\"button-wrapper custom:pb-4 xl:pb-8\">\n      <div v-if=\"selectedModule1\" class=\"col custom:mr-2 xl:mr-4 rounded\">\n        <ModuleSlot1\n          :mod1=\"selectedModule1\"\n          :mod2=\"selectedModule2\"\n          :slot1=\"availableSlot1\"\n          @update:mod1=\"selectedModule1 = $event\"\n          @update:slot1=\"availableSlot1 = $event\"\n        />\n      </div>\n      <Button\n        v-else\n        :label=\"dictionary.comparator_btn_compare\"\n        icon=\"pi pi-plus\"\n        @click=\"showDialog = true\"\n      />\n      <div v-if=\"selectedModule2\" class=\"col custom:ml-2 xl:ml-4 rounded\">\n        <ModuleSlot2\n          :mod1=\"selectedModule1\"\n          :mod2=\"selectedModule2\"\n          :slot2=\"availableSlot2\"\n          @update:mod2=\"selectedModule2 = $event\"\n          @update:slot2=\"availableSlot2 = $event\"\n        />\n      </div>\n      <Button\n        v-else\n        :label=\"dictionary.comparator_btn_compare\"\n        icon=\"pi pi-plus\"\n        @click=\"showDialog = true\"\n      />\n    </div>\n    <Dialog\n      v-model:visible=\"showDialog\"\n      modal\n      header=\"Select training to compare\"\n      class=\"w-1/2 custom:ml-60 xl:ml-72\"\n    >\n      <div class=\"dialog-content\">\n        <IconField>\n          <InputIcon class=\"pi pi-search\" />\n          <InputText\n            v-model=\"searchValue\"\n            type=\"text\"\n            class=\"w-full p-2 mr-2 bg-transparent\"\n          />\n        </IconField>\n        <div class=\"flex items-center my-2\">\n          <i class=\"pi pi-info-circle mr-2\"></i>\n          <small>{{ dictionary.comparator_search_info }}</small>\n        </div>\n        <Divider />\n        <ol>\n          <li\n            v-for=\"(mod, index) in searchModule\"\n            :key=\"index\"\n            class=\"flex flex-col mb-2\"\n          >\n            <div class=\"flex justify-start items-center\">\n              <div class=\"w-1/5\">\n                <img\n                  :src=\"mod.url\"\n                  :alt=\"mod.short\"\n                  class=\"w-full border-round custom:mt-6 xl:mt-0\"\n                />\n              </div>\n              <div class=\"flex-1 mx-4 flex flex-col\">\n                <span\n                  id=\"dep\"\n                  :class=\"\n                    mod.department.toLowerCase() +\n                    '-bg p-1 rounded-lg custom:text-xs xl:text-base'\n                  \"\n                >\n                  {{ mod.department }}\n                </span>\n                <span class=\"font-medium text-sm custom:text-xs xl:text-base\"\n                  >{{ dictionary.dataview_item2 + mod.duration }} min</span\n                >\n                <span\n                  :class=\"\n                    mod.department.toLowerCase() +\n                    '-txt custom:text-base xl:text-xl'\n                  \"\n                  >{{ mod.short }}</span\n                >\n                <div>\n                  <span class=\"custom:text-xs xl:text-sm\">{{\n                    dictionary.dataview_item3\n                  }}</span>\n                </div>\n                <span class=\"text-left custom:text-xs xl:text-sm\">{{\n                  mod.objective\n                }}</span>\n              </div>\n              <Button\n                icon=\"pi pi-plus\"\n                class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 custom:mt-1 custom:mr-3 xl:p-2 xl:mr-4 xl:text-base xl:h-auto xl:mt-0 rounded w-1/5\"\n                :label=\"dictionary.comparator_btn_select\"\n                @click=\"handleModuleSelection(mod)\"\n                :disabled=\"\n                  (selectedModule1 && mod.short === selectedModule1.short) ||\n                  (selectedModule2 && mod.short === selectedModule2.short)\n                \"\n              />\n            </div>\n            <Divider />\n          </li>\n        </ol>\n      </div>\n    </Dialog>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from \"vue\";\nimport { useStore } from \"../../../store/store.js\";\nimport ModuleSlot1 from \"./slots/ModuleSlot1.vue\";\nimport ModuleSlot2 from \"./slots/ModuleSlot2.vue\";\nimport { dictionary } from \"../../dictionary.js\";\nimport Button from \"primevue/button\";\nimport Dialog from \"primevue/dialog\";\nimport Divider from \"primevue/divider\";\nimport IconField from \"primevue/iconfield\";\nimport InputIcon from \"primevue/inputicon\";\nimport InputText from \"primevue/inputtext\";\n\nconst store = useStore();\nconst filteredModules = ref(store.filteredModules);\nconst selectedModule1 = ref(JSON.parse(localStorage.getItem(\"mod\")));\nconst availableSlot1 = ref(true);\nconst selectedModule2 = ref(\n  localStorage.getItem(\"mod2\") ? JSON.parse(localStorage.getItem(\"mod2\")) : null\n);\nconst availableSlot2 = ref(true);\nconst showDialog = ref(\n  selectedModule1.value && selectedModule2.value ? false : true\n);\nconst searchValue = ref(\"\");\n\nconst handleModuleSelection = (mod) => {\n  searchValue.value = \"\";\n  if (availableSlot1.value && selectedModule1.value === null) {\n    availableSlot1.value = false;\n    selectedModule1.value = mod;\n  } else {\n    availableSlot2.value = false;\n    selectedModule2.value = mod;\n  }\n};\n\nconst searchModule = computed(() => {\n  return filteredModules.value\n    .filter((mod) => {\n      return (\n        mod.short.toLowerCase().includes(searchValue.value.toLowerCase()) ||\n        mod.department\n          .toLowerCase()\n          .includes(searchValue.value.toLowerCase()) ||\n        mod.duration.toString().includes(searchValue.value)\n      );\n    })\n    .sort((a, b) => a.short.localeCompare(b.short));\n});\n\nwatch(\n  () => store.filteredModules,\n  (newFilteredModules) => {\n    filteredModules.value = newFilteredModules;\n  },\n  { immediate: true }\n);\n\nwatch([selectedModule1, selectedModule2], ([newMod1, newMod2]) => {\n  if (newMod1 && newMod2) {\n    selectedModule1.value = newMod1;\n    selectedModule2.value = newMod2;\n    showDialog.value = false;\n  } else if (!selectedModule1.value || !selectedModule2.value) {\n    showDialog.value = true;\n  }\n});\n</script>\n\n<style scoped>\n.container {\n  overflow-y: scroll;\n}\n.button-wrapper {\n  width: 100%;\n  height: auto;\n  display: flex;\n  justify-content: space-between;\n}\n.col {\n  width: 50%;\n  height: auto;\n  min-height: 50vh;\n  background-color: #18212d;\n}\n.button-wrapper button {\n  width: 45%;\n  height: 50vh;\n  padding: 1rem;\n  transition: ease-in-out;\n  transition-duration: 0.3s;\n  color: #c4e9ff;\n  background-color: transparent;\n  border: 1px solid #c4e9ff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.button-wrapper button:hover {\n  background-color: transparent;\n  color: rgba(254, 196, 30, 1);\n  border: 1px solid rgba(254, 196, 30, 1);\n}\n\n#dep {\n  width: auto !important;\n  max-width: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dialog-content {\n  width: 100%;\n  height: auto;\n  min-height: 850px !important;\n}\n</style>","import script from \"./ModuleComparator.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleComparator.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleComparator.vue?vue&type=style&index=0&id=879182de&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-879182de\"]])\n\nexport default __exports__","<template>\n  <div class=\"container custom:pl-8 xl:pl-0 relative\">\n    <div class=\"info-wrapper flex flex-column items-center w-full mb-4\">\n      <i class=\"pi pi-info-circle mr-4\"></i>\n      <p>{{ dictionary.detailed_info }}</p>\n    </div>\n    <div class=\"switch-wrapper\">\n      <div class=\"flex items-center custom:mb-2 xl:mb-3\">\n        <InputSwitch v-model=\"topicsChecked\" class=\"switch-topics\" />\n        <span class=\"custom:ml-2 xl:ml-4 custom:text-sm xl: text-base\">{{\n          dictionary.detailed_map_topics\n        }}</span>\n      </div>\n      <div class=\"flex items-center custom:mb-2 xl:mb-3\">\n        <InputSwitch v-model=\"basicChecked\" class=\"switch-basic-info\" />\n        <span class=\"custom:ml-2 xl:ml-4 custom:text-sm xl: text-base\">{{\n          dictionary.detailed_map_info\n        }}</span>\n      </div>\n      <div class=\"flex items-center custom:mb-2 xl:mb-3\">\n        <InputSwitch v-model=\"stopicsChecked\" class=\"switch-subtopics\" />\n        <span class=\"custom:ml-2 xl:ml-4 custom:text-sm xl: text-base\">{{\n          dictionary.detailed_map_subtopics\n        }}</span>\n      </div>\n      <div class=\"flex items-center custom:mb-2 xl:mb-3\">\n        <InputSwitch v-model=\"keyChecked\" class=\"switch-keywords\" />\n        <span class=\"custom:ml-2 xl:ml-4 custom:text-sm xl: text-base\">{{\n          dictionary.detailed_map_tags\n        }}</span>\n      </div>\n    </div>\n    <VueFlow\n      :nodes=\"nodes\"\n      :edges=\"edges\"\n      class=\"basic-flow\"\n      ref=\"vueFlowRef\"\n      :default-viewport=\"{ zoom: 1.2 }\"\n      :min-zoom=\"0.8\"\n      :max-zoom=\"1.2\"\n      @pane-ready=\"onPaneReady\"\n    >\n    </VueFlow>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, onMounted, onBeforeUnmount } from \"vue\";\nimport { VueFlow, useVueFlow } from \"@vue-flow/core\";\nimport InputSwitch from \"primevue/inputswitch\";\nimport { dictionary } from \"../../dictionary.js\";\nimport { useRoute } from \"vue-router\";\n\nconst route = useRoute();\nconst { onInit, onConnect, addEdges } = useVueFlow();\nconst mod = ref(route.params.mod ? JSON.parse(route.params.mod) : null);\nconst basicChecked = ref(true);\nconst keyChecked = ref(true);\nconst topicsChecked = ref(true);\nconst stopicsChecked = ref(true);\nconst vueFlowRef = ref(null);\nconst windowWidth = ref(window.innerWidth);\nlet vueFlowInstance = null;\n\nconst topics = mod.value.topic.map((t, i, arr) => {\n  const centerX = -200;\n  const centerY = -300;\n  const radiusX = -150;\n  const radiusY = -100;\n  const angle =\n    arr.length > 1 ? Math.PI / 2 - Math.PI * (i / (arr.length - 1)) : 0;\n  const x = centerX + radiusX * Math.cos(angle);\n  const y = centerY + radiusY * Math.sin(angle);\n  return {\n    id: `${mod.value.short.toLowerCase()}_${i + 1}_topic`,\n    label: t.name,\n    class: \"topics vue-flow-topics-node\",\n    position: { x, y },\n  };\n});\n\nlet nodeIndex = 1;\nlet angleIndex = 0;\nconst totalElements = mod.value.topic.reduce(\n  (total, t) => total + t.stopic.length,\n  0\n);\nconst stopics = mod.value.topic\n  .map((t) => {\n    const result = [];\n    t.stopic.map((st) => {\n      const centerX = -250;\n      const centerY = 50;\n      const radiusX = -220;\n      const radiusY = 120;\n      const angle = (2 * Math.PI * angleIndex) / totalElements;\n      const x = centerX + radiusX * Math.cos(angle);\n      const y = centerY + radiusY * Math.sin(angle);\n      const elem = {\n        id: `${mod.value.short.toLowerCase()}_${nodeIndex}_stopic`,\n        label: st.name,\n        class: \"stopics vue-flow-stopics-node\",\n        position: { x, y },\n      };\n      result.push(elem);\n      nodeIndex++;\n      angleIndex++;\n    });\n    return result;\n  })\n  .flat();\n\nlet uniqueStopics = [];\nlet labels = {};\n\nfor (let i = 0; i < stopics.length; i++) {\n  if (!labels[stopics[i].label]) {\n    labels[stopics[i].label] = true;\n    uniqueStopics.push(stopics[i]);\n  }\n}\n\nconst tags = mod.value.tag.map((t, i, arr) => {\n  const centerX = 250;\n  const centerY = 0;\n  const radiusX = 200;\n  const radiusY = 100;\n  const angle = Math.PI / 2 - Math.PI * (i / (arr.length - 1));\n  const x = centerX + radiusX * Math.cos(angle);\n  const y = centerY + radiusY * Math.sin(angle);\n\n  return {\n    id: `${mod.value.short.toLowerCase()}_${i + 1}_tag`,\n    label: t,\n    class: \"tags vue-flow-tags-node\",\n    position: { x, y },\n  };\n});\n\nonInit((vueFlowInstance) => {\n  vueFlowInstance.fitView();\n});\n\nonConnect((connection) => {\n  addEdges(connection);\n});\n\nconst nodes = ref([\n  //main nodes:\n  {\n    id: mod.value.short.toLowerCase() + \"_1\",\n    class: \"vue-flow-module-name\",\n    label: mod.value.short,\n    position: { x: 100, y: -150 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_2\",\n    label: dictionary.detailed_map_topics,\n    class: \"topics vue-flow-topics\",\n    position: { x: -50, y: -300 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_3\",\n    label: dictionary.detailed_map_info,\n    class: \"basic-info vue-flow-basic-info\",\n    position: { x: 300, y: -300 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_4\",\n    label: dictionary.detailed_map_tags,\n    class: \"tags vue-flow-tags\",\n    position: { x: 300, y: 0 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_5\",\n    label: dictionary.detailed_map_subtopics,\n    class: \"stopics vue-flow-stopics\",\n    position: { x: -250, y: 50 },\n  },\n  //basic info nodes:\n  {\n    id: mod.value.short.toLowerCase() + \"_1_info\",\n    label: mod.value.employee + dictionary.detailed_map_employees,\n    class: \"basic-info vue-flow-basic-info-node\",\n    position: { x: 150, y: -300 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_2_info\",\n    label: dictionary.detailed_map_duration + mod.value.duration,\n    class: \"basic-info vue-flow-basic-info-node\",\n    position: { x: 200, y: -400 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_3_info\",\n    label: mod.value.type,\n    class: \"basic-info vue-flow-basic-info-node\",\n    position: { x: 400, y: -380 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_4_info\",\n    label: mod.value.element,\n    class: \"basic-info vue-flow-basic-info-node\",\n    position: { x: 450, y: -250 },\n  },\n  {\n    id: mod.value.short.toLowerCase() + \"_5_info\",\n    label: mod.value.department,\n    class: \"basic-info vue-flow-basic-info-node\",\n    position: { x: 320, y: -200 },\n  },\n]);\n\nnodes.value = nodes.value.concat(topics);\nnodes.value = nodes.value.concat(uniqueStopics);\nnodes.value = nodes.value.concat(tags);\n\nconst sourceExists = (source) => {\n  return nodes.value.some(\n    (node) => node.id === mod.value.short.toLowerCase() + \"_\" + source\n  );\n};\n\nconst targetExists = (target) => {\n  return nodes.value.some(\n    (node) => node.id === mod.value.short.toLowerCase() + \"_\" + target\n  );\n};\n\nconst createEdge = (id, source, target, edgeClass) => {\n  if (sourceExists(source) && targetExists(target)) {\n    return {\n      id: mod.value.short.toLowerCase() + \"_\" + id,\n      source: mod.value.short.toLowerCase() + \"_\" + source,\n      target: mod.value.short.toLowerCase() + \"_\" + target,\n      class: edgeClass,\n    };\n  }\n  return null;\n};\n\nconst edges = ref(\n  [\n    //main edges:\n    createEdge(\"e1-2\", \"2\", \"1\", \"topics vue-flow-module-name-edge\"),\n    createEdge(\"e1-3\", \"3\", \"1\", \"basic-info vue-flow-module-name-edge\"),\n    createEdge(\"e1-4\", \"1\", \"4\", \"tags vue-flow-module-name-edge\"),\n    createEdge(\"e1-5\", \"1\", \"5\", \"stopics vue-flow-module-name-edge\"),\n    //basic info edges:\n    createEdge(\n      \"e3-1_info\",\n      \"1_info\",\n      \"3\",\n      \"basic-info vue-flow-basic-info-edge\"\n    ),\n    createEdge(\n      \"e3-2_info\",\n      \"2_info\",\n      \"3\",\n      \"basic-info vue-flow-basic-info-edge\"\n    ),\n    createEdge(\n      \"e3-3_info\",\n      \"3_info\",\n      \"3\",\n      \"basic-info vue-flow-basic-info-edge\"\n    ),\n    createEdge(\n      \"e3-4_info\",\n      \"3\",\n      \"4_info\",\n      \"basic-info vue-flow-basic-info-edge\"\n    ),\n    createEdge(\n      \"e3-5_info\",\n      \"3\",\n      \"5_info\",\n      \"basic-info vue-flow-basic-info-edge\"\n    ),\n    //tags edges:\n    createEdge(\"e4-1_tag\", \"4\", \"1_tag\", \"tags vue-flow-tags-edge\"),\n    createEdge(\"e4-2_tag\", \"4\", \"2_tag\", \"tags vue-flow-tags-edge\"),\n    createEdge(\"e4-3_tag\", \"4\", \"3_tag\", \"tags vue-flow-tags-edge\"),\n    createEdge(\"e4-4_tag\", \"4_tag\", \"4\", \"tags vue-flow-tags-edge\"),\n    createEdge(\"e4-5_tag\", \"5_tag\", \"4\", \"tags vue-flow-tags-edge\"),\n    createEdge(\"e4-6_tag\", \"6_tag\", \"4\", \"tags vue-flow-tags-edge\"),\n    //topic edges:\n    createEdge(\"e2-1_topic\", \"1_topic\", \"2\", \"topics vue-flow-topics-edge\"),\n    createEdge(\"e2-2_topic\", \"2_topic\", \"2\", \"topics vue-flow-topics-edge\"),\n    createEdge(\"e2-3_topic\", \"2\", \"3_topic\", \"topics vue-flow-topics-edge\"),\n    createEdge(\"e2-4_topic\", \"2\", \"4_topic\", \"topics vue-flow-topics-edge\"),\n    //subtopic edges:\n    createEdge(\"e5-1_stopic\", \"1_stopic\", \"5\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-2_stopic\", \"5\", \"2_stopic\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-3_stopic\", \"5\", \"3_stopic\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-4_stopic\", \"5\", \"4_stopic\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-5_stopic\", \"5\", \"5_stopic\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-6_stopic\", \"5\", \"6_stopic\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-7_stopic\", \"7_stopic\", \"5\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-8_stopic\", \"8_stopic\", \"5\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\"e5-9_stopic\", \"9_stopic\", \"5\", \"stopics vue-flow-stopics-edge\"),\n    createEdge(\n      \"e5-10_stopic\",\n      \"10_stopic\",\n      \"5\",\n      \"stopics vue-flow-stopics-edge\"\n    ),\n    createEdge(\n      \"e5-11_stopic\",\n      \"11_stopic\",\n      \"5\",\n      \"stopics vue-flow-stopics-edge\"\n    ),\n    createEdge(\n      \"e5-12_stopic\",\n      \"12_stopic\",\n      \"5\",\n      \"stopics vue-flow-stopics-edge\"\n    ),\n  ].filter((edge) => edge !== null)\n);\n\nwatch(\n  () => basicChecked.value,\n  (newValue) => {\n    const elements = document.getElementsByClassName(\"basic-info\");\n\n    for (let i = 0; i < elements.length; i++) {\n      if (newValue) {\n        elements[i].classList.remove(\"vue-flow-basic-hide\");\n        elements[i].classList.add(\"vue-flow-basic-show\");\n      } else {\n        elements[i].classList.remove(\"vue-flow-basic-show\");\n        elements[i].classList.add(\"vue-flow-basic-hide\");\n      }\n    }\n  }\n);\n\nwatch(\n  () => topicsChecked.value,\n  (newValue) => {\n    const elements = document.getElementsByClassName(\"topics\");\n\n    for (let i = 0; i < elements.length; i++) {\n      if (newValue) {\n        elements[i].classList.remove(\"vue-flow-topics-hide\");\n        elements[i].classList.add(\"vue-flow-topics-show\");\n      } else {\n        elements[i].classList.remove(\"vue-flow-topics-show\");\n        elements[i].classList.add(\"vue-flow-topics-hide\");\n      }\n    }\n  }\n);\n\nwatch(\n  () => stopicsChecked.value,\n  (newValue) => {\n    const elements = document.getElementsByClassName(\"stopics\");\n\n    for (let i = 0; i < elements.length; i++) {\n      if (newValue) {\n        elements[i].classList.remove(\"vue-flow-stopics-hide\");\n        elements[i].classList.add(\"vue-flow-stopics-show\");\n      } else {\n        elements[i].classList.remove(\"vue-flow-stopics-show\");\n        elements[i].classList.add(\"vue-flow-stopics-hide\");\n      }\n    }\n  }\n);\n\nwatch(\n  () => keyChecked.value,\n  (newValue) => {\n    const elements = document.getElementsByClassName(\"tags\");\n\n    for (let i = 0; i < elements.length; i++) {\n      if (newValue) {\n        elements[i].classList.remove(\"vue-flow-tags-hide\");\n        elements[i].classList.add(\"vue-flow-tags-show\");\n      } else {\n        elements[i].classList.remove(\"vue-flow-tags-show\");\n        elements[i].classList.add(\"vue-flow-tags-hide\");\n      }\n    }\n  }\n);\n\nconst adjustZoom = () => {\n  if (vueFlowInstance) {\n    if (windowWidth.value <= 1272) {\n      vueFlowInstance.setViewport({ x: 400, y: 350, zoom: 0.8 });\n    } else {\n      vueFlowInstance.setViewport({ x: 600, y: 525, zoom: 1.2 });\n    }\n  }\n};\n\nconst onPaneReady = (instance) => {\n  vueFlowInstance = instance;\n  adjustZoom();\n};\n\nwatch(windowWidth, adjustZoom);\n\nconst updateWindowWidth = () => {\n  windowWidth.value = window.innerWidth;\n};\n\nonMounted(() => {\n  window.addEventListener(\"resize\", updateWindowWidth);\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener(\"resize\", updateWindowWidth);\n});\n</script>\n\n<style scoped>\n@import \"@vue-flow/core/dist/style.css\";\n@import \"@vue-flow/core/dist/theme-default.css\";\n\n.container {\n  background-color: rgba(17, 24, 39, 0.5);\n  padding: 0 !important;\n  height: 90% !important;\n\n}\n.switch-wrapper {\n  width: auto;\n  display: flex;\n  justify-content: flex-end;\n  flex-direction: column;\n  position: absolute;\n  padding: 1rem;\n}\n\n.row {\n  width: 100%;\n  height: auto;\n  display: flex;\n  flex-direction: row;\n}\n.col {\n  width: 50%;\n  padding: 1rem;\n  height: 100%;\n}\n</style>\n","import script from \"./DetailedModuleMap.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DetailedModuleMap.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DetailedModuleMap.vue?vue&type=style&index=0&id=7bb3fcc7&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7bb3fcc7\"]])\n\nexport default __exports__","<template>\n  <div\n    class=\"container custom:pl-8 xl:pl-0 flex flex-col custom:text-sm xl:text-base\"\n  >\n    <div class=\"w-full flex flex-row justify-between\">\n      <div class=\"mb-2 flex flex-row justify-between items-center\">\n        <span class=\"mr-2\">{{ dictionary.library_filters }}</span>\n        <Chip\n          v-if=\"selectedType\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedType.name\"\n        />\n        <Chip\n          v-if=\"selectedTarget\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedTarget.name\"\n        />\n        <Chip\n          v-if=\"selectedTags\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedTags.name\"\n        />\n        <Chip\n          v-if=\"selectedDepartment\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedDepartment.name\"\n        />\n        <Chip\n          v-if=\"selectedDuration\"\n          class=\"mr-2 custom:text-sm xl:text-base\"\n          :label=\"selectedDuration.name + ' min'\"\n        />\n      </div>\n      <div class=\"flex flex-row\">\n        <Button\n          :label=\"dictionary.filtered_table_reset_filters_btn\"\n          @click=\"resetFilters\"\n          icon=\"pi pi-refresh\"\n          class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 xl:p-2 xl:text-base xl:h-auto rounded mb-4 mr-4\"\n        />\n        <Button\n          :label=\"dictionary.filtered_export_btn\"\n          @click=\"exportCSV\"\n          icon=\"pi pi-file-export\"\n          class=\"dataview-btn custom:p-1 custom:text-xs custom:h-8 xl:p-2 xl:text-base xl:h-auto rounded mb-4\"\n          :disabled=\"disabled\"\n        />\n      </div>\n    </div>\n    <DataTable\n      v-model:selection=\"selectedModule\"\n      :value=\"filteredModules\"\n      scrollable\n      scrollHeight=\"600px\"\n      class=\"custom:text-sm xl:text-base\"\n    >\n      <Column selectionMode=\"multiple\" headerStyle=\"width: 3rem\"></Column>\n\n      <Column :header=\"dictionary.filtered_table_header_1\">\n        <template #body=\"slotProps\">\n          <div class=\"td-data mod\">{{ slotProps.data.short }}</div>\n        </template>\n      </Column>\n\n      <Column>\n        <template #header>\n          <Dropdown\n            v-model=\"selectedDepartmentFilter\"\n            :options=\"departmentOptions\"\n            optionLabel=\"name\"\n            :placeholder=\"dictionary.filtered_table_header_2\"\n            @change=\"filterTable\"\n          />\n        </template>\n        <template #body=\"slotProps\">\n          <div class=\"td-data\">{{ slotProps.data.department }}</div>\n        </template>\n      </Column>\n\n      <Column>\n        <template #header>\n          <Dropdown\n            v-model=\"selectedTargetFilter\"\n            :options=\"targetOptions\"\n            optionLabel=\"name\"\n            :placeholder=\"dictionary.filtered_table_header_3\"\n            @change=\"filterTable\"\n          />\n        </template>\n        <template #body=\"slotProps\">\n          <div class=\"td-data\">{{ slotProps.data.target }}</div>\n        </template>\n      </Column>\n\n      <Column :header=\"dictionary.filtered_table_header_4\"\n        ><template #body=\"slotProps\">\n          <div class=\"td-data\">{{ slotProps.data.duration }}</div>\n        </template></Column\n      >\n      <Column :header=\"dictionary.filtered_table_header_5\">\n        <template #body=\"slotProps\">\n          <div\n            v-for=\"(topic, topicIndex) in slotProps.data.topic\"\n            :key=\"topicIndex\"\n          >\n            <div\n              v-for=\"(stopic, stopicIndex) in topic.stopic\"\n              :key=\"topicIndex + '-' + stopicIndex\"\n            >\n              <div\n                v-if=\"stopicIndex === 0\"\n                :class=\"[\n                  'td-data',\n                  { tdDataLight: (topicIndex + 1) % 2 === 0 },\n                ]\"\n              >\n                {{ topic.name }}\n              </div>\n              <div v-else class=\"td-data-blank\">{{ blankString }}</div>\n            </div>\n          </div>\n        </template>\n      </Column>\n\n      <Column :header=\"dictionary.filtered_table_header_6\">\n        <template #body=\"slotProps\">\n          <div\n            v-for=\"(topic, topicIndex) in slotProps.data.topic\"\n            :key=\"topicIndex\"\n          >\n            <div\n              v-for=\"(stopic, stopicIndex) in topic.stopic\"\n              :key=\"topicIndex + '-' + stopicIndex\"\n            >\n              <div\n                v-if=\"stopicIndex === 0\"\n                :class=\"[\n                  'td-data',\n                  { tdDataLight: (topicIndex + 1) % 2 === 0 },\n                ]\"\n              >\n                {{ topic.time }}\n              </div>\n              <div v-else class=\"td-data-blank\">{{ blankString }}</div>\n            </div>\n          </div>\n        </template>\n      </Column>\n\n      <Column :header=\"dictionary.filtered_table_header_7\">\n        <template #body=\"slotProps\">\n          <div\n            v-for=\"(topic, topicIndex) in slotProps.data.topic\"\n            :key=\"topicIndex + '-stopic'\"\n          >\n            <div\n              v-for=\"(stopic, stopicIndex) in topic.stopic\"\n              :key=\"topicIndex + '-' + stopicIndex\"\n            >\n              <div\n                :class=\"[\n                  'td-data',\n                  { tdDataLight: (topicIndex + 1) % 2 === 0 },\n                ]\"\n              >\n                {{ stopic.name }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </Column>\n\n      <Column :header=\"dictionary.filtered_table_header_8\">\n        <template #body=\"slotProps\">\n          <div\n            v-for=\"(topic, topicIndex) in slotProps.data.topic\"\n            :key=\"topicIndex + '-skill'\"\n          >\n            <div\n              v-for=\"(stopic, stopicIndex) in topic.stopic\"\n              :key=\"topicIndex + '-' + stopicIndex\"\n            >\n              <div\n                :class=\"[\n                  'td-data',\n                  { tdDataLight: (topicIndex + 1) % 2 === 0 },\n                ]\"\n              >\n                {{ stopic.skill }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </Column>\n\n      <Column :header=\"dictionary.filtered_table_header_9\">\n        <template #body=\"slotProps\">\n          <div\n            v-for=\"(topic, topicIndex) in slotProps.data.topic\"\n            :key=\"topicIndex + '-stime'\"\n          >\n            <div\n              v-for=\"(stopic, stopicIndex) in topic.stopic\"\n              :key=\"topicIndex + '-' + stopicIndex\"\n            >\n              <div\n                :class=\"[\n                  'td-data',\n                  { tdDataLight: (topicIndex + 1) % 2 === 0 },\n                ]\"\n              >\n                {{ stopic.time }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </Column>\n      <Column field=\"title\" header=\"Title\" class=\"hidden\"></Column>\n      <Column field=\"department\" header=\"Department\" class=\"hidden\"></Column>\n      <Column field=\"target\" header=\"Target\" class=\"hidden\"></Column>\n      <Column field=\"duration\" header=\"Duration\" class=\"hidden\"></Column>\n      <Column field=\"topic.name\" header=\"Topic Name\" class=\"hidden\"></Column>\n      <Column field=\"topic.time\" header=\"Topic Time\" class=\"hidden\"></Column>\n      <Column\n        field=\"topic.stopic.name\"\n        header=\"Subtopic Name\"\n        class=\"hidden\"\n      ></Column>\n      <Column\n        field=\"topic.stopic.skill\"\n        header=\"Subtopic Skill\"\n        class=\"hidden\"\n      ></Column>\n      <Column\n        field=\"topic.stopic.time\"\n        header=\"Subtopic Time\"\n        class=\"hidden\"\n      ></Column>\n    </DataTable>\n    <div class=\"total-wrapper w-full pb-4 mb-4\">\n      <Divider />\n      <div class=\"w-full flex flex-row justify-end items-center\">\n        <span class=\"mr-8 custom:text-base xl:text-xl\">{{\n          dictionary.filtered_total\n        }}</span>\n        <span class=\"total-time mr-8 custom:text-base xl:text-xl\"\n          >{{ totalTime }} min.</span\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from \"vue\";\nimport { useStore } from \"../../../../store/store.js\";\nimport DataTable from \"primevue/datatable\";\nimport Column from \"primevue/column\";\nimport Button from \"primevue/button\";\nimport Chip from \"primevue/chip\";\nimport Divider from \"primevue/divider\";\nimport Dropdown from \"primevue/dropdown\";\nimport { dictionary } from \"../../../dictionary.js\";\nconst store = useStore();\nconst filteredModules = ref(store.filteredModules);\nconst selectedType = computed(() => store.selectedType);\nconst selectedTarget = computed(() => store.selectedTarget);\nconst selectedTags = computed(() => store.selectedTags);\nconst selectedDepartment = computed(() => store.selectedDepartment);\nconst selectedDuration = computed(() => store.selectedDuration);\nconst selectedModule = ref([]);\nconst selectedDepartmentFilter = ref(null);\nconst selectedTargetFilter = ref(null);\nconst blankString = ref(\"BL4NK_\");\nconst disabled = ref(true);\n\nconst departmentOptions = computed(() => {\n  const departments = new Set();\n  filteredModules.value.forEach((module) => {\n    departments.add(module.department);\n  });\n  return Array.from(departments).map((department) => ({ name: department }));\n});\n\nconst targetOptions = computed(() => {\n  const targets = new Set();\n  filteredModules.value.forEach((module) => {\n    targets.add(module.target);\n  });\n  return Array.from(targets).map((target) => ({ name: target }));\n});\n\nconst filterTable = () => {\n  const originalModules = store.filteredModules;\n  const filtered = originalModules.filter((module) => {\n    const departmentMatch = selectedDepartmentFilter.value\n      ? module.department === selectedDepartmentFilter.value.name\n      : true;\n    const targetMatch = selectedTargetFilter.value\n      ? module.target === selectedTargetFilter.value.name\n      : true;\n    return departmentMatch && targetMatch;\n  });\n  filteredModules.value = filtered;\n};\n\nconst resetFilters = () => {\n  selectedDepartmentFilter.value = null;\n  selectedTargetFilter.value = null;\n  filteredModules.value = store.filteredModules;\n};\n\nconst getCurrentDate = () => {\n  const date = new Date();\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${year}${month}${day}`;\n};\n\nconst formatDataForCSV = (modules) => {\n  const formattedData = [];\n\n  modules.forEach((module) => {\n    module.topic.forEach((topic) => {\n      topic.stopic.forEach((stopic) => {\n        formattedData.push({\n          title: module.title,\n          department: module.department,\n          target: module.target,\n          duration: module.duration.toString().replace(\".\", \",\"),\n          topicName: topic.name,\n          topicTime: topic.time.toString().replace(\".\", \",\"),\n          stopicName: stopic.name,\n          stopicSkill: stopic.skill,\n          stopicTime: stopic.time.toString().replace(\".\", \",\"),\n        });\n      });\n    });\n  });\n\n  return formattedData;\n};\n\nconst exportCSV = () => {\n  const formattedData = formatDataForCSV(selectedModule.value);\n  const currentDate = getCurrentDate();\n  const activeFilters = getActiveFilters();\n\n  const csvContent = [\n    [\n      \"Title\",\n      \"Department\",\n      \"Target\",\n      \"Duration\",\n      \"Topic Name\",\n      \"Topic Time\",\n      \"Subtopic Name\",\n      \"Subtopic Skill\",\n      \"Subtopic Time\",\n    ],\n    ...formattedData.map((item) => [\n      item.title,\n      item.department,\n      item.target,\n      item.duration,\n      item.topicName,\n      item.topicTime,\n      item.stopicName,\n      item.stopicSkill,\n      item.stopicTime,\n    ]),\n  ]\n    .map((e) => e.join(\";\"))\n    .join(\"\\n\");\n\n  const blob = new Blob([csvContent], { type: \"text/csv;charset=utf-8;\" });\n  const link = document.createElement(\"a\");\n  const url = URL.createObjectURL(blob);\n  link.setAttribute(\"href\", url);\n  link.setAttribute(\"download\", `${currentDate}_${activeFilters}_modules.csv`);\n  link.style.visibility = \"hidden\";\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n};\n\nconst getActiveFilters = () => {\n  const filters = [];\n  if (selectedType.value) filters.push(selectedType.value.name.toLowerCase());\n  if (selectedTarget.value)\n    filters.push(selectedTarget.value.name.toLowerCase());\n  if (selectedTags.value) filters.push(selectedTags.value.name.toLowerCase());\n  if (selectedDepartment.value)\n    filters.push(selectedDepartment.value.name.toLowerCase());\n  if (selectedDuration.value) filters.push(selectedDuration.value.name);\n  return filters;\n};\n\nconst matchesFilters = (item, filters) => {\n  if (filters.length === 0) return true;\n\n  const valuesToCheck = [\n    item.name,\n    item.time?.toString(),\n    item.department,\n    item.type,\n    item.target,\n    ...(item.tag || []),\n    item.duration?.toString(),\n  ]\n    .filter(Boolean)\n    .map((value) => (value.toLowerCase ? value.toLowerCase() : value));\n\n  return filters.some((filter) =>\n    valuesToCheck.some((value) => value.includes(filter))\n  );\n};\n\nconst calculateTotalTime = (modules) => {\n  const filters = getActiveFilters();\n  let totalTime = 0;\n\n  modules.forEach((module) => {\n    let moduleTime = 0;\n    if (selectedTags.value === null && matchesFilters(module, filters)) {\n      moduleTime += module.duration;\n    }\n    module.topic.forEach((topic) => {\n      if (filters.includes(topic.name.toLowerCase())) {\n        moduleTime += topic.time;\n      } else {\n        topic.stopic.forEach((stopic) => {\n          if (\n            filters.some((filter) => stopic.name.toLowerCase().includes(filter))\n          ) {\n            moduleTime += stopic.time;\n          }\n        });\n      }\n    });\n    totalTime += Math.min(moduleTime, module.duration);\n  });\n\n  return totalTime;\n};\n\nconst totalTime = computed(() => calculateTotalTime(filteredModules.value));\n\nwatch(selectedModule, (newValue) => {\n  disabled.value = newValue.length === 0;\n});\n\nwatch([selectedDepartmentFilter, selectedTargetFilter], () => {\n  filterTable();\n});\n\nconst activeFilterTable = (modules, filters) => {\n  return modules.filter((module) => {\n    return filters.every((filter) => {\n      switch (filter.key) {\n        case \"type\":\n          return module.type.toLowerCase() === filter.value;\n        case \"target\":\n          return module.target.toLowerCase() === filter.value;\n        case \"tags\":\n          return (\n            module.topic.some(\n              (topic) => topic.name.toLowerCase() === filter.value\n            ) ||\n            module.topic.some((topic) =>\n              topic.stopic.some((stopic) =>\n                stopic.name.toLowerCase().includes(filter.value)\n              )\n            )\n          );\n        case \"department\":\n          return module.department.toLowerCase() === filter.value;\n        case \"duration\":\n          return module.duration.toString() === filter.value;\n        default:\n          return true;\n      }\n    });\n  });\n};\n\nwatch(getActiveFilters, (newFilters) => {\n  if (newFilters.length === 0) {\n    filteredModules.value = store.filteredModules;\n  } else {\n    filteredModules.value = activeFilterTable(\n      store.filteredModules,\n      newFilters\n    );\n  }\n});\n</script>\n\n<style scoped>\n::v-deep .p-datatable {\n  border-radius: 5px;\n  background-color: #18212d;\n  padding: 0.5rem;\n}\n::v-deep .p-datatable-thead th {\n  color: #c4e9ff;\n  background-color: #18212d;\n  padding: 0.5rem;\n}\n::v-deep .p-datatable-tbody tr {\n  border-bottom: 0.5rem solid #18212d;\n}\n::v-deep .p-datatable-tbody tr td {\n  color: #c4e9ff;\n  padding: 0.5rem;\n  vertical-align: top;\n}\n.mod {\n  background-color: #fbbf24 !important;\n  color: #111827 !important;\n}\n.td-data {\n  background-color: #111827;\n  padding: 0.5rem 0.75rem;\n  border-radius: 5px;\n  margin-bottom: 0.25rem;\n  min-height: 65px;\n  display: flex;\n  align-items: center;\n}\n.tdDataLight {\n  background-color: #18212D !important;\n}\n.td-data-blank {\n  background-color: #1f2937;\n  color: #1f2937;\n  padding: 0.5rem 0.75rem;\n  min-height: 65px;\n  border-radius: 5px;\n  margin-bottom: 0.25rem;\n}\n.total-wrapper {\n  background-color: #18212d;\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n.total-time {\n  padding: 0.5rem 0.75rem;\n  background-color: #1f2937;\n  border-radius: 5px;\n}\n.hidden {\n  display: none;\n}\n</style>","import script from \"./ModuleFilteredTable.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModuleFilteredTable.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModuleFilteredTable.vue?vue&type=style&index=0&id=5a83446b&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5a83446b\"]])\n\nexport default __exports__","import {\n  createApp\n} from \"vue\";\nimport {\n  createRouter,\n  createWebHistory\n} from \"vue-router\";\nimport App from \"./App.vue\";\nimport \"./index.css\";\nimport pinia from \"../store/store.js\";\nimport PrimeVue from \"primevue/config\";\nimport \"primevue/resources/themes/lara-dark-amber/theme.css\";\nimport \"primevue/resources/primevue.min.css\";\nimport \"primeicons/primeicons.css\";\nimport 'bootstrap-icons/font/bootstrap-icons.css';\n// import DashboardComponent from \"./components/dashboard/DashboardComponent.vue\";\nimport LoginComponent from \"./components/login/LoginComponent.vue\";\nimport ModuleFiler from \"./components/filter/ModuleFilter.vue\";\nimport ModuleLibrary from \"./components/library/ModuleLibrary.vue\";\nimport ModuleComparator from \"./components/comparator/ModuleComparator.vue\";\nimport DetailedModuleMap from \"./components/map/DetailedModuleMap.vue\";\nimport AdminComponent from \"./components/admin/AdminComponent.vue\";\nimport ModuleFilteredTable from \"./components/library/table/ModuleFilteredTable.vue\";\n\nconst routes = [{\n    path: \"/\",\n    redirect: \"/login\"\n  },\n  {\n    path: \"/login\",\n    name: \"login\",\n    component: LoginComponent,\n    meta: {\n      routeName: \"Login\"\n    },\n  },\n  {\n    path: \"/module-library\",\n    name: \"module-library\",\n    component: ModuleLibrary,\n    meta: {\n      routeName: \"Our Modules library!\"\n    },\n  },\n  {\n    path: \"/module-filter\",\n    component: ModuleFiler,\n    meta: {\n      routeName: \"Filter Modules\"\n    },\n  },\n  {\n    path: \"/module-comparator\",\n    name: \"module-comparator\",\n    component: ModuleComparator,\n    meta: {\n      routeName: \"Compare Modules\"\n    },\n  },\n  {\n    path: '/module/:short?/:mod?',\n    name: 'module',\n    component: DetailedModuleMap,\n    props: route => ({\n      mod: route.params.mod,\n    }),\n    meta: {\n      routeName: \"Training detailed view\",\n    },\n  },\n  {\n    path: '/filtered-table',\n    name: 'filtered-table',\n    component: ModuleFilteredTable,\n    props: route => ({\n      mod: route.params.mod\n    }),\n    meta: {\n      routeName: \"Filtered table view\"\n    },\n  },\n  {\n    path: \"/admin-panel\",\n    component: AdminComponent,\n    meta: {\n      routeName: \"Admin panel\"\n    },\n  },\n];\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes,\n});\n\nconst app = createApp(App);\n\napp.use(pinia);\napp.use(PrimeVue);\napp.use(router);\napp.mount(\"#app\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkmapper\"] = self[\"webpackChunkmapper\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(7781); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["generateTime","time","i","push","pinia","createPinia","use","piniaPluginPersistedstate","useStore","defineStore","state","data","commits","selectedModule","filteredModules","selectedType","selectedTarget","selectedTags","selectedDepartment","filterActive","admin","showEditSlotDialog","token","sessionStorage","getItem","trainingElements","name","departments","durations","types","targets","groups","skills","actions","fetchData","response","fetch","method","credentials","headers","ok","Error","status","this","json","error","console","setSelectedModule","mod","localStorage","setItem","JSON","stringify","setSelectedModuletoCompare","mod2","selectedModuleToCompare","setFilteredModules","arr","setFilters","filters","type","target","tags","department","selectedDuration","duration","clearFilters","setFilterActive","value","setToken","clearToken","removeItem","persist","dictionary","login","login_password","login_username","login_btn","login_access","logout_info","logout","menu_search","sidebar_title","sidebar_item1","sidebar_item2","sidebar_item3","sidebar_item4","sidebar_item5","sidebar_item6","sidebar_item7","sidebar_item8","sidebar_item9","sidebar_item10","sidebar_lib","sidebar_doc","sidebar_bug","sidebar_copy","dashboard_overview","dashboard_mod_type","dashboard_mod_nr","dashboard_app_info","dashboard_app_info2","dataview_title","dataview_item1","dataview_item2","dataview_item3","dataview_show","dataview_edit","dataview_compare","filter_label0","filter_label1","filter_label2","filter_label3","filter_label4","filter_label5","filter_label6","filter_label7","filter_label8","filter_label9","filter_label10","filter_label11","filter_btn_search","filter_btn_clear","filter_mod_found","filter_dialog_title","filter_dialog_short","filter_dialog_duration","filter_dialog_type","filter_dialog_element","filter_dialog_department","filter_dialog_target","filter_dialog_employee","filter_dialog_specification","filter_dialog_objective","filter_dialog_topic","filter_dialog_stopic","filter_dialog_skill_lvl","filter_dialog_knowledge","filter_dialog_knowledge_description","map_modules_no_trainings","detailed_map_tags","detailed_map_topics","detailed_map_subtopics","detailed_map_info","detailed_map_duration","detailed_map_employees","detailed_info","comparator_btn_compare","comparator_btn_select","comparator_btn_clear","comparator_dropdown_label","comparator_common","comparator_differences","comparator_search_info","comparator_remove_btn","comparator_department","comparator_duration","comparator_skill","comparator_min","comparator_type","comparator_element","comparator_target","comparator_emplyee","comparator_tags","comparator_ttag","comparator_stag","comparator_topics","comparator_stopics","library_filters","library_table_btn","filtered_export_btn","filtered_table_header_1","filtered_table_header_2","filtered_table_header_3","filtered_table_header_4","filtered_table_header_5","filtered_table_header_6","filtered_table_header_7","filtered_table_header_8","filtered_table_header_9","filtered_table_reset_filters_btn","filtered_total","trainings_not_found","mobile_view","none","admin_panel","admin_panel_dialog_title","admin_add_module","admin_close","nav_back","edit_header","edit_url","edit_url_error","edit_sharepoint","edit_shortname","edit_objective","edit_title","edit_department","edit_duration","edit_type","edit_elements","edit_target","edit_group","edit_create_topic","edit_topic","edit_knowledge","edit_time","edit_topic_warn","edit_topic_btn","edit_create_stopic","edit_stopic","edit_skill","edit_stopic_warn","edit_stopic_btn","edit_create_tag","edit_tag","edit_tag_warn","edit_tag_btn","edit_toast_info","edit_error_field","edit_error_toast","edit_delete_topic","edit_delete_stopic","edit_update_btn","edit_toast_update","store","props","__props","computed","get","set","uniqueTags","Set","flatMap","item","tag","sort","map","filterModules","filteredData","filter","includes","watch","immediate","__exports__","router","useRouter","version","pkg","visible","ref","showFilter","toggleFilter","reportBug","jiraUrl","window","open","goToDocumentation","handleKeydown","event","key","stopPropagation","onMounted","addEventListener","onUnmounted","removeEventListener","dialogVisible","toast","loading","username","password","errmsg","openDialog","onSubmit","async","preventDefault","mode","Accept","body","setToast","timer","setTimeout","$patch","clearTimeout","message","text","add","severity","summary","detail","life","__expose","route","useRoute","isAdmin","currentRouteName","meta","routeName","adminComponent","path","openAdminDialog","then","catch","handleOpenEditSlotComponent","handleCloseAdmin","handleLogout","$reset","location","reload","navGoBack","currentRoute","back","showEdit","parse","imgUrl","isValidUrl","objective","title","shortname","selectedElement","selectedGroup","selectedTimeTopic","selectedTimeStopic","topic","knowledge","stopic","topicTag","sTopicTag","isSubmitted","topics","skill","handleCloseEdit","url","short","element","employee","handleAddNewTopic","handleAddNewSubTopic","topicIndex","handleAddNewTag","handleDeleteTopic","tIndex","splice","handleDeleteSubTopic","sIndex","handleDeleteTag","tgIndex","validateUrl","URL","e","toUpperCase","resetForm","validateForm","log","toRaw","onUpdate","logId","_id","newUrl","isMobileView","checkScreenWidth","innerWidth","finally","watchEffect","newValue","newToken","modules","searchValue","searchValueLower","toLowerCase","startsWithSearchValue","startsWith","includesSearchValue","a","b","localeCompare","getFirstTwoTags","slice","newData","handleDisplayModule","removeFilter","newFilteredModules","mod1","filteredTags","mod2Tags","emit","__emit","handleSetModule","removeModule","isCommon","value1","value2","removeSpaces","str","replace","findCommonValueInArray","val","cleanedVal","cleanedArr","el","isCommonElement","mod2Elements","t","s","undefined","isCommonSkill","stopicTags","mod2StopicTags","some","isCommonTopicName","mod2TopicNames","newMod2","mod1Tags","mod1Elements","mod1StopicTags","mod1TopicNames","newMod1","selectedModule1","availableSlot1","selectedModule2","availableSlot2","showDialog","handleModuleSelection","searchModule","toString","onInit","onConnect","addEdges","useVueFlow","params","basicChecked","keyChecked","topicsChecked","stopicsChecked","vueFlowRef","windowWidth","vueFlowInstance","centerX","centerY","radiusX","radiusY","angle","length","Math","PI","x","cos","y","sin","id","label","class","position","nodeIndex","angleIndex","totalElements","reduce","total","stopics","result","st","elem","flat","uniqueStopics","labels","fitView","connection","nodes","concat","sourceExists","source","node","targetExists","createEdge","edgeClass","edges","edge","elements","document","getElementsByClassName","classList","remove","adjustZoom","setViewport","zoom","onPaneReady","instance","updateWindowWidth","onBeforeUnmount","selectedDepartmentFilter","selectedTargetFilter","blankString","disabled","departmentOptions","forEach","module","Array","from","targetOptions","filterTable","originalModules","filtered","departmentMatch","targetMatch","resetFilters","getCurrentDate","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","formatDataForCSV","formattedData","topicName","topicTime","stopicName","stopicSkill","stopicTime","exportCSV","currentDate","activeFilters","getActiveFilters","csvContent","join","blob","Blob","link","createElement","createObjectURL","setAttribute","style","visibility","appendChild","click","removeChild","matchesFilters","valuesToCheck","Boolean","calculateTotalTime","totalTime","moduleTime","min","activeFilterTable","every","newFilters","routes","redirect","component","LoginComponent","ModuleLibrary","ModuleFiler","ModuleComparator","DetailedModuleMap","ModuleFilteredTable","AdminComponent","createRouter","history","createWebHistory","app","createApp","App","PrimeVue","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","__webpack_modules__","call","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","Object","keys","r","n","getter","__esModule","d","definition","o","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}