{"version":3,"file":"js/app.20c606c2.js","mappings":"wCAAA,IAAIA,EAAM,CACT,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,UAAW,KACX,aAAc,KACd,UAAW,IACX,aAAc,IACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,OAAQ,IACR,UAAW,IACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,IACX,aAAc,IACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,QAAS,KACT,WAAY,KACZ,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,IACd,gBAAiB,IACjB,aAAc,KACd,gBAAiB,KACjB,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,UAAW,KACX,aAAc,KACd,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,UAAW,KACX,aAAc,KACd,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,KACR,UAAW,KACX,WAAY,KACZ,cAAe,KACf,UAAW,IACX,aAAc,IACd,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,UAAW,KACX,OAAQ,IACR,UAAW,IACX,OAAQ,IACR,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,YAAa,KACb,eAAgB,KAChB,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,IACR,UAAW,IACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,QAAS,KACT,WAAY,KACZ,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,UAAW,KACX,UAAW,KACX,aAAc,KACd,QAAS,KACT,WAAY,KACZ,OAAQ,KACR,UAAW,KACX,QAAS,KACT,WAAY,KACZ,QAAS,KACT,aAAc,KACd,gBAAiB,KACjB,WAAY,KACZ,UAAW,IACX,aAAc,IACd,OAAQ,GACR,UAAW,GACX,OAAQ,KACR,UAAW,KACX,OAAQ,KACR,YAAa,KACb,eAAgB,KAChB,UAAW,KACX,OAAQ,KACR,UAAW,KACX,aAAc,KACd,gBAAiB,KACjB,OAAQ,IACR,UAAW,IACX,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,KACd,UAAW,KACX,aAAc,MAIf,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,I,oECnSL,MAAMY,EACjBC,YAAYb,EAAK,KAAMc,EAAQ,IAC3BC,KAAKf,GAAKA,EACVe,KAAKD,MAAQA,CAChB,E,oECJU,MAAME,EACjBH,YAAYb,EAAGiB,EAAOC,EAAKC,EAAOC,EAASC,EAASC,EAAeC,EAAcC,GAAU,EAAOC,GAE9FV,KAAKf,GAAKA,EACVe,KAAKE,MAAQA,EACbF,KAAKG,IAAMA,EACXH,KAAKI,MAAQA,EACbJ,KAAKO,cAAgBA,EACrBP,KAAKQ,aAAeA,EACpBR,KAAKS,SAAWA,EAChBT,KAAKM,QAAUA,EACfN,KAAKK,QAAUA,EACfL,KAAKU,YAAcA,CAEtB,E,oECdU,MAAMC,EACjBb,YAAYc,EAAgB,EAAGb,GAAQ,GACnCC,KAAKY,cAAgBA,EACrBZ,KAAKD,MAAQA,CAChB,E,6rTCJU,MAAMc,EACjBf,YAAYgB,GAAO,EAAOC,EAAU,gBAChCf,KAAKf,GAAK+B,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,IAClDnB,KAAKc,KAAOA,EACZd,KAAKe,QAAUA,CAClB,E,cCAL,GAAeK,EAAAA,EAAAA,IAAY,CACvBC,MAAO,CAEHC,aAAc,CAAC,EAEfC,aAAc,CACVC,sBAAuB,CAACC,IAAK,GAAIC,IAAK,GAAIC,KAAM,GAAIC,KAAM,GAAIC,QAAS,GAAIC,MAAO,KAItFC,cAAe,CAEX,CACI9C,GAAI,QACJ+C,YAAa,eACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,eACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,iCACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,sBACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,eACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,eACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,yDACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,sBACXC,QAAS,SACTC,KAAM,YACNC,KAAM,OAEV,CACInD,GAAI,EACJ+C,YAAa,eACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,QAEV,CACInD,GAAI,EACJ+C,YAAa,cACbC,UAAW,UACXC,QAAS,SACTC,KAAM,YACNC,KAAM,SAOdC,eAAgB,uCAGhBC,QAAS,CACLC,MAAO,IAAI1B,EACX2B,QAAS,IAAI3B,EACb4B,QAAS,IAAI5B,GAGjB6B,oBAAoB,EACpBC,oBAAoB,EAEpBC,uBAAwB,EACxBC,mBAAoB,EAEpBC,UAAW,GAGXC,WAAY,CAER,CACI9D,GAAI,IACJ+D,KAAM,iBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAET,CACIlE,GAAI,IACJ+D,KAAM,WACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAET,CACIlE,GAAI,IACJ+D,KAAM,sBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAGT,CACIlE,GAAI,IACJ+D,KAAM,iBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAET,CACIlE,GAAI,IACJ+D,KAAM,gBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAET,CACIlE,GAAI,IACJ+D,KAAM,cACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAGT,CACIlE,GAAI,IACJ+D,KAAM,kBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,GAET,CACIlE,GAAI,IACJ+D,KAAM,kBACNC,OAAO,EACPC,MAAM,EACNC,KAAK,IAMbC,WAAY,CACR,CACInE,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,IACJc,MAAO,YAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,aAEX,CACId,GAAI,KACJc,MAAO,cAKfsD,YAAY,EAIZC,SAAU,CAAC,EAmJXC,iBAAkB,CAEd,IAAItD,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,GAAI,YACrE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAO,GAAI,YACvE,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,GACxD,IAAIA,EAAAA,EAAW,IAAK,UAAW,SAAU,OAAO,GAAM,GACtD,IAAIA,EAAAA,EAAW,IAAK,gBAAiB,eAAgB,OAAO,GAAM,GAClE,IAAIA,EAAAA,EAAW,IAAK,eAAgB,cAAe,OAAO,GAAM,GAChE,IAAIA,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,GAC1D,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,GAC5D,IAAIA,EAAAA,EAAW,IAAK,YAAa,WAAY,MAAM,GAAM,GACzD,IAAIA,EAAAA,EAAW,KAAM,UAAW,SAAU,MAAM,GAAM,GACtD,IAAIA,EAAAA,EAAW,KAAM,GAAI,cAAe,MAAM,GAAM,IAIxDuD,cAAe,CAEX,CACIvE,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,YACRC,UAAU,EACVC,aAAa,GAEjB,CACIlF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,YACRE,aAAa,GAEjB,CACIlF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,YACRE,aAAa,GAEjB,CACIlF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,YACRC,UAAU,GAEd,CACIjF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,YACRC,UAAU,GAEd,CACIjF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,aAEZ,CACIhF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRC,aAAc,eACd7B,YAAa,wBACb8B,SAAU,gBACVC,UAAW,yBACXC,SAAU,YACVC,OAAQ,cAIhBG,0BAA2B,CAEvB,IAAInE,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,GAAI,WACrE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAM,GAAI,WACtE,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,EAAM,GAAI,WAClE,IAAIA,EAAAA,EAAW,IAAK,QAAS,QAAS,MAAM,GAAM,EAAO,GAAI,WAC7D,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,OAAO,GAAM,EAAM,GAAI,WACrE,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,OAAO,GAAM,EAAM,GAAI,WACrE,IAAIA,EAAAA,EAAW,IAAK,sBAAuB,gBAAiB,OAAO,GAAM,EAAM,IAC/E,IAAIA,EAAAA,EAAW,IAAK,MAAO,eAAgB,MAAM,GAAM,EAAM,GAAI,WACjE,IAAIA,EAAAA,EAAW,IAAK,GAAI,OAAQ,MAAM,GAAM,EAAO,GAAI,WACvD,IAAIA,EAAAA,EAAW,KAAM,YAAa,YAAa,MAAM,GAAM,EAAM,IACjE,IAAIA,EAAAA,EAAW,KAAM,WAAY,WAAY,OAAO,GAAM,EAAM,KAIpEoE,uBAAwB,CAEpB,CACIpF,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRU,UAAW,eACXC,MAAO,MACPC,UAAW,MACXC,aAAc,KACdC,SAAU,GACVC,UAAW,GACXC,WAAW,EAEXC,cAAe,CAEXC,YAAa,CACTC,QAAS,QACThF,MAAO,QAGXiF,YAAa,CACTD,QAAS,OACThF,MAAO,SAGXkF,cAAe,CACXF,QAAS,WACThF,MAAO,kBAGXmF,aAAc,CACVH,QAAS,cACThF,MAAO,UAGXoF,aAAc,CACVJ,QAAS,aACThF,MAAO,gBAGXqF,YAAa,CACTL,QAAS,YACThF,MAAO,UAGXsF,eAAgB,kDAIxB,CACIpG,GAAI,IACJwE,SAAU,QACVC,UAAW,YACXC,QAAS,gBACTC,OAAQ,gBACRU,UAAW,eACXE,UAAW,IACXC,aAAc,KACdC,SAAU,GACVE,WAAW,EACXC,cAAe,CAEXC,YAAa,CACTC,QAAS,QACThF,MAAO,OAGXiF,YAAa,CACTD,QAAS,OACThF,MAAO,IAGXkF,cAAe,CACXF,QAAS,WACThF,MAAO,IAGXmF,aAAc,CACVH,QAAS,cACThF,MAAO,IAGXoF,aAAc,CACVJ,QAAS,aACThF,MAAO,WAGXqF,YAAa,CACTL,QAAS,YACThF,MAAO,UAGXsF,eAAgB,wDAIxB,CACIpG,GAAI,IACJwE,SAAU,QACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRU,UAAW,eACXE,UAAW,KACXC,aAAc,KACdC,SAAU,GACVG,cAAe,CAEXS,QAAS,CACLP,QAAS,QACThF,MAAO,QAGXwF,QAAS,CACLR,QAAS,OACThF,MAAO,SAGXyF,UAAW,CACPT,QAAS,WACThF,MAAO,kBAGX0F,SAAU,CACNV,QAAS,cACThF,MAAO,UAGX2F,SAAU,CACNX,QAAS,aACThF,MAAO,gBAGX4F,QAAS,CACLZ,QAAS,YACThF,MAAO,UAGXsF,eAAgB,kDAIxB,CACIpG,GAAI,IACJwE,SAAU,WACVC,UAAW,aACXC,QAAS,gBACTC,OAAQ,gBACRU,UAAW,eACXE,UAAW,KACXC,aAAc,KACdC,SAAU,GACVG,cAAe,CAEXS,QAAS,CACLP,QAAS,QACThF,MAAO,QAGXwF,QAAS,CACLR,QAAS,OACThF,MAAO,SAGXyF,UAAW,CACPT,QAAS,WACThF,MAAO,kBAGX0F,SAAU,CACNV,QAAS,cACThF,MAAO,UAGX2F,SAAU,CACNX,QAAS,aACThF,MAAO,gBAGX4F,QAAS,CACLZ,QAAS,YACThF,MAAO,UAGXsF,eAAgB,sD,oBC50BrB,MAAMO,EAAS,sZ,2WCe9B,IAAIC,EAAQ,KAUZ,SAASC,IAEP,OAAGC,EAAMC,IAAYD,EAAMC,IAEpBD,EAAME,OAAOC,IACrB,C,OAbDC,EAAAA,EAAAA,KAAU,KAERN,EAAQ,IAAIO,EAAAA,GAAMC,SAASC,eAAeP,EAAMQ,SAAUR,EAAME,OAAhE,I,+HCbF,MAAMO,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,Q,g/BCFA,MAAM,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,Q,mpQCFA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,64BCGA,MAAMC,GAAaC,EAAAA,EAAAA,KAAS,IAEvBX,EAAMhE,cAAsB,UAC5BgE,EAAMY,WAAmB,UAErB,YAGHC,GAAYF,EAAAA,EAAAA,KAAS,IAEtBX,EAAMhE,cAAsB,kCAC5BgE,EAAMY,WAAmB,UAErB,YAGHE,EAAYzE,IAEhB,OAAQA,GAEN,IAAK,UACH,MAAO,2BAGT,IAAK,MACH,MAAO,wDAGT,IAAK,OACH,MAAO,yDAGT,IAAK,MACH,MAAO,uDAGT,IAAK,OACH,MAAO,sBAnBX,EAyBF,SAAS0E,EAAqBC,GAE5BC,EAAM3F,MAAMqB,oBAAqB,EAEjC,IAEEuE,GAAAA,KAAY,CAAEjE,KAAM,eAAgBkE,OAAQ,CAAEC,MAAOH,EAAM3F,MAAM8F,MAAO/E,KAAM2E,EAAK3E,KAAMnD,GAAI8H,EAAK9H,KAKnG,CAHC,MAAOsD,GAEPyE,EAAM3F,MAAMqB,oBAAqB,CAClC,CAEF,C,6nCC7DD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,WCRO,SAAS0E,GAA6BC,GAEzC,MAAMpB,EAAS,CAEXC,KAAM,MACNmB,KAAM,CACFC,OAAQD,EAAKvI,KAAIyI,GAAQA,EAAKC,QAC9BC,SAAU,CAAC,CACPD,MAAO,iBACPH,KAAMA,EAAKvI,KAAIyI,GAAQA,EAAKxH,QAC5B2H,YAAa,EACbC,gBAAiB,CACb,mBACA,iBACA,oBACA,kBACA,qBACA,2BAKZC,QAAS,CACLC,QAAS,CACLC,OAAQ,CACJC,SAAS,EACTC,SAAU,MACVV,OAAQ,CACJW,SAAU,MAKtBC,YAAY,EACZC,YAAa,GACbC,OAAQ,CAAC,EACTC,OAAQ,CACJC,QAAS,GACTC,KAAM,CACFC,OAAQ,aAOxB,OAAOvC,CAEV,CChDM,SAASwC,GAAkCpB,GAE9C,MAAMpB,EAAS,CAEXC,KAAM,WACNmB,KAAM,CACFC,OAAQD,EAAKvI,KAAIyI,GAAQA,EAAKC,QAC9BC,SAAU,CAAC,CACPD,MAAO,sBACPH,KAAMA,EAAKvI,KAAIyI,GAAQA,EAAKxH,QAC5B2H,YAAa,EACbC,gBAAiB,CACb,UACA,sBACA,sBACA,wBAEJe,OAAQ,MACRC,aAAc,KAItBf,QAAS,CACLC,QAAS,CACLC,OAAQ,CACJC,SAAS,EACTC,SAAU,QACVV,OAAQ,CACJW,SAAU,MAKtBC,YAAY,EACZC,YAAa,GACbC,OAAQ,CAAC,EACTC,OAAQ,CACJC,QAAS,GACTC,KAAM,CACFC,OAAQ,aAOxB,OAAOvC,CAEV,CChDM,SAAS2C,GAAoBvB,GAEhC,MAAMpB,EAAS,CAEXC,KAAM,MACNmB,KAAM,CACFC,OAAQD,EAAKvI,KAAIyI,GAAQA,EAAKC,QAC9BC,SAAU,CAAC,CACPD,MAAO,aACPH,KAAMA,EAAKvI,KAAIyI,GAAQA,EAAKxH,QAC5B2H,YAAa,EACbC,gBAAiB,CACb,qBACA,qBACA,qBACA,qBACA,qBACA,yBAKZC,QAAS,CACLiB,UAAW,IACXhB,QAAS,CACLC,OAAQ,CACJC,SAAS,EACTC,SAAU,MACVV,OAAQ,CACJW,SAAU,MAKtBC,YAAY,EACZC,YAAa,GACbC,OAAQ,CAAC,EACTC,OAAQ,CACJC,QAAS,GACTC,KAAM,CACFC,OAAQ,aAOxB,OAAOvC,CAEV,CCjDM,SAAS6C,GAAwBzB,GAEpC,MAAMpB,EAAS,CAEXC,KAAM,OACNmB,KAAM,CACFC,OAAQD,EAAKvI,KAAIyI,GAAQA,EAAKC,QAC9BC,SAAU,CAAC,CACPD,MAAO,aACPH,KAAMA,EAAKvI,KAAIyI,GAAQA,EAAKxH,QAC5B2H,YAAa,EACbC,gBAAiB,CACb,sBACA,gBACA,wBACA,kBACA,kBACA,oBAKZC,QAAS,CACLC,QAAS,CACLC,OAAQ,CACJC,SAAS,EACTC,SAAU,MACVV,OAAQ,CACJW,SAAU,MAKtBC,YAAY,EACZC,YAAa,GACbC,OAAQ,CAAC,EACTC,OAAQ,CACJC,QAAS,GACTC,KAAM,CACFC,OAAQ,aAOxB,OAAOvC,CAEV,C,aChDc,MAAM8C,GAEjBjJ,cAEIE,KAAKgJ,YAAc,EACnBhJ,KAAKiJ,MAAQ,EACbjJ,KAAKkJ,OAAS,EACdlJ,KAAKmJ,KAAO,CACf,ECNU,MAAMC,GAEjBtJ,cAEIE,KAAKqJ,SAAW,CAEZC,OAAQ,IAAIP,GAEZtH,IAAK,CACD6H,OAAQ,IAAIP,IAEhBpH,KAAM,CACF2H,OAAQ,IAAIP,IAEhBrH,IAAK,CACD4H,OAAQ,IAAIP,IAEhBnH,KAAM,CACF0H,OAAQ,IAAIP,IAEhBlH,QAAS,CACLyH,OAAQ,IAAIP,KAKhB/I,KAAKuJ,WAAa,CAEdD,OAAQ,IAAIP,GAEZtH,IAAK,CACD6H,OAAQ,IAAIP,IAEhBpH,KAAM,CACF2H,OAAQ,IAAIP,IAEhBrH,IAAK,CACD4H,OAAQ,IAAIP,IAEhBnH,KAAM,CACF0H,OAAQ,IAAIP,IAEhBlH,QAAS,CACLyH,OAAQ,IAAIP,IAI3B,E,oqHC1BL,MAAM/B,GAAQwC,EAAAA,EAAAA,MAGRC,GAAwBC,EAAAA,EAAAA,IAAI,IAAIN,IAChCO,GAA8BD,EAAAA,EAAAA,IAAI,IAClCE,GAA0BF,EAAAA,EAAAA,KAAI,GAE9BG,GAAqBH,EAAAA,EAAAA,IAAI,IACzBI,GAA8BJ,EAAAA,EAAAA,IAAI,IAGlC3H,GAAgB2H,EAAAA,EAAAA,IAAI,IACpBK,GAAiBL,EAAAA,EAAAA,IAAI,IACrBM,GAAcN,EAAAA,EAAAA,IAAI,IAClBO,GAAeP,EAAAA,EAAAA,IAAI,IACnB/C,GAAa+C,EAAAA,EAAAA,IAAI,KAEvBvD,EAAAA,EAAAA,KAAU,KAER+D,GAAAA,EAAAA,IAAU,gBAAiB,CAEzBhD,OAAQ,CACNC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,WAGnCC,MAAMC,IAEPZ,EAAsB1J,MAAMsJ,SAASC,OAAON,YAAcqB,EAAShD,KAAKiD,sBAAsBjB,SAASL,YACvGS,EAAsB1J,MAAMsJ,SAASC,OAAOL,MAAQoB,EAAShD,KAAKiD,sBAAsBjB,SAASJ,MACjGQ,EAAsB1J,MAAMsJ,SAASC,OAAOJ,OAASmB,EAAShD,KAAKiD,sBAAsBjB,SAASH,OAClGO,EAAsB1J,MAAMsJ,SAASC,OAAOH,KAAOkB,EAAShD,KAAKiD,sBAAsBjB,SAASF,KAEhGM,EAAsB1J,MAAMwJ,WAAWD,OAAON,YAAeqB,EAAShD,KAAKiD,sBAAsBf,WAAWP,YAC5GS,EAAsB1J,MAAMwJ,WAAWD,OAAOL,MAAQoB,EAAShD,KAAKiD,sBAAsBf,WAAWN,MACrGQ,EAAsB1J,MAAMwJ,WAAWD,OAAOJ,OAASmB,EAAShD,KAAKiD,sBAAsBf,WAAWL,OACtGO,EAAsB1J,MAAMwJ,WAAWD,OAAOH,KAAOkB,EAAShD,KAAKiD,sBAAsBf,WAAWJ,KAEpGM,EAAsB1J,MAAMsJ,SAAS5H,IAAI6H,OAASe,EAAShD,KAAKiD,sBAAsBjB,SAAS5H,IAC/FgI,EAAsB1J,MAAMsJ,SAAS1H,KAAK2H,OAASe,EAAShD,KAAKiD,sBAAsBjB,SAAS1H,KAChG8H,EAAsB1J,MAAMsJ,SAAS3H,IAAI4H,OAASe,EAAShD,KAAKiD,sBAAsBjB,SAAS3H,IAC/F+H,EAAsB1J,MAAMsJ,SAASzH,KAAK0H,OAASe,EAAShD,KAAKiD,sBAAsBjB,SAASzH,KAChG6H,EAAsB1J,MAAMsJ,SAASxH,QAAQyH,OAASe,EAAShD,KAAKiD,sBAAsBjB,SAASxH,QAEnG4H,EAAsB1J,MAAMwJ,WAAW9H,IAAI6H,OAASe,EAAShD,KAAKiD,sBAAsBf,WAAW9H,IACnGgI,EAAsB1J,MAAMwJ,WAAW5H,KAAK2H,OAASe,EAAShD,KAAKiD,sBAAsBf,WAAW5H,KACpG8H,EAAsB1J,MAAMwJ,WAAW7H,IAAI4H,OAASe,EAAShD,KAAKiD,sBAAsBf,WAAW7H,IACnG+H,EAAsB1J,MAAMwJ,WAAW3H,KAAK0H,OAASe,EAAShD,KAAKiD,sBAAsBf,WAAW3H,KACpG6H,EAAsB1J,MAAMwJ,WAAW1H,QAAQyH,OAASe,EAAShD,KAAKiD,sBAAsBf,WAAW1H,QAEvG8H,EAA4B5J,MAAQsK,EAAShD,KAAKiD,sBAAsBC,KAAO,MAAQF,EAAShD,KAAKiD,sBAAsBE,GAE3HH,EAAShD,KAAKwC,mBAAmBY,SAAQX,EAA4B/J,MACjEsK,EAAShD,KAAKwC,mBAAmBU,KAAO,MAAQF,EAAShD,KAAKwC,mBAAmBW,IAErFZ,EAAwB7J,OAAQ,EAEhC8J,EAAmB9J,MAAQsK,EAAShD,KAAKwC,mBAAmBxC,KAC5DtF,EAAchC,MAAQsK,EAAShD,KAAKtF,cACpCgI,EAAehK,MAAQsK,EAAShD,KAAK0C,eACrCC,EAAYjK,MAAQsK,EAAShD,KAAK2C,YAClCC,EAAalK,MAAQsK,EAAShD,KAAK4C,aACnCtD,EAAW5G,MAAQsK,EAAShD,KAAKV,UAAjC,IAEC+D,OAAM,SAAUnI,GAEjByE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,oCAEpD,GAjDD,IAqDF,MAAM8J,EAAgB,CAEpB,CACEnD,MAAO,KACPzH,MAAO,KAET,CACEyH,MAAO,SACPzH,MAAO,IAET,CACEyH,MAAO,SACPzH,MAAO,GAET,CACEyH,MAAO,KACPzH,MAAO,IAET,CACEyH,MAAO,YACPzH,MAAO,IAET,CACEyH,MAAO,QACPzH,MAAO,KAyBL6K,EAAsBxD,GAA6BuD,GAEnDE,GAA2BnE,EAAAA,EAAAA,KAAS,IAEjC+B,GAAkCoB,EAAmB9J,SAIxD+K,GAA4BpE,EAAAA,EAAAA,KAAS,IAElCmD,EAAmB9J,MAAM0K,OAAS,IAI3B7B,GAAoB+B,GACpB7B,GAAwB6B,G,27HCzJxC,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,qQCFA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,wsCCJkBI,EAAAA,EAAAA,IAAO,aAAzB,MAEM/D,GAAQwC,EAAAA,EAAAA,M,uMCAd,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,wHCFOwB,MAAM,kC,YACTC,EAAAA,EAAAA,GAAsD,OAAjDC,MAAA,sBAAyB,sBAAkB,K,YAChDD,EAAAA,EAAAA,GAAuH,QAAjHC,MAAA,sBAAyB,qFAAiF,K,YAChHD,EAAAA,EAAAA,GAgBK,YAfHA,EAAAA,EAAAA,GAEK,UAFD,4DAGJA,EAAAA,EAAAA,GAEK,UAFD,sDAGJA,EAAAA,EAAAA,GAEK,UAFD,wFAGJA,EAAAA,EAAAA,GAEK,UAFD,gEAGJA,EAAAA,EAAAA,GAEK,UAFD,sFAbN,K,IAFAE,GACAC,GACAC,I,mCAHFC,EAAAA,EAAAA,IAoBM,MApBN,GAoBMC,G,CCzBR,MAAM,GAAS,CAAC,EAKV,IAA2B,OAAgB,GAAQ,CAAC,CAAC,SAASC,IAAQ,CAAC,YAAY,qBAEzF,U,y1DC6BA,MAAMC,GAAoB/B,EAAAA,EAAAA,IAAI,MACxBgC,GAAwBhC,EAAAA,EAAAA,IAAI,MAC5BiC,GAAYjC,EAAAA,EAAAA,IAAI,IAChBkC,GAAclC,EAAAA,EAAAA,IAAI,IAClBmC,GAAiBnC,EAAAA,EAAAA,IAAI,IACrBoC,GAAepC,EAAAA,EAAAA,KAAI,GACnBqC,GAAarC,EAAAA,EAAAA,IAAI,MACjBsC,GAAYtC,EAAAA,EAAAA,IAAI,MAChBuC,GAA0BvC,EAAAA,EAAAA,KAAI,GAEpC,IAAIwC,EAAkB,GACGxC,EAAAA,EAAAA,OAEzBvD,EAAAA,EAAAA,KAAU,KAERwF,EAAU5L,MAAQoM,KAAKC,MAAMD,KAAKE,UAAUtG,EAAM3C,aAElDkJ,GAAmB,IAIrB,MAAMC,GAAgB7F,EAAAA,EAAAA,KAAS,IAEtBX,EAAMyG,QAAQC,QAAOC,IAAmB,IAAdA,EAAErM,YAG/BsM,GAAajG,EAAAA,EAAAA,KAAS,IAEnBX,EAAM6G,OAAS,OAGlBC,GAAgBnG,EAAAA,EAAAA,KAAS,IAEtBX,EAAM6G,OAAS,IAAM,OAIxBE,GAAYpG,EAAAA,EAAAA,KAAS,KAEzB,GAAIiF,EAAU5L,MAAM0K,OAAS,EAE3B,OAAOkB,EAAU5L,MAAM0M,QAAO,CAACM,EAAKC,KAKlC,IAAIC,GAAclH,EAAMmH,YAAc,GAAKnH,EAAMoH,SAC7CC,EAAWrH,EAAMmH,YAAcnH,EAAMoH,SAGzC,GAAIH,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACR,GAGJ,IAGH,SAASC,EAAcL,GACrB,OAAOjH,EAAM3C,WAAW4J,EACzB,CAED,SAASM,EAAgBP,EAAK5M,EAAKoN,GAEjC,OAAIA,GAGwB,kBAAdR,EAAI5M,IAEV4M,EAAI5M,GAAa4M,EAAI5M,EAO9B,CAED,SAASqN,EAAgBnO,EAAGkO,GAE1B9B,EAAkB1L,MAAQgG,EAAMyG,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAOsO,EAAOtO,KAEnC,OAAhCyM,EAAsB3L,MAMtBwN,EAAOjN,SAETjB,EAAEsO,iBANFtO,EAAEsO,gBAUL,CAED,SAASC,EAAevO,GAGtB,OADAA,EAAEsO,kBACK,CACR,CAED,SAASE,EAAWxO,EAAGyO,GAErBzO,EAAE0O,kBAEF,IAAIC,EAA4BjI,EAAMyG,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAO6O,EAAsB7O,KAExFwM,EAAkB1L,QAAUiO,GAA8BF,EAAsBxN,UAE9E0N,EAA4BvC,EAAkB1L,OAEhDgG,EAAMyG,QAAQyB,OAAOD,EAA2B,EAAGjI,EAAMyG,QAAQf,EAAkB1L,QACnFgG,EAAMyG,QAAQyB,OAAOxC,EAAkB1L,MAAQ,EAAG,KAIlDgG,EAAMyG,QAAQyB,OAAOD,EAA4B,EAAG,EAAGjI,EAAMyG,QAAQf,EAAkB1L,QACvFgG,EAAMyG,QAAQyB,OAAOxC,EAAkB1L,MAAO,IAI5CgG,EAAMmI,eAAeC,EAAM,cAGlC,CAED,SAASC,EAAgBpB,GAEvB,GAAc,IAAVA,EAAa,OAAO,EAExB,IAAIqB,EAAmBC,SAAS/B,EAAcxM,MAAM,GAAGK,OAAS,GAC5DA,EAAQkO,SAAS/B,EAAcxM,MAAMiN,EAAQ,GAAG5M,OAAS,GAE7D,GAAc,IAAV4M,EAAa,OAAOqB,EAAmB,KAE3C,GAAc,IAAVrB,EAGF,OADAd,EAAkB9L,EAAQiO,EACnBjO,EAAQiO,EAAmB,KAGpC,IAAIE,EAAerC,EAInB,OAFAA,EAAkB9L,EAAQ8L,EAEtBK,EAAcxM,MAAMiN,GAAO1M,QAAgBF,EAAQmO,EAAe,UAAtE,CAED,CAED,SAASC,EAAKxB,GAEZ,GAAIT,EAAcxM,MAAMiN,GAAO1M,QAE7B,OAAO,EAGV,CAED,SAASmO,EAAelB,EAAQR,EAAKC,GAI/BO,EAAOjN,UACXyM,EAAI5I,aAAe4I,EAAI5I,YAUxB,CAUD,SAASuK,IAEP,OAAO1N,KAAK2N,KAAK/C,EAAY7L,MAAM0K,OAASoB,EAAe9L,MAE5D,CAED,SAAS6O,IAEP,OAAOhD,EAAY7L,MAAM0M,QAAO,CAACM,EAAKC,KAEpC,IAAIC,GAAclH,EAAM8I,uBAAyB,GAAKhD,EAAe9L,MACjEqN,EAAWrH,EAAM8I,uBAAyBhD,EAAe9L,MAE7D,GAAIiN,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACR,GAIJ,CAED,SAASd,IAEPV,EAAY7L,MAAQ,GAEpB,IAAI+O,EAAU9N,KAAK2N,KAAKhD,EAAU5L,MAAM0K,OAAS1E,EAAMoH,UAEvD,IAAK,IAAIO,EAAI,EAAGA,EAAIoB,EAASpB,IAE3B9B,EAAY7L,MAAMgP,KACd,CACEC,OAAQtB,EAAI,EACZuB,UAAU,GAInB,CAED,SAASC,IAEHnJ,EAAM8I,uBAAyBH,KACjCP,EAAM,gCAAiCpI,EAAM8I,uBAAyB,EACzE,CAED,SAASM,IAEHpJ,EAAM8I,uBAAyB,GAAGV,EAAM,gCAAiCpI,EAAM8I,uBAAyB,EAC7G,CAED,SAASO,EAAiB/P,EAAG2N,EAAOO,GAElClO,EAAEsO,iBAEEJ,EAAOjN,UACToL,EAAsB3L,MAAQ2L,EAAsB3L,MAAQ,KAAS2L,EAAsB3L,MAAQiN,EACtG,CAED,SAASqC,IAEPC,aAAatD,EAAUjM,OACvBuP,aAAavD,EAAWhM,MACzB,CAED,SAASwP,IAEPxD,EAAWhM,MAAQyP,YAAW,IAAM9D,EAAsB3L,MAAQ,MAAM,KAErEgG,EAAMmI,gBAEPlC,EAAUjM,MAAQyP,YAAW,IAAOC,KAAyB,KAEhE,CAED,SAASA,IAEJ1J,EAAMmI,eAAeC,EAAM,cAAc,EAC7C,CAED,SAASuB,EAAmBC,GAE1B,OAAIA,EAAIrP,QACD,uBADiB,2CAEzB,CAED,SAASsP,IAEP7J,EAAMyG,QAAQqD,SAAQ,SAAU9I,GAC9BA,EAAK1G,SAAU,CAChB,IACD0F,EAAMyG,QAAQsD,MAAK,CAACC,EAAGC,IACdD,EAAE9Q,GAAK+Q,EAAE/Q,IAEnB,CAED,SAASgR,IAEPnE,EAAa/L,OAAS+L,EAAa/L,KAEpC,CAED,SAASmQ,IAEPnK,EAAMyG,QAAQqD,SAAQF,KAEhBA,EAAIrP,SAAW2L,EAAwBlM,QAAO4P,EAAItP,SAAU,GAC5DsP,EAAIrP,SAAY2L,EAAwBlM,QAAO4P,EAAItP,SAAU,EAAd,GAItD,CAED,SAAS8P,EAAU9Q,EAAG+Q,GAEpB/Q,EAAEsO,iBAEF,IAEE0C,UAAUC,UAAUC,UAAUH,EAK/B,CAHC,MAAO7N,GAEPiO,QAAQC,IAAI,iEAAkElO,EAC/E,CAEF,C,y/ICnVD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,0QCFMmO,IAFQlH,EAAAA,EAAAA,OAEAmH,EAAAA,EAAAA,OACRC,GAAWlH,EAAAA,EAAAA,IAAI,IAQrB,SAASmH,EAAQC,EAAMC,GAErB,MAAO,mBAA+BA,EAA/B,YAAmED,EAAO,MAClF,CAED,SAASE,EAAeC,GAEtB9C,EAAM,qBAAsB8C,EAAIjO,MAChCmL,EAAM,iBAAkB8C,EACzB,C,OAGDP,EAAMQ,UAAUrB,SAAQ9I,IAEnBA,EAAKhB,OACR6K,EAAS7Q,MAAMgP,KAAK,CAAC/L,KAAM+D,EAAKhB,MAAM/C,KAAM8N,KAAM/J,EAAKhB,MAAM+K,KAAMK,UAAWpK,EAAKhB,MAAMoL,UACvFJ,UAAWhK,EAAKhB,MAAMgL,UAAWK,SAASrK,EAAKhB,MAAMmF,OADvD,I,2rBCzBF,MAAM,GAAc,GAEpB,U,gKCGc1B,EAAAA,EAAAA,M,4HCPd,MAAM,GAAc,GAEpB,UCHO,MAAM6H,GAETvR,cAEQE,KAAKf,GAAK,KACVe,KAAKiC,UAAY,GACjBjC,KAAKgC,YAAc,GACnBhC,KAAKoC,KAAO,GACZpC,KAAKsR,YAAc,GACnBtR,KAAKuR,cAAgB,GAErBvR,KAAKwR,eAAiB,CAClBC,aAAc,GACdC,aAAc,GACdC,aAAc,GACdC,aAAc,GACdC,SAAU,GACVC,QAAS,GACTC,UAAW,IAGf/R,KAAKgS,eAAiB,CAClBhP,KAAM,GACNgF,SAAU,GACV+J,UAAW,IAGf/R,KAAKiS,cAAgB,GACrBjS,KAAKkS,qBAAuB,GAE5BlS,KAAKmS,iBAAmB,CACpBV,aAAc,GACdC,aAAc,GACdC,aAAc,GACdC,aAAc,GACdC,SAAU,GACVC,QAAS,GACTC,UAAW,IAGf/R,KAAKoS,iBAAkB,CACnBpP,KAAM,GACNgF,SAAU,GACV+J,UAAW,IAGf/R,KAAKqS,mBAAqB,CACtBC,IAAK,KACLC,OAAQ,KACRC,aAAc,KACdC,KAAM,KACNC,YAAa,IAGjB1S,KAAK2S,qBAAuB,CAExBC,YAAa,CACT,IAAI3S,EAAAA,EAAW,IAAK,SAAU,aAAc,MAAM,GAClD,IAAIA,EAAAA,EAAW,IAAK,UAAW,cAAe,MAAM,GACpD,IAAIA,EAAAA,EAAW,IAAK,YAAa,gBAAiB,MAAM,GACxD,IAAIA,EAAAA,EAAW,IAAK,UAAW,cAAe,MAAM,GACpD,IAAIA,EAAAA,EAAW,IAAK,UAAW,cAAe,MAAM,GACpD,IAAIA,EAAAA,EAAW,IAAK,UAAW,cAAe,MAAM,GACpD,IAAIA,EAAAA,EAAW,IAAK,WAAY,eAAgB,MAAM,IAG1D4S,MAAO,CACH,CACIC,WAAY,CACRC,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZC,YAAa,CACTH,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZE,cAAe,CACXJ,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZG,YAAa,CACTL,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZI,YAAa,CACTN,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZK,YAAa,CACTP,IAAK,GACLC,OAAQ,GACRC,OAAQ,IAGZM,aAAc,CACVR,IAAK,GACLC,OAAQ,GACRC,OAAQ,MAMpBO,WAAY,CACR,CACIvU,GAAI,GACJwU,SAAU,GACVC,UAAW,GACXhP,SAAU,MAMtB1E,KAAK2T,oBAAsB,CAEvBC,UAAW,8BAEXnS,IAAK,CACDoS,aAAc,GACdC,mBAAoB,GACpBC,UAAW,GACXC,KAAM,GACNC,WAAY,IAGhBvS,IAAK,CACDwS,SAAU,GACVC,IAAK,GACLC,OAAQ,GACRC,aAAc,GACdC,cAAc,EACdC,YAAa,IAGjB1S,QAAS,CACL2S,kBAAmB,GACnBC,QAAS,GACTC,QAAS,GACTC,QAAS,GACTC,cAAe,GACf7U,MAAO,KAIfC,KAAK6U,iBAAmB,GAuBxB7U,KAAK8U,eAAiB,GAEtB9U,KAAK+U,WAAa,CACd,CACIC,WAAY,GACZtC,YAAa,GACbJ,IAAK,GACL2C,YAAa,GACbxC,KAAM,GACNyC,WAAY,GACZC,UAAW,GACXC,UAAW,GACX7B,aAAc,GACd8B,YAAa,KAIrBrV,KAAKsV,sBAAyB,CAC1B,CACIC,SAAU,GACVvT,YAAa,GACbuR,aAAc,GACdN,OAAQ,GACRuC,WAAY,GACZC,QAAS,GACTnD,IAAK,GACLC,OAAQ,GACRG,YAAa,GACbgD,gBAAiB,GACjBC,QAAS,GACTC,QAAS,KAIjB5V,KAAK6V,QAAU,EAUtB,EC7NU,MAAMC,GACjBhW,cAEIE,KAAK+V,MAAQ,CAETC,OAAQ,MACRvU,IAAK,MACLE,KAAM,OACND,IAAK,MACLE,KAAM,OACNC,QAAS,UACTC,MAAO,SAGX9B,KAAKiW,wBAA0B,CAE3BxU,IAAK,EACLE,KAAM,EACND,IAAK,EACLE,KAAM,EACNC,QAAS,EACTC,MAAO,GAGX9B,KAAKkW,kCAAoC,CAErCzU,IAAK,EACLE,KAAM,EACND,IAAK,EACLE,KAAM,EACNC,QAAS,EACTC,MAAO,GAGX9B,KAAKmW,cAAgB,CAEjB1U,IAAK,GACLE,KAAM,GACND,IAAK,GACLE,KAAM,GACNC,QAAS,GACTC,MAAO,IAIX9B,KAAKoW,mBAAqB,CAEtB3U,IAAK,CAACuB,KAAM,MAAOqT,QAAQ,GAC3B1U,KAAK,CAACqB,KAAM,OAAQqT,QAAQ,GAC5B3U,IAAK,CAACsB,KAAM,MAAOqT,QAAQ,GAC3BzU,KAAM,CAACoB,KAAM,OAAQqT,QAAQ,GAC7BxU,QAAS,CAACmB,KAAM,UAAWqT,QAAQ,GACnCvU,MAAO,CAACkB,KAAM,QAASqT,QAAQ,IAInCrW,KAAKsW,aAAe,GACpBtW,KAAKuW,oBAAqB,EAC1BvW,KAAKwW,yBAA2B,GAChCxW,KAAKyW,kBAAoB,GACzBzW,KAAK0W,sBAAwB,KAC7B1W,KAAK2W,2BAA4B,EACjC3W,KAAK4W,oBAAsB,GAC3B5W,KAAK6W,wBAA0B,uBAC/B7W,KAAK8W,qBAAsB,EAC3B9W,KAAK+W,4BAA8B,MACnC/W,KAAK6O,uBAAyB,EAE9B7O,KAAKgX,aAAe,IAAI3F,GAIxBrR,KAAKiX,mBAAqB,CAEtBC,YAAa,CAET,IAAIjX,EAAAA,EAAW,IAAI,YAAa,WAAY,OAAO,GACnD,IAAIA,EAAAA,EAAW,IAAI,WAAY,cAAe,OAAO,GAAM,EAAO,IAClE,IAAIA,EAAAA,EAAW,IAAI,WAAY,eAAgB,MAAM,GACrD,IAAIA,EAAAA,EAAW,IAAI,cAAe,aAAc,OAAO,GACvD,IAAIA,EAAAA,EAAW,IAAI,UAAW,UAAW,OAAO,GAAM,EAAO,IAC7D,IAAIA,EAAAA,EAAW,IAAI,SAAU,MAAO,MAAM,GAC1C,IAAIA,EAAAA,EAAW,IAAI,SAAU,SAAU,MAAM,GAC7C,IAAIA,EAAAA,EAAW,IAAI,cAAe,cAAe,OAAO,GAAM,EAAO,IACrE,IAAIA,EAAAA,EAAW,IAAI,kBAAmB,kBAAmB,OAAO,GAAM,EAAO,IAC7E,IAAIA,EAAAA,EAAW,KAAK,WAAY,UAAW,OAAO,GAAM,EAAO,IAC/D,IAAIA,EAAAA,EAAW,KAAK,WAAY,UAAW,MAAM,GACjD,IAAIA,EAAAA,EAAW,KAAK,SAAU,kBAAmB,OAAO,GAAO,EAAM,MAK7ED,KAAK+U,WAAa,CAEdmC,YAAa,CACT,IAAIjX,EAAAA,EAAW,IAAI,0BAA2B,YAAa,OAAO,GAClE,IAAIA,EAAAA,EAAW,IAAI,cAAe,aAAc,OAAO,GACvD,IAAIA,EAAAA,EAAW,IAAI,GAAI,WAAY,MAAM,GACzC,IAAIA,EAAAA,EAAW,IAAI,oBAAqB,cAAe,OAAO,GAAM,EAAO,IAC3E,IAAIA,EAAAA,EAAW,IAAI,SAAU,MAAO,MAAM,GAC1C,IAAIA,EAAAA,EAAW,IAAI,eAAgB,cAAe,MAAM,GACxD,IAAIA,EAAAA,EAAW,IAAI,OAAQ,OAAQ,MAAM,GAAM,EAAO,IACtD,IAAIA,EAAAA,EAAW,IAAI,cAAe,aAAc,OAAO,GAAM,EAAO,IACpE,IAAIA,EAAAA,EAAW,KAAK,eAAgB,YAAa,MAAM,GAAM,EAAO,GACpE,IAAIA,EAAAA,EAAW,KAAK,YAAa,YAAa,OAAO,GACrD,IAAIA,EAAAA,EAAW,KAAK,eAAgB,eAAgB,MAAM,GAAM,EAAM,IACtE,IAAIA,EAAAA,EAAW,KAAK,eAAgB,cAAe,MAAM,GAAM,EAAM,MAM7ED,KAAK6V,QAAU,CAEXqB,YAAa,CAET,IAAIjX,EAAAA,EAAW,IAAI,sBAAuB,MAAO,OAAO,GAAM,EAAO,IACrE,IAAIA,EAAAA,EAAW,IAAI,aAAc,YAAa,MAAM,GAAM,EAAM,IAChE,IAAIA,EAAAA,EAAW,IAAI,kBAAmB,mBAAoB,MAAM,GAAM,EAAM,MAIpFD,KAAKmX,wBAA0B,CAE3BD,YAAa,CACT,IAAIjX,EAAAA,EAAW,IAAK,GAAI,WAAY,MAAM,GAAM,GAChD,IAAIA,EAAAA,EAAW,IAAK,GAAI,aAAc,MAAM,GAAM,GAClD,IAAIA,EAAAA,EAAW,IAAK,gBAAiB,eAAgB,OAAO,GAAM,EAAO,IACzE,IAAIA,EAAAA,EAAW,IAAK,WAAY,WAAY,OAAO,GAAM,EAAM,IAC/D,IAAIA,EAAAA,EAAW,IAAK,eAAgB,cAAe,OAAO,GAAM,EAAO,IACvE,IAAIA,EAAAA,EAAW,IAAK,QAAS,SAAU,MAAM,GAAM,EAAM,IACzD,IAAIA,EAAAA,EAAW,IAAK,eAAgB,cAAe,OAAO,GAAM,EAAM,IACtE,IAAIA,EAAAA,EAAW,IAAK,OAAQ,OAAQ,OAAO,GAAM,EAAM,MAO/DD,KAAKoX,eAAiB,CAElBF,YAAa,CAET,IAAIjX,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,IACjE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAM,IAClE,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,EAAM,IAC9D,IAAIA,EAAAA,EAAW,IAAK,WAAY,cAAe,OAAO,GAAM,EAAO,IACnE,IAAIA,EAAAA,EAAW,IAAK,WAAY,WAAY,MAAM,GAAM,EAAM,IAC9D,IAAIA,EAAAA,EAAW,IAAK,0CAA2C,gBAAiB,OAAO,GAAM,EAAM,KAIvGoX,qBAAsB,CAAC,EAEvBC,UAAW,CACP,CACIrY,GAAI,IACJwE,SAAU,kBACVC,UAAW,WACXC,QAAS,eACT4T,SAAU,KACV7S,SAAU,WAEVG,cAAe,CACXS,QAAS,CACLP,QAAS,0BACThF,MAAO,MAEXwF,QAAS,CACLR,QAAS,QACThF,MAAO,OAEXyF,UAAW,CACPT,QAAS,aACThF,MAAO,aAEX0F,SAAU,CACNV,QAAS,gBACThF,MAAO,mBAEX2F,SAAU,CACNX,QAAS,6BACThF,MAAO,4BAEX4F,QAAS,CACLZ,QAAS,QACThF,MAAO,gBAGXsF,eAAgB,sBAKxB,CACIpG,GAAI,IACJwE,SAAU,kBACVC,UAAW,UACXC,QAAS,eACT0B,eAAgB,oBAChBkS,SAAU,KACV7S,SAAU,WAEVG,cAAe,CACXS,QAAS,CACLP,QAAS,aACThF,MAAO,IAEXwF,QAAS,CACLR,QAAS,WACThF,MAAO,IAEXyF,UAAW,CACPT,QAAS,OACThF,MAAO,SAEX0F,SAAU,CACNV,QAAS,aACThF,MAAO,aAEX2F,SAAU,CACNX,QAAS,6BACThF,MAAO,4BAEX4F,QAAS,CACLZ,QAAS,cACThF,MAAO,aAGXsF,eAAgB,yLAKxB,CACIpG,GAAI,IACJwE,SAAU,kBACVC,UAAW,aACXC,QAAS,eACT4T,SAAU,IACV7S,SAAU,WACVG,cAAe,CACXS,QAAS,CACLP,QAAS,OACThF,MAAO,UAEXwF,QAAS,CACLR,QAAS,cACThF,MAAO,WAEXyF,UAAW,CACPT,QAAS,OACThF,MAAO,SAEX0F,SAAU,CACNV,QAAS,aACThF,MAAO,aAEX2F,SAAU,CACNX,QAAS,6BACThF,MAAO,4BAEX4F,QAAS,CACLZ,QAAS,QACThF,MAAO,gBAGXsF,eAAgB,wBAQhCrF,KAAKwX,kBAAoB,EAE5B,E,iNClRL,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRe,MAAMC,GAAsB,wCAE1B,KAF0B,mBAGhC,KAHgC,sBAI7B,GAJ6B,E,iECMnCxY,GAAG,uCAAuC+L,MAAM,8B,IAC/CA,MAAM,sB,YAAqBC,EAAAA,EAAAA,GAA8E,KAA3ED,MAAM,uBAAuBE,MAAA,wCAAhC,W,mCADlCI,EAAAA,EAAAA,IAMM,MANN,GAMM,EALJL,EAAAA,EAAAA,GAIM,MAJN,GAIM,CAJ0BG,IAC9BH,EAAAA,EAAAA,GAEM,aADJyM,EAAAA,EAAAA,IAAaC,EAAAA,OAAA,kBAAAC,GAAA,Q,CCRrB,MAAM,GAAS,CAAC,EAKV,IAA2B,OAAgB,GAAQ,CAAC,CAAC,SAAS,IAAQ,CAAC,YAAY,qBAEzF,U,24CCFA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,WCRO,SAASC,GAAqBxN,GAEjC,MAAMyN,EAAOzR,SAAS0R,cAAc,KAEpCD,EAAKE,KAAOC,OAAOC,IAAIC,gBAAgB,IAAIC,KAAK,CAAC/N,EAAShD,QAE1D,IAAIgR,EAAqBhO,EAASiO,QAAQ,uBAAuBC,MAAM,aACnEC,EAAWH,EAAmB,GAAGE,MAAM,KAAK,GAEhDT,EAAKW,aAAa,WAAYD,GAE9BnS,SAASqS,KAAKC,YAAYb,GAE1BA,EAAKc,OACR,CCXM,SAASC,GAAoB5Z,EAAI6Z,EAAO9R,EAAO+R,GAElD,IAAI3W,EAAO2W,EAAUvC,yBAA2BuC,EAAUvC,yBAA2BsC,EAAM5R,OAAO9E,KAElG8H,GAAAA,EAAAA,IAAU,sBAAuB,CAE7BhD,OAAQ,CACJC,MAAQH,EAAM3F,MAAM8F,MACpB6R,WAAY/Z,EACZmD,KAAMA,KAEXgI,MAAMC,IAELrD,EAAM3F,MAAMqB,oBAAqB,EACjCqW,EAAUzC,aAAejM,EAAShD,IAAlC,IAEDqD,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,+BAEtD,IAEDkY,EAAUxC,oBAAqB,CAElC,C,uBCtBD,IAEI0C,uBAAuBha,EAAI6Z,GAEvB,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAW,eAAcjL,IAAM,CAElDiI,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,SAGxBuD,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,uBAAuBH,EAAOI,EAAS9W,EAAO,MAE1C,MAAMiI,QAAiBH,GAAAA,EAAAA,IAAW,YAAWgP,KAAWJ,EAAM5R,OAAOjI,KAAM,CAEvEiI,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClC/H,KAAMA,KAIXsI,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,sCAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,yBAAyBH,EAAOK,GAE5B,IAAIC,EAAeN,EAAM5R,OAAOgS,QAEZ,mBAAjBE,GAAsD,mBAAjBA,IAAmCA,EAAe,MAE1F,MAAM/O,QAAiBH,GAAAA,EAAAA,IAAU,oBAAqB,CAElDhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,OACjCC,kBAAmBH,EACnB/W,KAAMgX,KAGX1O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,qBAAqBH,EAAOS,EAAYC,GAEpC,MAAMnP,QAAiBH,GAAAA,EAAAA,IAAU,mBAAoB,CAEjDhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBoS,WAAYA,EACZnX,KAAK0W,EAAM5R,OAAOgS,QAClBO,aAAcD,KAInB9O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,8BAA8BH,GAE1B,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAU,+BAAgC,CAE7DhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,UAItC3O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,gCAAgCH,GAE5B,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAU,iCAAkC,CAE/DhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,UAItC3O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,0BAA0BH,EAAOY,EAAaC,GAE1C,MAAMtP,QAAiBH,GAAAA,EAAAA,IAAW,sBAAqByP,IAAc,CAEjEzS,OAAQ,CAEJqS,WAAYG,EACZL,OAAQrS,EAAM3F,MAAME,aAAa8X,OACjClS,MAAQH,EAAM3F,MAAM8F,MACpBgD,QAASnD,EAAM3F,MAAME,aAAa4I,WAGvCO,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAGD4R,kBAAkBW,EAAMV,EAASJ,GAE7B,MAAMzO,QAAiBH,GAAAA,EAAAA,KAAY,eAAc0P,IAAQV,EAAS,CAE9DhS,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,UAItC3O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,0BAA0BY,EAAMC,EAAYhB,GAExC,MAAMzO,QAAiBH,GAAAA,EAAAA,KAAW,uCAAwC2P,EAAM,CAE5E3S,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnB2S,WAAYA,KAGjBpP,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,4CAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,kBAAkBc,EAAOC,EAAalB,EAAO1W,EAAO,MAEhD,MAAM6X,EAAuB,CACzB9S,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,OACjCjX,KAAMA,GAGJ8X,EAAuB,CACzB/S,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,OACjCC,kBAAmB,iCAGvB,IAAIa,EAAY,GAEmBA,EAAnB,mBAAhBH,EAA+CC,EAAmCC,EAElF,MAAM7P,QAAiBH,GAAAA,EAAAA,KAAY,YAAW8P,IAAeD,EAAO,CAEhE7S,OAAQiT,IAETzP,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,0BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,mBAAmBM,EAAYT,GAE3B,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAU,yBAA0B,CAEvDkQ,aAAc,OACdlT,OAAQ,CAEJmT,cAAerT,EAAM3F,MAAME,aAAa4I,QACxChD,MAAOH,EAAM3F,MAAM8F,MACnBoS,WAAYA,EACZe,eAAgBtT,EAAM3F,MAAME,aAAa8X,UAE9C3O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,6BAEtD,IAED,OAAOwJ,GAAsB,IAChC,EAGD4O,mBAAmBH,EAAO5S,EAAO,OAE7B,MAAMmE,QAAiBH,GAAAA,EAAAA,IAAU,oBAAqB,CAElDhD,OAAQ,CAEJmT,cAAerT,EAAM3F,MAAME,aAAa4I,QACxChD,MAAOH,EAAM3F,MAAM8F,MACnBmT,eAAgBtT,EAAM3F,MAAME,aAAa8X,OACzCkB,WAAYrU,KAEjBwE,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,sBAAsBH,GAElB,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAW,YAAW4O,EAAM5R,OAAO9E,QAAQ0W,EAAM5R,OAAOjI,KAAM,CAEjFiI,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCmQ,eAAgBtT,EAAM3F,MAAME,aAAa8X,UAG9C3O,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,+BACnDmG,EAAM3F,MAAMqB,oBAAqB,CAEpC,IAED,OAAO2H,EAAWA,EAAShD,KAAO,IACrC,EAED4R,sBAAsBM,EAAYT,EAAO5S,GAErC,MAAMmE,QAAiBH,GAAAA,EAAAA,IAAU,wBAAyB,CAEtDhD,OAAQ,CAEJqS,WAAYA,EACZc,cAAerT,EAAM3F,MAAME,aAAa4I,QACxChD,MAAOH,EAAM3F,MAAM8F,MACnBmT,eAAgBtT,EAAM3F,MAAME,aAAa8X,OACzCkB,WAAYrU,KAEjBwE,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,gCAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,sBAAsB/B,GAElB,MAAM7M,EAAWH,GAAAA,EAAAA,KAAW,6BAA8BgN,GAAaxM,OAAM,SAAUnI,GAEnFyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,uBAAuB7W,GAEnB,MAAMiI,QAAiBH,GAAAA,EAAAA,IAAU,+BAAgC,CAE7DhD,OAAQ,CAEJsT,WAAYxT,EAAM3F,MAAME,aAAa8X,OACrCjX,KAAMA,KAGXsI,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,wBAAwBH,GAEpB,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAU,mBAAoB,CAEjDhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,WAGvCO,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,wBAAwBH,EAAOjV,GAE3B,MAAMwG,QAAiBH,GAAAA,EAAAA,IAAU,kBAAmB,CAEhDhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBsT,mBAAoB5W,KAGzB6G,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,qBAAqBH,GAEjB,MAAMzO,QAAiBH,GAAAA,EAAAA,IAAU,mBAAoB,CAEjDhD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,WAGvCO,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAGD4R,oBAAoBH,EAAO4B,EAAOC,GAE9B,MAAMtQ,QAAiBH,GAAAA,EAAAA,KAAW,yBAA0ByQ,EAAgB,CAExEzT,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCyQ,MAAOF,KAIZhQ,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,kBAAkBH,EAAO6B,EAAgBE,GAErC,MAAMxQ,QAAiBH,GAAAA,EAAAA,KAAY,SAAQ2Q,WAAcF,EAAgB,CAErEzT,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,WAGvCO,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IACrC,EAED4R,uBAAuBH,EAAOK,GAE1B,MAAM9O,QAAiBH,GAAAA,EAAAA,IAAU,iBAAkB,CAE/ChD,OAAQ,CAEJC,MAAOH,EAAM3F,MAAM8F,MACnBgD,QAASnD,EAAM3F,MAAME,aAAa4I,QAClCkP,OAAQrS,EAAM3F,MAAME,aAAa8X,OACjCC,kBAAmBH,KAGxBzO,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAED4R,2BAA2BH,EAAOgC,GAE9B,MAAMzQ,QAAiBH,GAAAA,EAAAA,IAAU,qBAAsB,CAEnDhD,OAAQ,CAEJ4T,UAAWA,EACX3Q,QAASnD,EAAM3F,MAAME,aAAa4I,QAClChD,MAAOH,EAAM3F,MAAM8F,SAGxBuD,OAAM,SAAUnI,GAEfyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,8BAEtD,IAED,OAAOwJ,EAAWA,EAAShD,KAAO,IAErC,EAED4R,sBAAsBI,GAElB,MAAMhP,EAAYH,GAAAA,EAAAA,IAAU,QAAUmP,EAAQ,CAAC,GAAG3O,OAAM,SAASnI,GAE7DiO,QAAQC,IAAK,qCAAoC4I,YAAiB9W,KAElE,IAAIwY,EAAc,IAAIC,GAAAA,EAAoB,CAAE/U,OAAQ,CAC5CgV,iBAAkB,mMAM1BF,EAAYG,iBAAgB,GAE5BH,EAAYI,eAAe,CAACC,UAAW,IAAI9b,MAAMiD,KAEjD,IAAI8Y,EAAYhV,SAASC,eAAe,SACxC+U,EAAUnQ,MAAMoQ,SAAW,qBAE9B,IAED,OAAOjR,CACV,EAED4O,wCAAwCsC,GAEpC,MAAMlR,EAAYH,GAAAA,EAAAA,KAAW,0BAA2BqR,GAAY7Q,OAAM,SAASnI,GAE/EyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,mCAEtD,IAED,OAAOwJ,CACV,G,ytGC5fL,MAAMmR,GAAsBzQ,EAAAA,EAAAA,IAAO,uBAC7BgO,GAAYhO,EAAAA,EAAAA,IAAO,aAEnB/D,GAAQwC,EAAAA,EAAAA,MACRsP,GAAQ2C,EAAAA,EAAAA,MACRxU,GAASyU,EAAAA,EAAAA,MAGTC,IAFgB,IAAI7F,IAAYC,OAEbrM,EAAAA,EAAAA,IAAI,IAAI/I,GAAAA,EAAW,KAAK,KAI3Cib,GAAUC,EAAAA,EAAAA,IAAS,CAACpa,IAAK,KAAME,KAAM,KAAMD,IAAK,KAAME,KAAM,KAAMC,QAAS,KAAMC,MAAO,QACxF,IAACL,EAAD,KAAME,EAAN,IAAYD,EAAZ,KAAiBE,EAAjB,QAAuBC,EAAvB,MAAgCC,IAASga,EAAAA,EAAAA,IAAOF,GAEhDG,GAAerV,EAAAA,EAAAA,KAAS,IACrBjF,IAEHua,GAAgBtV,EAAAA,EAAAA,KAAS,IACtB/E,IAEHsa,GAAevV,EAAAA,EAAAA,KAAS,IACrBhF,IAEHwa,GAAgBxV,EAAAA,EAAAA,KAAS,IACtB9E,IAEHua,GAAmBzV,EAAAA,EAAAA,KAAS,IACzB7E,IAEHua,GAAiB1V,EAAAA,EAAAA,KAAS,IACvB5E,IAGT,IAAIua,GAAgB3S,EAAAA,EAAAA,IAAI,GA2BxB,SAAS4S,EAAena,GAEtB,MAAoB,KAAhBA,EAAK6Q,OAAsB7Q,EAAK4Q,IAC7B5Q,EAAK6Q,MACb,CAED,SAASuJ,EAAgBC,GAEvB,IAAIhb,EAAwB,IAAIiW,GAEhCjW,EAAsBgZ,WAAaxT,EAAM3F,MAAME,aAAa8X,OAC5D7X,EAAsBY,KAAO2W,EAAUhZ,MAAMyW,yBAC7ChV,EAAsBgL,QAAUxF,EAAM3F,MAAME,aAAaC,sBAAsBuX,EAAUhZ,MAAMyW,yBAAyBiG,eAExH,MAAMpS,EAAWqS,GAAIH,gBAAgB/a,GAEjC6I,IAEFrD,EAAM3F,MAAMqB,oBAAqB,GAEjB,IAAb8Z,IACHxV,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,4CAGxD,CAED,SAAS8b,IAEP,MAAMtS,EAAWqS,GAAIC,iBAAiB5D,EAAUhZ,MAAMyW,0BAElDnM,IAEFrD,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,8BAGxD,CAED,SAAS+b,IAEH7D,EAAUhZ,MAAM6W,qBAAqBiG,IAEzCC,GAED,CAED,SAASC,IAEHhE,EAAUhZ,MAAM6W,qBAAqBiG,IACpC9D,EAAUhZ,MAAM6W,sBAAqB+E,EAAiB5b,MAAMA,OAAQ,EAC1E,CAED,SAASid,IAEPrB,EAAiB5b,MAAMA,OAAQ,CAChC,CAED,SAAS+c,IAEH/D,EAAUhZ,MAAM6W,qBAAqBiG,IAMpC9D,EAAUhZ,MAAM6W,sBAAqE,IAA9CmC,EAAUhZ,MAAM4W,0BAQhDoC,EAAUhZ,MAAM6W,qBAE1BqG,KARAlE,EAAUhZ,MAAM4W,2BAA4B,EAE5CuG,IAEAD,IAMH,CAEDhE,eAAe4D,IAEb,GAAgD,QAA7C9D,EAAUhZ,MAAMyW,yBAAoC,CAErD,MAAM2G,EAAepE,EAAUhZ,MAAMyW,yBAAyBiG,cAG9D1D,EAAUhZ,MAAM2W,sBAAwBqC,EAAUhZ,MAAMoW,cAAcgH,GAAc1S,OAEpFkR,EAAiB5b,MAAMA,OAAQ,EAC/BgZ,EAAUhZ,MAAM4W,2BAA4B,EAC5C3P,EAAM3F,MAAMqB,oBAAqB,EAEjC,MAAM2H,QAAiBqS,GAAIG,gBAAgB9D,EAAUhZ,MAAM6W,oBAAqBkC,EAAOC,EAAUhZ,MAAMgX,6BAEvG,GAAI1M,EAAU,CAEZrD,EAAM3F,MAAMqB,oBAAqB,EAEjC,IAEM2H,EAAS8S,GAAc9V,KAAKoD,SAAWsO,EAAUhZ,MAAM2W,uBAAuBwG,IAElFE,EAAgB/S,EAKjB,CAHC,MAAO9H,GAGR,CAGF,CAEF,CAEF,CAED,SAAS2a,IAEP,IAAK,IAAIG,KAAQtE,EAAUhZ,MAAMkW,wBAC/B8C,EAAUhZ,MAAMkW,wBAAwBoH,GAAQ,EAIlD,IAAK,IAAIA,KAAQtE,EAAUhZ,MAAMmW,kCAC/B6C,EAAUhZ,MAAMmW,kCAAkCmH,GAAQ,CAG7D,CAEDpE,eAAegE,IAEb,IAAkD,IAA9ClE,EAAUhZ,MAAM4W,0BAAqC,CAEvD3P,EAAM3F,MAAMqB,oBAAqB,EAEjC,MAAM2H,QAAiBqS,GAAIY,aAAaxE,EAAOC,EAAUhZ,MAAMgX,6BAE3D1M,IAEFrD,EAAM3F,MAAMqB,oBAAqB,EAEjC0a,EAAgB/S,GAInB,CAEF,CAED4O,eAAesE,IAEb,MAAMlT,QAAiBqS,GAAIc,aAAazE,EAAUhZ,MAAM6W,oBAAqBkC,GAEzEzO,IAEFrD,EAAM3F,MAAMqB,oBAAqB,EAEjCmV,GAAqBxN,GAIxB,CAED,SAAS+S,EAAgB/S,GAEvB0O,EAAUhZ,MAAMoW,cAAc1U,IAAM4I,EAAS5I,IAAI4F,KACjDuU,EAAQna,IAAM4I,EAAS5I,IAAI4F,KAAKoD,OAChCsO,EAAUhZ,MAAMoW,cAAcxU,KAAO0I,EAAS1I,KAAK0F,KACnDuU,EAAQja,KAAO0I,EAAS1I,KAAK0F,KAAKoD,OAClCsO,EAAUhZ,MAAMoW,cAAczU,IAAM2I,EAAS3I,IAAI2F,KACjDuU,EAAQla,IAAM2I,EAAS3I,IAAI2F,KAAKoD,OAChCsO,EAAUhZ,MAAMoW,cAAcvU,KAAOyI,EAASzI,KAAKyF,KACnDuU,EAAQha,KAAOyI,EAASzI,KAAKyF,KAAKoD,OAClCsO,EAAUhZ,MAAMoW,cAActU,QAAUwI,EAASxI,QAAQwF,KACzDuU,EAAQ/Z,QAAUwI,EAASxI,QAAQwF,KAAKoD,OACxCsO,EAAUhZ,MAAMoW,cAAcrU,MAAQuI,EAASvI,MAAMuF,KACrDuU,EAAQ9Z,MAAQuI,EAASvI,MAAMuF,KAAKoD,MACrC,CAED,SAASgT,EAAe1Q,GAEtB,GAAiD,UAA7CgM,EAAUhZ,MAAMyW,0BAAqF,YAA7CuC,EAAUhZ,MAAMyW,yBAAwC,CAElH,IAAI0C,EAE6C,UAA7CH,EAAUhZ,MAAMyW,2BAAsC0C,EAAU,kBACnB,YAA7CH,EAAUhZ,MAAMyW,2BAAwC0C,EAAU,kBAEtEjS,EAAO8H,KAAK,CAAC/L,KAAM,UAAWkE,OAAQ,CAACC,MAAOH,EAAM3F,MAAM8F,MAAO+R,QAASA,EAASja,GAAI8N,EAAI2Q,KAAKze,KAEjG,MAECgI,EAAO8H,KAAK,CACV/L,KAAM,SACNkE,OAAQ,CAACC,MAAOH,EAAM3F,MAAM8F,MAAO+R,QAASH,EAAUhZ,MAAMyW,yBAA0BvX,GAAI8N,EAAI2Q,KAAKze,KAIxG,CAED,SAAS0e,EAAmB9C,GAE1B5C,OAAO2F,KAAK/C,EACb,CAGD,SAASgD,EAAmB5M,GAEtBA,IAAQjK,EAAM3F,MAAME,aAAauc,yBAAyB5M,UAE5D6H,EAAUhZ,MAAMqW,mBAAmBnF,EAAIwL,eAAepG,QACjD0C,EAAUhZ,MAAMqW,mBAAmBnF,EAAIwL,eAAepG,OAI9D,CAED,SAAS0H,EAAkBC,GACrBjF,EAAUhZ,MAAMqW,mBAAmB4H,EAAOvB,eAAepG,SAE3DrP,EAAM3F,MAAME,aAAauc,yBAAyB5M,QAAU6H,EAAUhZ,MAAM0W,kBAG/E,CAED,SAASwH,IAEPjX,EAAM3F,MAAME,aAAauc,yBAAyBrc,IAAMsX,EAAUhZ,MAAMqW,mBAAmB3U,IAAI4U,OAC/FrP,EAAM3F,MAAME,aAAauc,yBAAyBnc,KAAOoX,EAAUhZ,MAAMqW,mBAAmBzU,KAAK0U,OACjGrP,EAAM3F,MAAME,aAAauc,yBAAyBpc,IAAMqX,EAAUhZ,MAAMqW,mBAAmB1U,IAAI2U,OAC/FrP,EAAM3F,MAAME,aAAauc,yBAAyBlc,KAAOmX,EAAUhZ,MAAMqW,mBAAmBxU,KAAKyU,OACjGrP,EAAM3F,MAAME,aAAauc,yBAAyBjc,QAAUkX,EAAUhZ,MAAMqW,mBAAmBvU,QAAQwU,OACvGrP,EAAM3F,MAAME,aAAauc,yBAAyBhc,MAAQiX,EAAUhZ,MAAMqW,mBAAmBtU,MAAMuU,OAEnG,MAAMkF,EAAa,CAEjBf,WAAYxT,EAAM3F,MAAME,aAAa8X,OACrCyE,yBAA0B9W,EAAM3F,MAAME,aAAauc,0BAI/CzT,EAAWqS,GAAIwB,kCAAkC3C,GAEnDlR,IAEF0O,EAAUhZ,MAAM0W,kBAAoBzP,EAAM3F,MAAME,aAAauc,yBAAyB5M,QACtFmL,EAActc,QACdiH,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,iCAIxD,CAED,SAASiG,EAAqB4T,GAE5B1T,EAAM3F,MAAMqB,oBAAqB,EAEjC,IAEEuE,EAAO8H,KAAK,CAAE/L,KAAM,eAAgBkE,OAAQ,CAAEC,MAAOH,EAAM3F,MAAM8F,MAAO/E,KAAM2W,EAAUhZ,MAAMyW,yBAA0BvX,GAAIyb,IAK7H,CAHC,MAAOnY,GAEPyE,EAAM3F,MAAMqB,oBAAqB,CAClC,CAEF,C,OAhSDyD,EAAAA,EAAAA,KAAU,KAEJ4S,EAAUhZ,MAAM6W,qBAAqBiG,IAEpC9D,EAAUhZ,MAAM6W,sBACnBmC,EAAUhZ,MAAM4W,2BAA4B,EAC5CsG,KAIGlE,EAAUhZ,MAAMyW,2BAEnBuC,EAAUhZ,MAAMyW,yBAA2BxP,EAAM3F,MAAME,aAAauc,yBAAyB5M,QAI7F6H,EAAUhZ,MAAM0W,kBAAoBsC,EAAUhZ,MAAMyW,yBAErD,I,q4pCCzFH,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,giBCHM2H,GAAczU,EAAAA,EAAAA,KAAI,GAUxB,SAAU0U,IACJjQ,EAAM,sBAAsB,GAC5BgQ,EAAYpe,OAAQ,EACpByP,YAAW,IAAM2O,EAAYpe,OAAQ,GAAO,IAC7C,C,OAELse,EAAAA,EAAAA,KAAa,KAERtY,EAAMuY,YAAYnQ,EAAM,sBAAsB,EAA5B,I,kdCjBvB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,k0BCEcsN,EAAAA,EAAAA,MAAd,MACMzU,GAAQwC,EAAAA,EAAAA,MAERuP,GAAYhO,EAAAA,EAAAA,IAAO,aAEzB,SAASwT,EAAiBtf,GAExBiL,GAAAA,EAAAA,IAAU,qBAAsB,CAE9BkQ,aAAa,OACblT,OAAQ,CACNC,MAAOH,EAAM3F,MAAM8F,MACnBlI,GAAIA,KAGLmL,MAAMC,IAEPwN,GAAqBxN,EAArB,IAECK,OAAM,SAAUnI,GAEjBwW,EAAUhZ,MAAMyX,kBAAkBzI,KAAKxM,GACvCyE,EAAM3F,MAAMiB,QAAQC,MAAQ,IAAI1B,GAAa,EAAM,6BAEpD,GACF,C,2kCC7BD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,gICGA,MAAMkY,GAAYhO,EAAAA,EAAAA,IAAO,aACnB/D,GAAQwC,EAAAA,EAAAA,MAEd,IAAIgV,GAAoB9U,EAAAA,EAAAA,KAAI,GAkB5B,SAAS+U,IAEP1F,EAAUhZ,MAAMqW,mBAAmB3U,IAAI4U,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBrc,IAClGsX,EAAUhZ,MAAMqW,mBAAmBzU,KAAK0U,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBnc,KACnGoX,EAAUhZ,MAAMqW,mBAAmB1U,IAAI2U,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBpc,IAClGqX,EAAUhZ,MAAMqW,mBAAmBxU,KAAKyU,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBlc,KACnGmX,EAAUhZ,MAAMqW,mBAAmBvU,QAAQwU,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBjc,QACtGkX,EAAUhZ,MAAMqW,mBAAmBtU,MAAMuU,OAASrP,EAAM3F,MAAME,aAAauc,yBAAyBhc,MAEpG0c,EAAkBze,OAAQ,CAE3B,C,OAhBDoG,EAAAA,EAAAA,KAAU,KAERsY,GAAkB,I,ufC1BpB,MAAM,GAAc,GAEpB,U,8zBCDA,MAAMzX,GAAQwC,EAAAA,EAAAA,MACRkV,GAAShY,EAAAA,EAAAA,KAAS,IAEfM,EAAM3F,MAAMyB,Y,6HCDrB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,iECHOkI,MAAM,oD,YACTC,EAAAA,EAAAA,GAGM,OAHDD,MAAM,0CAAwC,EACjDC,EAAAA,EAAAA,GAA2G,KAAxGD,MAAM,qCAAqCE,MAAA,0DAC9CD,EAAAA,EAAAA,GAA+C,YAAzC,wCAFR,K,YAIAA,EAAAA,EAAAA,GAGM,OAHDD,MAAM,yCACNE,MAAA,sCAAyC,+EAE9C,K,IAPAC,GAIAC,I,mCALFE,EAAAA,EAAAA,IASM,MATN,GASMD,G,CCbR,MAAM,GAAS,CAAC,EAKV,IAA2B,OAAgB,GAAQ,CAAC,CAAC,SAAS,IAAQ,CAAC,YAAY,qBAEzF,UCRO,SAASsT,GAAuBvO,EAAMwO,GAEzC,OAAGxO,GAAQA,EAAK3F,OAASmU,EAAexO,EAAKjP,UAAU,EAAGyd,GAAS,OAE5DxO,CACV,C,q3DCGD,MAAM2I,GAAYhO,EAAAA,EAAAA,IAAO,a,u4DCFzB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,mkBCFA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,4cCSA,SAAS8T,EAAa9e,GAEpBoO,EAAM,wBAAyB,IAAIxN,GAAAA,GACnCwN,EAAM,QAASpO,EAChB,C,0cCfD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,itDCGA,MAAMgZ,GAAYhO,EAAAA,EAAAA,IAAO,aAEzB,SAASuR,EAAena,GAEtB,MAAoB,KAAhBA,EAAK6Q,OAAsB7Q,EAAK4Q,IAC7B5Q,EAAK6Q,MACb,C,mpFCXD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,knGCCA,SAAS8L,EAAkB5Y,GAEzB,IAAI6Y,EAAU,GASd,OAPAA,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAMuL,cACpCsN,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAMwL,cACpCqN,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAMyL,cACpCoN,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAM0L,cACpCmN,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAM2L,UACpCkN,EAAQhQ,KAAKhJ,EAAMiZ,WAAW9Y,GAAM4L,SAE7BiN,CAER,CAED,SAASE,EAAiB/Y,GAExB,IAAI,IAAIa,KAAQhB,EAAMiZ,WAAW9Y,GAE/B,OAAOH,EAAMiZ,WAAW9Y,GAAMa,EAIjC,C,qsHC1BD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,8wICEA,MAAMgS,GAAYhO,EAAAA,EAAAA,IAAO,aAEnB/D,GAAQwC,EAAAA,EAAAA,MAEd,SAAS0V,EAAarE,GAEpB5C,OAAO2F,KAAK/C,EACb,C,04HCXD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,yCCHA,MAAM9B,GAAYhO,EAAAA,EAAAA,IAAO,cACXvB,EAAAA,EAAAA,M,oVCHd,MAAM,GAAc,GAEpB,U,iCCCA,MAAMuP,GAAYhO,EAAAA,EAAAA,IAAO,cACXvB,EAAAA,EAAAA,MAEd,SAAS0V,EAAarE,GAEpB5C,OAAO2F,KAAK/C,EACb,C,ucCTD,MAAM,GAAc,GAEpB,U,8BCEA,MAAM9B,GAAYhO,EAAAA,EAAAA,IAAO,cACXvB,EAAAA,EAAAA,M,6SCLd,MAAM,GAAc,GAEpB,U,8CCKA,MAAMsP,GAAQ2C,EAAAA,EAAAA,MACR1C,GAAYhO,EAAAA,EAAAA,IAAO,aAEzBkO,eAAekG,EAAapS,GAE1BgM,EAAUhZ,MAAM+W,qBAAsB,EACtCiC,EAAUhZ,MAAMqX,eAAeC,qBAAuBtK,EAEtD,MAAM1C,QAAiBqS,GAAI0C,kBAAkBtG,EAAO/L,EAAIlJ,cAErDwG,IAED0O,EAAUhZ,MAAMiX,aAAalC,eAAiBzK,EAGjD,C,2kBCtBD,MAAM,GAAc,GAEpB,U,usBCKA,MAAM0O,GAAYhO,EAAAA,EAAAA,IAAO,a,6tDCJzB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,ghBCQA,SAASsU,IACPlR,EAAM,qBAAqB,GAC3BA,EAAM,QAEP,C,osBCdD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,iUCOA,MAAM4K,GAAYhO,EAAAA,EAAAA,IAAO,aAEnBuU,GAAiB5Y,EAAAA,EAAAA,KAAS,IAG3BqS,EAAUhZ,MAAMiX,aAAa5U,KAAKqa,gBAAkB1D,EAAUhZ,MAAMgW,MAAMrU,IAAI+a,gBAI/E1D,EAAUhZ,MAAM8W,wBAA0B,wBACnC,K,0uDCnBX,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,8+BCoBA,MAAMkC,GAAYhO,EAAAA,EAAAA,IAAO,aACnB/D,GAAQwC,EAAAA,EAAAA,MACRsP,GAAQ2C,EAAAA,EAAAA,MACRxU,GAASyU,EAAAA,EAAAA,MAEf,IAAI6D,GAAkB7V,EAAAA,EAAAA,KAAI,GACtB8V,GAAgB9V,EAAAA,EAAAA,KAAI,GAExB,SAAS+V,EAAgBrP,EAAMrL,GAE7BsL,UAAUC,UAAUC,UAAUH,GAEd,cAAZrL,IAAyBwa,EAAgBxf,OAAQ,GACrC,YAAZgF,IAAuBya,EAAczf,OAAQ,GAEjDyP,YAAW,WAET+P,EAAgBxf,OAAQ,EACxByf,EAAczf,OAAQ,CAEvB,GAAE,IAEJ,CAEDkZ,eAAeyG,IAEb,MAAMC,QAAiBjD,GAAIkD,gBAAgB9G,GAEvC6G,GAEF3Y,EAAM3F,MAAMqB,oBAAqB,EAEjCqW,EAAUhZ,MAAMiX,aAAe2I,GAI/B5G,EAAUhZ,MAAMiX,aAAe,IAAI3F,EAGtC,CAED,SAASwO,IAEP,OAAI9G,EAAUhZ,MAAMqC,OAAS2W,EAAUhZ,MAAMgW,MAAMpU,MAC/CoX,EAAUhZ,MAAMqC,OAAS2W,EAAUhZ,MAAMgW,MAAMrU,GAIpD,CAED,SAASoe,EAAaC,GAEpB,IAAI/F,EAAc+F,EAAY3d,KAIN,UAArB2d,EAAY3d,OAAkB4X,EAAc,kBACvB,YAArB+F,EAAY3d,OAAoB4X,EAAc,kBAE9B,mBAAhBA,GAAoD,mBAAhBA,EAErC/S,EAAO8H,KAAK,CAAC/L,KAAM,UAAWkE,OAAQ,CAACC,MAAQH,EAAM3F,MAAM8F,MAAO+R,QAASc,EAAa/a,GAAI6Z,EAAM5R,OAAOjI,MAIzGgI,EAAO8H,KAAK,CAAC/L,KAAM,SAAUkE,OAAQ,CAACC,MAAQH,EAAM3F,MAAM8F,MAAO+R,QAAS6G,EAAY3d,KAAOnD,GAAI6Z,EAAM5R,OAAOjI,KAGjH,C,OAEDkH,EAAAA,EAAAA,KAAU8S,gBAEFhS,EAAO+Y,UAEbN,GAAqB,I,42EChGvB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,00BCHmBhW,EAAAA,EAAAA,KAAI,GA2BvB,SAASuW,EAAkB5gB,GAEzB,IAAIU,EAAQV,EAAE6gB,OAAOngB,MAErB,GAAc,KAAVA,EAAc,CAEhB,GAAIgG,EAAMoa,UAAY,IAChBpgB,EAAQgG,EAAMoa,WAAapgB,EAAM0K,OAAS1E,EAAMqa,WAIlD,OAHA/gB,EAAEsO,iBACFQ,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,SACjDwN,EAAM,qBAAsBpO,GAK5BgG,EAAMsa,WAAa,IACjBtgB,EAAQgG,EAAMsa,WAEhBlS,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,IACjDwN,EAAM,qBAAsBpO,KAG5BoO,EAAM,wBAAyB,IAAIxN,GAAAA,GACnCwN,EAAM,oBAAqBpO,IAIhC,MACCoO,EAAM,oBAAqBpO,EAG9B,CAED,SAASugB,EAAYjhB,GAEnB,GAAK0G,EAAMwa,cAMT,IAAM,QAAQC,KAAKnhB,EAAEc,KACnB,GAAc,MAAVd,EAAEc,IACJd,EAAEsO,qBAEG,CACL,IAAI4K,EAAQlZ,EAAE6gB,OAAOngB,MAAMwY,MAAM,MAC7BA,EAAM9N,OAAS,GAAwB,KAAnBpL,EAAE6gB,OAAOngB,QAC/BV,EAAEsO,gBAGL,MAfG,QAAQ6S,KAAKnhB,EAAEc,MACnBd,EAAEsO,gBAkBP,CAED,SAAS8S,IACPtS,EAAM,wBAAyB,IAAIxN,GAAAA,GACnCwN,EAAM,WACP,CAED,SAASuS,EAAY3gB,GACL,KAAVA,IACFoO,EAAM,wBAAyB,IAAIxN,GAAAA,GACnCwN,EAAM,oBAAqB,IAE9B,C,m5BChGD,MAAM,GAAc,GAEpB,U,k7DCSMwS,GAAejX,EAAAA,EAAAA,IAAI,IACnBkX,GAAqBlX,EAAAA,EAAAA,IAAI3D,EAAM8a,cAC/BC,GAAcpX,EAAAA,EAAAA,KAAI,GAClBqX,GAAWrX,EAAAA,EAAAA,KAAK,GAChBqC,GAAarC,EAAAA,EAAAA,IAAI,MACjBsX,GAAYtX,EAAAA,EAAAA,IAAI,KAChBuX,GAAkBvX,EAAAA,EAAAA,IAAI,IACtBjJ,GAAWiJ,EAAAA,EAAAA,KAAI,GACfwX,GAAgBxX,EAAAA,EAAAA,KAAI,GACpByX,GAAgBzX,EAAAA,EAAAA,KAAI,GACpB0X,GAAqB1X,EAAAA,EAAAA,IAAI,CAACxD,KAAMmb,OAAQnQ,QAAS,IAGjDoQ,GAAW5X,EAAAA,EAAAA,MACX6X,GAAY7X,EAAAA,EAAAA,MACZ8X,GAAQ9X,EAAAA,EAAAA,MAGRoP,IADQtP,EAAAA,EAAAA,OACAiS,EAAAA,EAAAA,OAoCRgG,GAAU/a,EAAAA,EAAAA,KAAS,IAAMgb,MACzBC,GAAcjb,EAAAA,EAAAA,KAAS,IAAMkb,MAG7BC,IAFqBnb,EAAAA,EAAAA,KAAS,IAAMob,OAEhBpb,EAAAA,EAAAA,KAAS,KAEjC,GAAwB,aAArBX,EAAM4T,YAAkD,SAArB5T,EAAM4T,WAAwB,OAAO,CAAP,KA4BtE,SAASoI,IAKP,GAHAd,EAAgBlhB,MAAQgG,EAAM3C,WAG1B2C,EAAMiZ,WAER,GAAgC,kBAArBjZ,EAAMiZ,WAGXjZ,EAAMiZ,WAAW/f,IAEnB0hB,EAAa5gB,MAAQgG,EAAM3C,WAAW4e,MAAKC,GAAKA,EAAEhjB,KAAO8G,EAAMiZ,WAAW/f,KAAIc,MAC9EmhB,EAAcnhB,OAAQ,GAGtB4gB,EAAa5gB,MAAQgG,EAAMiZ,WAAWjf,UAGnC,CAEL,MAAMmiB,EAAwBnc,EAAM3C,WAAW4e,MAAKC,GAAKA,EAAEhjB,KAAO8G,EAAMiZ,aAEpEkD,IAAuBvB,EAAa5gB,MAAQmiB,EAAsBniB,OACjEmiB,IAAuBvB,EAAa5gB,MAAQgG,EAAMiZ,WAAWmD,QAE/DxB,EAAa5gB,OAAOqiB,EAAiBzB,EAAa5gB,MAGtD,CAGJ,CAGD,SAAS2hB,IAEP,OAAOT,EAAgBlhB,MAAM0M,QAAQ1F,GAEP,IAAxB4Z,EAAalW,OACR1D,EAAKhH,MAAM0c,cAAc4F,WAAW1B,EAAa5gB,MAAM0c,eAGvD1V,EAAKhH,MAAM0c,cAAc6F,SAAS3B,EAAa5gB,MAAM0c,gBAIjE,CAED,SAASmF,IACP,OAAI7b,EAAM3C,YAEwB,IAA5B2C,EAAM3C,WAAWqH,SAAiBoX,EAAkB9hB,MAC/C,qBAGJgG,EAAMwc,WACd,CAED,SAAST,IACP,OAAI/b,EAAMyc,cACD,4BAEF,EACR,CAKD,SAASC,EAAapjB,GAEhB0G,EAAM2c,iBAERC,EAAiBtjB,EAAE6gB,OAAOngB,OAK5BmhB,EAAcnhB,OAAQ,EAEtBoO,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,KAEhDoF,EAAM6c,mBAAmBzB,EAAcphB,OAASmhB,EAAcnhB,OAE3DgG,EAAM6c,iBAEJ7c,EAAM8c,qBAERT,EAAiB/iB,EAAE6gB,OAAOngB,MAAMoiB,QAIhCC,EAAiB,IAAIviB,GAAAA,EAAakG,EAAMiZ,WAAW/f,GAAII,EAAE6gB,OAAOngB,QAK9DgG,EAAM8c,qBAERT,EAAiB,IAIjBA,EAAiB,IAAIviB,GAAAA,EAAa,KAAM,IAK7C,CAEDoZ,eAAe0J,EAAiBjJ,GAE9B,GAAIA,EAAYyI,OAAQ,CAEtB,IAAI9X,EAEJ,OAAQtE,EAAM4T,YAEZ,IAAK,UAAY,IAAK,YAActP,QAAiBqS,GAAIoG,oBAAoBhK,EAAOY,EAAa3T,EAAM4T,YACrG,MACF,IAAK,OAAStP,QAAiBqS,GAAIqG,eAAejK,EAAOY,GAAa,GACpE,MACF,IAAK,WAAarP,QAAiBqS,GAAIqG,eAAejK,EAAOY,GAAa,GAGzErP,IAAU4W,EAAgBlhB,MAAQsK,EAEtC,MAEC4W,EAAgBlhB,MAAQgG,EAAM3C,UAGjC,CAED,SAASgf,EAAiBriB,GAExB,GAAIA,EAAMijB,eAAe,SAAU,OAAO7U,EAAM,oBAAqBpO,GAErEoO,EAAM,oBAAqBpO,EAAMoB,UAAU,EAAG4E,EAAMqa,WAErD,CAED,SAAS6C,IAEoB,KAAvBtC,EAAa5gB,QAAcohB,EAAcphB,OAAQ,GAChD+gB,EAAY/gB,QAAOohB,EAAcphB,OAASmhB,EAAcnhB,QAAUgG,EAAM6c,kBAA2C,KAAvBjC,EAAa5gB,MAE/G,CAED,SAASmjB,EAAiCrC,IAExCsC,EAAAA,EAAAA,KAAS,KAEP,IAAIC,EAAe9B,EAASvhB,MACxBsjB,EAAa9B,EAAUxhB,MAEvBujB,EAAmBF,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBC,IACxEC,EAAoBP,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBG,KACzEC,EAAaT,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBrjB,MAAQ,EAG9E,GAAIijB,EAAY,CAEd,IAAIS,EAAeT,EAAWU,aAAe,GAC7C3C,EAAmBrhB,MAAQ+jB,EAOzBT,EAAWnY,MAAMoQ,QALduF,EAKyB,QAAOyC,EAAmBQ,EAAe,eAAeH,EAAoB,oBAAoBE,EAAa,QAH7G,QAAOP,EAAmB,eAAeK,EAAoB,oBAAoBE,EAAa,OAM7H,IAIJ,CAED,SAASG,IAUP3d,SAAS4d,oBAAoB,QAASC,GAEtC5U,aAAavD,EAAWhM,MAEzB,CAED,SAASokB,EAAuB9kB,GAG9B,GAAIyhB,EAAY/gB,MAAO,CAErB,IAAIsjB,EAAa9B,EAAUxhB,MAEvBqkB,EAAYf,EAAWgB,UACvBC,EAAajB,EAAWkB,WACxBC,EAAcnB,EAAWI,wBAAwBrjB,MACjD0jB,EAAeT,EAAWU,aAAe,GAGzCU,EAAeL,EAAYN,EAAe,GAC1CY,EAAoBN,EAAYN,EAAe,GAE9ClD,EAAmB7gB,OAoBlBV,EAAEslB,QAAUL,GAAcjlB,EAAEslB,QAAUL,EAAaE,EAAc,IAAMnlB,EAAEulB,MAAQR,GAC9E/kB,EAAEulB,MAAQF,KAEfzM,OAAO4M,iBAAiB,SAAUX,GAClC7d,SAASwe,iBAAiB,QAASX,GAE/BJ,IAAiB1C,EAAmBrhB,QAEtCuP,aAAavD,EAAWhM,OACxBgM,EAAWhM,MAAQyP,YAAW,IAAM0U,KAAgBlD,EAAUjhB,OAC9DghB,EAAShhB,OAAS,KA5BlBV,EAAEslB,QAAUL,GAAcjlB,EAAEslB,QAAUL,EAAaE,EAAc,IAAMnlB,EAAEulB,MAAQ3M,OAAO6M,QAAUV,GAC/F/kB,EAAEulB,MAAQH,KAEfxM,OAAO4M,iBAAiB,SAAUX,GAClC7d,SAASwe,iBAAiB,QAASX,GACnCjM,OAAO4M,iBAAiB,QAASX,GAG7BJ,IAAiB1C,EAAmBrhB,QAEtCuP,aAAavD,EAAWhM,OACxBgM,EAAWhM,MAAQyP,YAAW,IAAM0U,KAAgBlD,EAAUjhB,QAwBrE,CACF,CAED,SAASglB,EAAW1lB,GAGlBuhB,EAAmB7gB,OAAQ,EAE3B,IAAIilB,EAAkB/M,OAAOgN,YAAc,IAEvC5lB,EAAE6lB,QAAUF,IACdpE,EAAmB7gB,OAAQ,GAG7B+gB,EAAY/gB,OAAQ,EAEpBmjB,EAAiCtC,EAAmB7gB,MASrD,CAED,SAASolB,EAAW9lB,GACdyhB,EAAY/gB,OAAOV,EAAEsO,gBAC1B,CAED,SAASyX,EAAY/lB,GACnBA,EAAEsO,iBAEEtO,EAAEgmB,OAAS,EACb9D,EAAUxhB,MAAMulB,SAAS,EAAG,IAG5B/D,EAAUxhB,MAAMulB,SAAS,GAAI,GAGhC,CAED,SAASpB,IAEPpD,EAAY/gB,OAAQ,EACpBghB,EAAShhB,OAAS,EAElBkY,OAAOgM,oBAAoB,SAAUC,GACrC7d,SAAS4d,oBAAoB,QAASC,GACtCjM,OAAOgM,oBAAoB,QAASC,EACrC,CAED,SAASqB,EAAWC,EAAcxY,GAEhC,IAAIyY,EAAe,IAAID,GAEvBrX,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,IAI7C6kB,EAAaxC,eAAe,gBAC9BrC,EAAa5gB,MAAQylB,EAAaE,YAClCD,EAAa1lB,MAAQylB,EAAaE,aAGlC/E,EAAa5gB,MAAQylB,EAAazlB,MAIpC+gB,EAAY/gB,OAAQ,EACpBghB,EAAShhB,MAAQiN,EACjB+T,EAAShhB,OAAS,EAClBmhB,EAAcnhB,OAAQ,EACtBohB,EAAcphB,OAAQ,EAEtB4lB,EAAsBF,EAEvB,CAED,SAASE,EAAsBH,GAE7BrX,EAAM,SAAUqX,GAEZzf,EAAM8c,qBACRT,EAAiBoD,EAAazlB,OAI9BqiB,EAAiBoD,EAIpB,CAED,SAAS9E,IAEPI,EAAY/gB,OAAQ,EACpBmhB,EAAcnhB,OAAQ,EACtBohB,EAAcphB,OAAQ,EAEtB4gB,EAAa5gB,MAAQ,GACrBghB,EAAShhB,OAAS,EAClBoO,EAAM,oBAAqB,IAC3BA,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,IACjDwN,EAAM,SAEFpI,EAAM2c,kBAAiBzB,EAAgBlhB,MAAQgG,EAAM3C,WAC1D,CAED,SAASwiB,EAAmBvmB,GAoB1B,GAjBc,QAAVA,EAAEc,IAEJ4kB,EAAW1lB,GAEXyhB,EAAY/gB,OAAQ,EAIR,MAAVV,EAAEc,KAAa4kB,EAAW1lB,GAE9B8O,EAAM,UAAW9O,GAEH,cAAVA,EAAEc,KAA8C,KAAvBwgB,EAAa5gB,QACxC4gB,EAAa5gB,MAAQ,GACrB+gB,EAAY/gB,OAAQ,GAGR,YAAVV,EAAEc,KAA+B,OAAVd,EAAEc,KAO3B,GAJAd,EAAEsO,iBAEEoT,EAAShhB,MAAQ,GAAGghB,EAAShhB,QAE7ByhB,EAAMzhB,OACJyhB,EAAMzhB,MAAM0K,OAAS,GAAKsW,EAAShhB,OAAS,EAAG,CAEjD,IAAI8lB,EAA0BrE,EAAMzhB,MAAMghB,EAAShhB,OAAO0jB,wBAAwBC,IAC9EoC,EAAgBvE,EAAUxhB,MAAM0jB,wBAAwBC,IAAM,GAE9DmC,IAA4BC,GAU9BvE,EAAUxhB,MAAMulB,SAAS,GAAI,GAIhC,MAEgB,cAAVjmB,EAAEc,KAAiC,SAAVd,EAAEc,KAEhC4F,EAAM2c,gBAEJ3B,EAAShhB,MAAQkhB,EAAgBlhB,MAAM0K,OAAS,GAAGsW,EAAShhB,QAG5DghB,EAAShhB,MAAQ0hB,EAAQ1hB,MAAM0K,OAAS,GAAGsW,EAAShhB,QAGtDwhB,EAAUxhB,OAASghB,EAAShhB,MAAQ,IACtCwhB,EAAUxhB,MAAMulB,SAAS,EAAG,KAOhB,UAAVjmB,EAAEc,KAA6B,QAAVd,EAAEc,MAED,IAApB4gB,EAAShhB,QACXuhB,EAASvhB,MAAMwjB,IAAIC,SAAS,GAAGuC,OAQ3BhgB,EAAM2c,iBAERiD,EAAsBxZ,KAAKC,MAAMD,KAAKE,UAAU4U,EAAgBlhB,MAAMghB,EAAShhB,UAC/E4gB,EAAa5gB,MAAQkhB,EAAgBlhB,MAAMghB,EAAShhB,OAAOA,QAI3D4lB,EAAsBxZ,KAAKC,MAAMD,KAAKE,UAAUoV,EAAQ1hB,MAAMghB,EAAShhB,UACvE4gB,EAAa5gB,MAAQ0hB,EAAQ1hB,MAAMghB,EAAShhB,OAAOA,OAGrDU,EAASV,OAAQ,EACjB+gB,EAAY/gB,OAAQ,EACpBmhB,EAAcnhB,OAAQ,EACtBohB,EAAcphB,OAAQ,EACtBghB,EAAShhB,OAAS,EAOzB,C,OAleDoG,EAAAA,EAAAA,KAAU,KAER4b,GAAkB,KAIpBiE,EAAAA,EAAAA,KAAM,IAAMjgB,EAAMiZ,aAAY,KAEvBjZ,EAAMiZ,WAOAiC,EAAgBlhB,MAAM0K,OAAS,GAExCsX,KANApB,EAAa5gB,MAAQgG,EAAMiZ,WAC3B7Q,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,IAOlD,I,qjGC5FH,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCNe,MAAMslB,GACjBnmB,YAAYomB,EAAS,GAAIzb,EAAS,GAAIrK,EAAQ,GAAIwM,EAAS,GAAI2F,EAAS,GAAI4T,EAAY,IAEpFnmB,KAAKkmB,OAASA,EACdlmB,KAAKyK,OAASA,EACdzK,KAAKI,MAAQA,EACbJ,KAAK4M,OAASA,EACd5M,KAAKuS,OAASA,EACdvS,KAAKmmB,UAAYA,CACpB,ECRU,MAAMC,WAA0BH,GAC3CnmB,cACIumB,QAEArmB,KAAKS,UAAW,EAChBT,KAAKsmB,eAAgB,EACrBtmB,KAAKumB,WAAY,EACjBvmB,KAAKwmB,YAAa,EAElBxmB,KAAKymB,WAAa,CACdP,OAAQ,IAAIvlB,GAAAA,EACZ8J,OAAQ,IAAI9J,GAAAA,EACZP,MAAO,IAAIO,GAAAA,EACXiM,OAAQ,IAAIjM,GAAAA,EACZ4R,OAAQ,IAAI5R,GAAAA,EACZwlB,UAAW,IAAIxlB,GAAAA,EAGtB,ECpBE,SAAS+lB,GAAsBC,EAAgBC,GAElD,IAAIpE,GAAgB,EAcpB,OAZGmE,GAECA,EAAe9W,SAAQ9I,IAEfA,EAAK8f,YAAcD,IAEnBpE,EAAgBzb,EAAK+f,SAExB,IAIFtE,CACV,C,ogBCHKuE,IADQvd,EAAAA,EAAAA,OACSE,EAAAA,EAAAA,IAAI,KACrBsd,GAAiBtd,EAAAA,EAAAA,MAEvB,IAAIud,GAAcvgB,EAAAA,EAAAA,KAAS,KAEzB,IAAIwgB,EAAkB,EAEtB,IAAK,IAAIxZ,EAAI,EAAGA,EAAI3H,EAAMiZ,WAAWvU,OAAQiD,IAE3CwZ,GAAoBnhB,EAAMiZ,WAAWtR,GAAG6E,OAG1C,OAAO2U,EAAgBhmB,UAAvB,IAoBF,SAASimB,EAAaC,EAAKpa,GAEzB,IAAIqa,EAAQP,EAASM,GAEjBC,IAEFD,EAAId,eAAgB,EACpBc,EAAI3mB,UAAW,EAEfsmB,EAAehnB,MAAMgP,KAAK,IAAIqX,IAC9BrgB,EAAMiZ,WAAWjQ,KAAK,IAAIkX,IAE1BqB,EAAkBF,GAElBG,EAAiBH,EAAKpa,IAEtBmW,EAAAA,EAAAA,KAAS,WAGP6D,EAAejnB,MAAMiN,EAAQ,GAAGuW,IAAIiE,WAAWC,uBAAuB,oBAAoB,GAAGC,OAC9F,IAIJ,CAED,SAASJ,EAAkBF,GAEzBA,EAAIlB,OAAS5X,SAAS8Y,EAAIlB,QAC1BkB,EAAI3c,OAASzJ,KAAK2N,KAAKyY,EAAI3c,QAC3B2c,EAAIhnB,MAAQY,KAAK2N,KAAKyY,EAAIhnB,OAC1BgnB,EAAIxa,OAAS5L,KAAK2N,KAAKyY,EAAIxa,QAC3Bwa,EAAI7U,OAASvR,KAAK2N,KAAKyY,EAAI7U,OAE5B,CAED,SAASuU,EAASM,GAEhB,IAAIC,GAAQ,EAEZ,OAAID,EAAIlB,QAAWkB,EAAI3c,QAAW2c,EAAIhnB,OAAUgnB,EAAIxa,QAOpD7G,EAAM4gB,eAAe9W,SAAQ9I,IAEvBA,EAAK+f,WAE8B,kBAAzBM,EAAIrgB,EAAK8f,YAA4BO,EAAIpE,eAAejc,EAAK8f,UAAU3lB,YAE5EkmB,EAAIrgB,EAAK8f,WAAWzW,OAEvBgX,EAAIX,WAAW1f,EAAK8f,WAAW9mB,OAAQ,EAEvCsnB,GAAQ,GAMND,EAAIpE,eAAejc,EAAK8f,UAAU3lB,cAE/BkmB,EAAIrgB,EAAK8f,aAEZO,EAAIX,WAAW1f,EAAK8f,WAAW9mB,OAAQ,EAEvCsnB,GAAQ,IAaf,IAGIA,GA3CEA,GAAQ,CA6ClB,CAED,SAASE,EAAiBH,EAAKpa,GAG7B,IAAK,MAAM2a,KAAY5hB,EAAMiZ,WAAW,GACtCjZ,EAAMiZ,WAAWhS,GAAO2a,GAAYP,EAAIO,GAG1CxZ,EAAM,eAAgB8Y,EAEvB,CAED,SAASW,EAAcR,GACrBA,EAAIZ,YAAa,CAClB,CAED,SAASqB,EAAaT,GACpBA,EAAIZ,YAAa,CAClB,CAED,SAASsB,EAAgB9a,EAAOoa,GAE9BL,EAAehnB,MAAMkO,OAAOjB,EAAO,GACnCjH,EAAMiZ,WAAW/Q,OAAOjB,EAAO,GAE/B+Z,EAAehnB,MAAMgnB,EAAehnB,MAAM0K,OAAS,GAAG8b,WAAY,EAClEQ,EAAehnB,MAAMgnB,EAAehnB,MAAM0K,OAAS,GAAGhK,UAAW,EAEjE0N,EAAM,eAAgB8Y,EACvB,CAED,SAASc,EAAcX,GACrBL,EAAehnB,MAAM8P,SAAQ9I,IAC3BA,EAAKtG,UAAW,CAAhB,IAGF2mB,EAAI3mB,UAAW,EACf2mB,EAAIb,WAAY,EAGhBQ,EAAehnB,MAAMgnB,EAAehnB,MAAM0K,OAAS,GAAG8b,WAAY,CAEnE,CAED,SAASyB,EAAWZ,EAAKpa,GAEvB,IAAIqa,EAAQP,EAASM,GAEjBC,IAEEra,IAAU+Z,EAAehnB,MAAM0K,OAAS,GAC1C1E,EAAMiZ,WAAWjQ,KAAK,IAAIkX,IAG5BqB,EAAkBF,GAElBG,EAAiBH,EAAKpa,GAEtBoa,EAAI3mB,UAAW,EACfsmB,EAAehnB,MAAMgnB,EAAehnB,MAAM0K,OAAS,GAAG8b,WAAY,EAClEQ,EAAehnB,MAAMgnB,EAAehnB,MAAM0K,OAAS,GAAGhK,UAAW,EAGpE,C,OAED0F,EAAAA,EAAAA,KAAU,KAGR,IAAI8hB,EAAalB,EAAehnB,MAEhCgG,EAAMiZ,WAAWnP,SAAQ,SAAU9I,GAGjC,IAAImhB,EAAY,IAAI,IAAI9B,MAAwBrf,GAGhDmhB,EAAU5B,eAAgB,EAC1B4B,EAAUznB,UAAW,EAErBwnB,EAAWlZ,KAAKmZ,EACjB,IAGDD,EAAWlZ,KAAK,IAAIqX,GAApB,I,sgICpNF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,gtBCRO,SAAS+B,GAAsBpO,GAElC,IAAIqO,GAAS,EAEb,IAAK,MAAM7gB,KAAQwS,EAEc,kBAAjBA,EAAMxS,IAAuBwS,EAAMxS,GAE3C6gB,GAAS,EAGHrO,EAAMiJ,eAAe,WAExBjJ,EAAMxS,KAAO6gB,GAAS,GAKN,OAAhBrO,EAAMxS,IAEFwS,EAAMxS,GAAMxH,QAAOqoB,GAAS,GAK3C,OAAOA,CACV,C,qkCCrBD,MAAMC,GAAa3hB,EAAAA,EAAAA,KAAS,IAEnBX,EAAMuiB,Y,kwBCDf,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,2tBCSA,MAAMC,GAAiB7hB,EAAAA,EAAAA,KAAS,IAEvBX,EAAMyiB,Y,+wBCbf,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,mrBCDM5H,GAAqBlX,EAAAA,EAAAA,IAAI3D,EAAM8a,cAC/BC,GAAcpX,EAAAA,EAAAA,KAAI,GAClBqC,GAAarC,EAAAA,EAAAA,IAAI,MACjBsX,GAAYtX,EAAAA,EAAAA,IAAI,KAChB0X,GAAqB1X,EAAAA,EAAAA,IAAI,CAACxD,KAAMmb,OAAQnQ,QAAS,IAGjDoQ,GAAW5X,EAAAA,EAAAA,MACX6X,GAAY7X,EAAAA,EAAAA,MA2BZ+e,IA1BQ/e,EAAAA,EAAAA,OAwBahD,EAAAA,EAAAA,KAAS,IAAMob,OAEnBpb,EAAAA,EAAAA,IAAU,CAE/BgiB,MAEE,OAAO/J,GAAuB5Y,EAAMiZ,WAAYjZ,EAAMqa,UAEvD,EAEDuI,IAAIC,GAEF,OAAOA,CACR,KAIGC,GAAsBniB,EAAAA,EAAAA,KAAS,IAE/BX,EAAM+iB,cAEH/iB,EAAM+iB,cAAe,EAFI/iB,EAAM3F,MAAO,IAKzC2oB,EAAS,CACbC,QAAUC,IACRA,EAAGzB,WAAWE,OAAd,GAKJ,SAAS5F,IACP,OAAI/b,EAAMyc,cACD,4BAEF,EACR,CAID,SAASU,EAAiCrC,IAExCsC,EAAAA,EAAAA,KAAS,KAEP,IAAIC,EAAe9B,EAASvhB,MACxBsjB,EAAa9B,EAAUxhB,MAEvBujB,EAAmBF,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBC,IACxEC,EAAoBP,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBG,KACzEC,EAAaT,EAAaG,IAAIC,SAAS,GAAGC,wBAAwBrjB,MAAQ,EAG9E,GAAIijB,EAAY,CAEd,IAAIS,EAAeT,EAAWU,aAAe,GAC7C3C,EAAmBrhB,MAAQ+jB,EAOzBT,EAAWnY,MAAMoQ,QALduF,EAKyB,QAAOyC,EAAmBQ,EAAe,eAAeH,EAAoB,gBAAgBE,EAAa,QAHzG,QAAOP,EAAmB,eAAeK,EAAoB,gBAAgBE,EAAa,OAMzH,IAIJ,CAED,SAASG,IAEP3d,SAAS4d,oBAAoB,QAASC,GAEtC5U,aAAavD,EAAWhM,MAEzB,CAED,SAASokB,EAAuB9kB,GAG9B,GAAIyhB,EAAY/gB,MAAO,CAErB,IAAIsjB,EAAa9B,EAAUxhB,MAEvBqkB,EAAYf,EAAWgB,UACvBC,EAAajB,EAAWkB,WACxBC,EAAcnB,EAAWI,wBAAwBrjB,MACjD0jB,EAAeT,EAAWU,aAAe,GAGzCU,EAAeL,EAAYN,EAAe,GAC1CY,EAAoBN,EAAYN,EAAe,GAE9ClD,EAAmB7gB,OAoBlBV,EAAEslB,QAAUL,GAAcjlB,EAAEslB,QAAUL,EAAaE,EAAc,IAAMnlB,EAAEulB,MAAQR,GAC9E/kB,EAAEulB,MAAQF,KAEfzM,OAAO4M,iBAAiB,SAAUX,GAClC7d,SAASwe,iBAAiB,QAASX,GAE/BJ,IAAiB1C,EAAmBrhB,QAEtCuP,aAAavD,EAAWhM,OACxBgM,EAAWhM,MAAQyP,YAAW,IAAM0U,KAAgBlD,EAAUjhB,UA3B9DV,EAAEslB,QAAUL,GAAcjlB,EAAEslB,QAAUL,EAAaE,EAAc,IAAMnlB,EAAEulB,MAAQ3M,OAAO6M,QAAUV,GAC/F/kB,EAAEulB,MAAQH,KAEfxM,OAAO4M,iBAAiB,SAAUX,GAClC7d,SAASwe,iBAAiB,QAASX,GACnCjM,OAAO4M,iBAAiB,QAASX,GAG7BJ,IAAiB1C,EAAmBrhB,QAEtCuP,aAAavD,EAAWhM,OACxBgM,EAAWhM,MAAQyP,YAAW,IAAM0U,KAAgBlD,EAAUjhB,QAwBrE,CACF,CAED,SAASglB,EAAW1lB,GAIlBuhB,EAAmB7gB,OAAQ,EAC3B,IAAIilB,EAAkB/M,OAAOgN,YAAc,IAEvC5lB,EAAE6lB,QAAUF,IAEdpE,EAAmB7gB,OAAQ,GAG7B+gB,EAAY/gB,OAAS+gB,EAAY/gB,MAEjCmjB,EAAiCtC,EAAmB7gB,MAErD,CAED,SAASolB,EAAW9lB,GACdyhB,EAAY/gB,OAAOV,EAAEsO,gBAC1B,CAGD,SAASuW,IAEPpD,EAAY/gB,OAAQ,EACpBkY,OAAOgM,oBAAoB,SAAUC,GACrC7d,SAAS4d,oBAAoB,QAASC,GACtCjM,OAAOgM,oBAAoB,QAASC,EACrC,CAGD,SAASxD,IACPI,EAAY/gB,OAAQ,EACpBoO,EAAM,oBAAqB,IAC3BA,EAAM,wBAAyB,IAAIxN,GAAAA,EAAW,GAAG,GAClD,CAED,SAASuoB,EAAWnpB,GAElBoO,EAAM,wBAAyB,IAAIxN,GAAAA,GACnCwN,EAAM,oBAAqBpO,EAC5B,C,0vCCnND,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRe,MAAMopB,GACjBrpB,cAEIE,KAAKf,GAAK,EACVe,KAAKE,MAAQ,GACbF,KAAKopB,UAAY,GACjBppB,KAAKqpB,SAAW,GAChBrpB,KAAKspB,MAAQ,GACbtpB,KAAKupB,MAAQ,GACbvpB,KAAKwpB,WAAa,GAClBxpB,KAAKD,MAAQ,EAEhB,ECVU,MAAM0pB,GACjB3pB,cACIE,KAAK0pB,mBAAqB,CAAC,WAAY,gBAAiB,mBAAoB,qBAC5E1pB,KAAKsR,YAAc,IAAI3Q,GAAAA,EACvBX,KAAK2pB,WAAc,IAAIhpB,GAAAA,EACvBX,KAAK4pB,oBAAsB,IAAIjpB,GAAAA,EAC/BX,KAAK6pB,oBAAsB,IAAIlpB,GAAAA,EAC/BX,KAAK8pB,YAAc,IAAInpB,GAAAA,EACvBX,KAAK+pB,cAAgB,IAAIppB,GAAAA,EACzBX,KAAKgqB,gBAAkB,IAAIrpB,GAAAA,EAC3BX,KAAKiqB,eAAiB,IAAItpB,GAAAA,EAC1BX,KAAKkqB,iBAAmB,IAAIvpB,GAAAA,EAC5BX,KAAKmqB,uBAAyB,IAAIxpB,GAAAA,EAClCX,KAAKoqB,oBAAsB,IAAIzpB,GAAAA,EAC/BX,KAAKqqB,wBAA0B,IAAI1pB,GAAAA,EACnCX,KAAKsqB,uBAAyB,IAAI3pB,GAAAA,EAClCX,KAAKuqB,oBAAsB,IAAI5pB,GAAAA,EAC/BX,KAAKwqB,oBAAsB,IAAI7pB,GAAAA,EAC/BX,KAAKyqB,yBAA2B,IAAI9pB,GAAAA,EACpCX,KAAKiS,cAAgB,IAAItR,GAAAA,EACzBX,KAAK0qB,aAAe,IAAI/pB,GAAAA,EACxBX,KAAK4U,cAAgB,IAAIjU,GAAAA,EACzBX,KAAK2qB,sBAAwB,IAAIhqB,GAAAA,EACjCX,KAAK4qB,sBAAwB,IAAIjqB,GAAAA,EACjCX,KAAK6qB,cAAgB,IAAIlqB,GAAAA,EACzBX,KAAK8qB,gBAAkB,IAAInqB,GAAAA,EAC3BX,KAAK+qB,kBAAoB,IAAIpqB,GAAAA,EAC7BX,KAAKgrB,iBAAmB,IAAIrqB,GAAAA,EAC5BX,KAAKirB,mBAAqB,IAAItqB,GAAAA,EAC9BX,KAAKkrB,yBAA2B,IAAIvqB,GAAAA,EACpCX,KAAKmrB,sBAAwB,IAAIxqB,GAAAA,EACjCX,KAAKorB,0BAA4B,IAAIzqB,GAAAA,EACrCX,KAAKqrB,yBAA2B,IAAI1qB,GAAAA,EACpCX,KAAKsrB,sBAAwB,IAAI3qB,GAAAA,EACjCX,KAAKurB,sBAAwB,IAAI5qB,GAAAA,CACpC,EClCU,MAAM6qB,WAAiC/B,GAElD3pB,cAEIumB,QAEArmB,KAAKyrB,YAAc,IAAI9qB,GAAAA,EACvBX,KAAK0rB,mBAAqB,IAAI/qB,GAAAA,EAC9BX,KAAK2rB,qBAAuB,IAAIhrB,GAAAA,EAChCX,KAAK4rB,gBAAkB,IAAIjrB,GAAAA,EAC3BX,KAAK6rB,oBAAsB,IAAIlrB,GAAAA,EAC/BX,KAAK8rB,qBAAuB,IAAInrB,GAAAA,EAChCX,KAAK+rB,2BAA6B,IAAIprB,GAAAA,EACtCX,KAAKgsB,oBAAsB,IAAIrrB,GAAAA,EAC/BX,KAAKisB,mBAAqB,IAAItrB,GAAAA,EAC9BX,KAAKksB,qBAAuB,IAAIvrB,GAAAA,EAChCX,KAAKmsB,qBAAuB,IAAIxrB,GAAAA,EAChCX,KAAKosB,iBAAmB,IAAIzrB,GAAAA,EAC5BX,KAAKqsB,cAAgB,IAAI1rB,GAAAA,EACzBX,KAAKssB,iBAAmB,IAAI3rB,GAAAA,EAC5BX,KAAKusB,YAAc,IAAI5rB,GAAAA,EACvBX,KAAKwsB,YAAc,IAAI7rB,GAAAA,CAE1B,ECvBU,MAAM8rB,WAAiChD,GAElD3pB,cACIumB,QAEArmB,KAAKgC,YAAc,IAAIrB,GAAAA,EACvBX,KAAK0sB,eAAiB,IAAI/rB,GAAAA,EAC1BX,KAAK2sB,cAAgB,IAAIhsB,GAAAA,EACzBX,KAAK4sB,cAAgB,IAAIjsB,GAAAA,EACzBX,KAAK0S,YAAc,IAAI/R,GAAAA,EACvBX,KAAK0E,SAAW,IAAI/D,GAAAA,EACpBX,KAAKuT,aAAe,IAAI5S,GAAAA,EACxBX,KAAK6sB,aAAe,IAAIlsB,GAAAA,EACxBX,KAAK8sB,SAAW,IAAInsB,GAAAA,EACpBX,KAAKD,MAAQ,IAAIY,GAAAA,EACjBX,KAAK+sB,QAAU,IAAIpsB,GAAAA,EACnBX,KAAKgtB,gBAAkB,IAAIrsB,GAAAA,EAC3BX,KAAKusB,YAAc,IAAI5rB,GAAAA,EACvBX,KAAKwsB,YAAc,IAAI7rB,GAAAA,EACvBX,KAAKitB,cAAgB,IAAItsB,GAAAA,EACzBX,KAAKktB,gBAAkB,IAAIvsB,GAAAA,CAE9B,ECxBU,MAAMwsB,GACjBrtB,cAEIE,KAAKf,GAAK,EACVe,KAAKsR,YAAc,GACnBtR,KAAK4pB,oBAAsB,GAC3B5pB,KAAK6pB,oBAAsB,GAC3B7pB,KAAK8pB,YAAc,GACnB9pB,KAAK+pB,cAAgB,GACrB/pB,KAAKiqB,eAAiB,GACtBjqB,KAAKgqB,gBAAkB,GACvBhqB,KAAKkqB,iBAAmB,GACxBlqB,KAAKotB,iBAAmB,EACxBptB,KAAKmqB,uBAAyB,GAC9BnqB,KAAKoqB,oBAAsB,GAC3BpqB,KAAKqqB,wBAA0B,GAC/BrqB,KAAKsqB,uBAAyB,GAC9BtqB,KAAKuqB,oBAAsB,GAC3BvqB,KAAKwqB,oBAAsB,GAC3BxqB,KAAKyqB,yBAA2B,GAChCzqB,KAAKqtB,gBAAkB,GACvBrtB,KAAK2pB,WAAa,EACrB,ECvBU,MAAM2D,GACjBxtB,cAEIE,KAAKf,GAAK,EACVe,KAAKiS,cAAgB,GACrBjS,KAAK2qB,sBAAwB,GAC7B3qB,KAAK4qB,sBAAwB,GAC7B5qB,KAAK6qB,cAAgB,GACrB7qB,KAAK8qB,gBAAkB,GACvB9qB,KAAKgrB,iBAAmB,GACxBhrB,KAAK+qB,kBAAoB,GACzB/qB,KAAKirB,mBAAqB,GAC1BjrB,KAAKutB,mBAAqB,GAC1BvtB,KAAKkrB,yBAA2B,GAChClrB,KAAKmrB,sBAAwB,GAC7BnrB,KAAKorB,0BAA4B,GACjCprB,KAAKqrB,yBAA2B,GAChCrrB,KAAKsrB,sBAAwB,GAC7BtrB,KAAKurB,sBAAwB,GAC7BvrB,KAAKwtB,kBAAoB,GACzBxtB,KAAK0qB,aAAe,GACpB1qB,KAAK4U,cAAgB,EACxB,ECnBE,MAAM6Y,GAET3tB,cAEIE,KAAKf,GAAK,EACVe,KAAKiC,UAAY,GACjBjC,KAAK0tB,SAAW,GAEhB1tB,KAAK2tB,QAAU,IAAIR,GACnBntB,KAAK4tB,UAAY,IAAIN,GAErBttB,KAAKioB,WAAa,CAEd4F,cAAe,GACftB,YAAa,GACbC,YAAa,GACbsB,iBAAkB,GAClBC,SAAS,GACTtb,KAAM,IAGVzS,KAAKguB,SAAW,CAEZL,SAAS,EACTC,WAAW,GAIf5tB,KAAKiuB,qBAAsB,EAC3BjuB,KAAKkuB,gBAAiB,EAEtBluB,KAAKmuB,MAAQ,EAEhB,EClCU,MAAMC,WAAuBX,GAExC3tB,cACIumB,QAEArmB,KAAK2f,SAAW,CAEZ8L,YAAa,GACb4C,sBAAsB,EACtB3C,mBAAoB,GACpBC,qBAAsB,GACtBC,gBAAiB,GACjBC,oBAAqB,GACrBC,qBAAsB,GACtBwC,uBAAwB,GACxBvC,2BAA4B,GAC5BC,oBAAqB,GACrBM,iBAAkB,GAClBL,mBAAoB,GACpBC,qBAAsB,GACtBC,qBAAsB,GACtBC,iBAAkB,GAClBC,cAAe,GACfkC,mBAAmB,EACnBC,wBAAyB,IAI7BxuB,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACXjO,UAAU,EACVsI,YAAY,EACZyG,WAAW,GAGf1uB,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACXjO,UAAU,EACVsI,YAAY,GAGhBjoB,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAIrBpvB,KAAKqvB,oBAAsB,EAsD9B,EC/GU,MAAMC,WAAuB7B,GAExC3tB,cACIumB,QAEArmB,KAAKuvB,eAAiB,CAElBvC,iBAAiB,EACjBC,eAAe,GAGnBjtB,KAAKwvB,YAAc,CAEfxtB,YAAa,GACb0qB,eAAgB,GAChBC,cAAe,GACfC,cAAe,GACf6C,eAAe,EACfC,WAAW,EACXC,cAAe,GACfjd,YAAa,GACbhO,SAAU,GACV6O,aAAc,GACdsZ,aAAc,GACdC,SAAU,GACV/sB,MAAO,GACPgtB,QAAS,GACTC,gBAAiB,GACjB4C,iBAAkB,IAGtB5vB,KAAKktB,gBAAkB,GAEvBltB,KAAK6V,QAAU,GAEf7V,KAAK6vB,cAAgB,CAIjBha,SAAS,EAETia,eAAe,EACfC,QAAQ,EACRC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLpuB,OAAO,EACPquB,QAAQ,EACRC,OAAO,EACPC,kBAAkB,EAClBC,eAAe,EACfC,iBAAiB,GAGrBvwB,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACX4B,aAAa,EACbvH,YAAY,EACZyG,WAAW,EACX7Y,SAAS,GAGb7V,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACX4B,aAAa,EACbvH,YAAY,EACZpS,SAAS,GAGb7V,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAIrBpvB,KAAKqvB,oBAAsB,EAsD9B,EC/IE,SAASmB,GAA0BC,EAAWjV,EAAqBmL,GAEtE,IAAIyB,GAAS,EAuCb,OArCAzB,EAAe9W,SAAQ9I,IAKfA,EAAK+f,UAgBD2J,EAAUzN,eAAejc,EAAK8f,UAAU3lB,cAEnCuvB,EAAU1pB,EAAK8f,WAKhBrL,EAAoBzU,EAAK8f,WAAW9mB,OAAQ,GAJ5Cyb,EAAoBzU,EAAK8f,WAAW9mB,OAAQ,EAC5Cyb,EAAoBzU,EAAK8f,WAAWjmB,cAAgB,EACpDwnB,GAAS,GAOpB,IAIEA,CACV,CC1CM,SAASsI,GAAiBC,GAEzB,IAAIC,EAAW,GACXC,EAAQ,GACRC,EAAY,EACZC,EAAO,CAAC,KAAM,MAGlB,IAAK,IAAIrjB,EAAI,EAAGojB,EAAY,KAAOpjB,IAAK,CACpC,IAAIsjB,EAAQhwB,KAAKiwB,MAAMH,EAAU,IAC7BI,EAAWJ,EAAY,GAGb,KAAXH,IAAcE,EAAMnjB,IAAM,GAAMsjB,EAAQ,IAAKG,OAAO,GAAK,KAAO,IAAMD,GAASC,OAAO,GAAKJ,EAAK/vB,KAAKiwB,MAAMD,EAAM,MAIvG,IAAVL,IAAaE,EAAMnjB,GAAK,CAACzO,GAAIyO,EAAG3N,OAAQ,IAAOixB,EAAQ,IAAKG,OAAO,GAAK,KAAO,IAAMD,GAASC,OAAO,KACxGL,GAAwBF,CAC3B,CAED,OAAOC,CAEd,CCtBc,MAAMO,GACjBtxB,cAEIE,KAAKf,GAAK,EACVe,KAAKiC,UAAY,EACpB,ECJE,SAASovB,GAAkBC,EAAWtX,GAGzC,IAAIuX,EAAoB,IAAIH,GA+C5B,SAASI,EAAqBtY,GAE1BqY,EAAkBrY,GAAW/M,KAAKC,MAAMD,KAAKE,UAAUilB,EAAUpY,KACjEqY,EAAkBrY,GAAS4T,SAAYyE,EAAkBrY,GAAS4T,UAAWvU,MAAM,KAAK,GACxFgZ,EAAkBrY,GAASuY,eAAiBF,EAAkBrY,GAASwY,kBAAmBvP,OAC1FoP,EAAkBrY,GAASyY,WAAaJ,EAAkBrY,GAAS0Y,cAAezP,OAClFoP,EAAkBrY,GAAS2Y,gBAAkBN,EAAkBrY,GAAS4Y,mBAAoB3P,OAC5FoP,EAAkBrY,GAAS6Y,iBAAmBR,EAAkBrY,GAAS8Y,oBAAqB7P,OAC9FoP,EAAkBrY,GAASyQ,WAAa2H,EAAU3D,QAAQhE,WAC1D4H,EAAkBrY,GAASwR,aAAe4G,EAAU1D,UAAUlD,aAC9D6G,EAAkBrY,GAAS+Y,uBAAyBX,EAAU1D,UAAUhZ,cAExE2c,EAAkBrY,GAASzG,KAAO6e,EAAUrJ,WAAWxV,KAEvD6e,EAAUpD,eAAiBqD,EAAkBxD,SAAW,OACpDwD,EAAkBxD,SAAW,QACpC,CAED,OA/DAwD,EAAkBtyB,GAAKqyB,EAAUryB,GACjCsyB,EAAkBtvB,UAAYqvB,EAAUrvB,UAExCsvB,EAAkB5D,QAAUxhB,KAAKC,MAAMD,KAAKE,UAAUilB,EAAU3D,UAChE4D,EAAkB5D,QAAQ1D,eAAiBsH,EAAkB5D,QAAQ1D,gBAAiB1R,MAAM,KAAK,GACjGgZ,EAAkB5D,QAAQrc,YAAcigB,EAAkB5D,QAAQrc,aAAciH,MAAM,KAAK,GAAG4J,cACvFoP,EAAkB5D,QAAQN,gBAEjCkE,EAAkB3D,UAAYzhB,KAAKC,MAAMD,KAAKE,UAAUilB,EAAU1D,YAClE2D,EAAkB3D,UAAU5C,iBAAmBuG,EAAkB3D,UAAU5C,kBAAmBzS,MAAM,KAAK,GACzGgZ,EAAkB3D,UAAU3b,cAAgBsf,EAAkB3D,UAAU3b,eAAgBsG,MAAM,KAAK,GAAG4J,cAC/FoP,EAAkB3D,UAAUJ,kBAEnC+D,EAAkBtJ,WAAa9b,KAAKC,MAAMD,KAAKE,UAAUilB,EAAUrJ,aAGnEqJ,EAAUrD,oBAAsBsD,EAAkBtJ,WAAWiK,cAAgB,WACzEX,EAAkBtJ,WAAWiK,cAAgB,SAEjDX,EAAkBtJ,WAAWsE,YAAcgF,EAAkBtJ,WAAWsE,aAAcrrB,WACtFqwB,EAAkBtJ,WAAW6F,iBAAmByD,EAAkBtJ,WAAW6F,kBAAmB5sB,WAEhGqwB,EAAkBpD,MAAQmD,EAAUnD,MAEjB,mBAAhBnU,IAECuX,EAAkB5R,SAAWxT,KAAKC,MAAMD,KAAKE,UAAUilB,EAAU3R,WACjE4R,EAAkB5R,SAASyM,iBAAmBmF,EAAkB5R,SAASyM,kBAAmB7T,MAAM,KAAK,GACvGgZ,EAAkB5R,SAASmM,qBAAuBwF,EAAU3R,SAAS2O,uBAAyBgD,EAAU3R,SAAS2O,uBAAyB,UACnIiD,EAAkB5R,SAAS2O,wBAGnB,mBAAhBtU,IAECuX,EAAkB/B,YAAcrjB,KAAKC,MAAMD,KAAKE,UAAUilB,EAAU9B,cACpE+B,EAAkB1b,QAAUyb,EAAUzb,QACtC0b,EAAkBrE,gBAAkBoE,EAAUpE,gBAC9CqE,EAAkB/B,YAAY1C,SAAWyE,EAAkB/B,YAAY1C,UAAWvU,MAAM,KAAK,IAG9E,cAAhByB,GAA6BwX,EAAqB,kBAClC,cAAhBxX,GAA6BwX,EAAqB,eAClC,eAAhBxX,GAA8BwX,EAAqB,gBACnC,eAAhBxX,GAA8BwX,EAAqB,gBAoB/CD,CAEV,CCtEMtY,eAAekZ,GAAuBrZ,EAAO0T,EAAaxN,GAExDA,EAAWiJ,WAAWiK,gBAAelT,EAAWiJ,WAAWiK,cAAgB,UAEhFlT,EAAWiJ,WAAWuE,YAAcA,EAEpC,MAAMniB,QAAiBqS,GAAI0V,oBACvBpT,EAAWiJ,WAAW4F,cAAe7O,EAAWiJ,WAAWiK,cAAepZ,GAE9E,GAAIzO,EAEA,IAEI2U,EAAWiJ,WAAW6F,iBAAmBzjB,EAASgoB,iBAClDrT,EAAWiJ,WAAWsE,YAAcliB,EAASkiB,WAIhD,CAHC,MAAOhqB,GAGR,CAGR,CCvBM,SAAS+vB,GAAqBjrB,EAAM2X,GAEvCA,EAAW2O,QAAQN,gBAAkB,GAErCrO,EAAW2O,QAAQ1uB,GAAKoI,EAAKpI,GAC7B+f,EAAW2O,QAAQ/D,oBAAsBviB,EAAKoK,aAC9CuN,EAAW2O,QAAQ9D,oBAAsBxiB,EAAKqK,aAC9CsN,EAAW2O,QAAQ7D,YAAcziB,EAAKkrB,KAElClrB,EAAKyK,UACLkN,EAAW2O,QAAQ1D,eAAiBjL,EAAW4P,SAASO,UAAUnN,MAAKtV,GAAKA,EAAEzN,KAAOoI,EAAKyK,UAAS/R,OAGvGif,EAAW2O,QAAQ5D,cAAgB1iB,EAAKmrB,OACxCxT,EAAW2O,QAAQ3D,gBAAkB3iB,EAAKwK,SAC1CmN,EAAW2O,QAAQzD,iBAAmB7iB,EAAKorB,UAE3CzT,EAAWgP,SAASL,SAAU,EAE3BtmB,EAAKqrB,UAEJrrB,EAAKqrB,SAAS7iB,SAAQ8iB,IAClB3T,EAAW2O,QAAQN,gBAAgBte,KAAK4jB,EAAxC,GAKX,CC3BM,SAASC,GAAwB5T,EAAY6T,EAAWrX,GAE3D,MAAMsX,EAAkB,gDAExB,OAAID,IAEI7T,EAAW2O,QAAQnD,oBAAoB/f,OAAS,OAE5CqoB,EAAgBtS,KAAKxB,EAAW2O,QAAQnD,uBAK5ChP,EAAoBgP,oBAAoBzqB,OAAQ,EAChDyb,EAAoBgP,oBAAoB5pB,cAAgB,GAEjD,MAOPoe,EAAW4O,UAAUrC,sBAAsB9gB,OAAS,OAEhDqoB,EAAgBtS,KAAKxB,EAAW4O,UAAUrC,yBAK9C/P,EAAoB+P,sBAAsBxrB,OAAQ,EAClDyb,EAAoB+P,sBAAsB3qB,cAAgB,GAEnD,GAQlB,CCzCM,SAASmyB,GAAmB/T,EAAYpF,GAE3C,MAAa,YAATA,KAA8BoF,EAAW2O,QAAQtD,0BAA2BrL,EAAW2O,QAAQrD,wBAEtF,cAAT1Q,KAAgCoF,EAAW4O,UAAUxC,4BAA6BpM,EAAW4O,UAAUvC,+BAA3G,CAEH,CCNM,SAAS2H,GAAqBhU,EAAY6T,GAE7C,OAAIA,IAEW7T,EAAW2O,QAAQxD,yBAC1BnL,EAAW2O,QAAQtD,0BAA2BrL,EAAW2O,QAAQrD,0BAI1DtL,EAAW4O,UAAU1C,2BAA4BlM,EAAW4O,UAAUxC,4BAC1EpM,EAAW4O,UAAUvC,yBAGnC,CCbM,SAAS4H,GAAuB5rB,EAAM2X,GAEzCA,EAAW4O,UAAUJ,kBAAoB,GAEzCxO,EAAW4O,UAAU3uB,GAAKoI,EAAKpI,GAC/B+f,EAAW4O,UAAUjD,sBAAwBtjB,EAAKoK,aAClDuN,EAAW4O,UAAUhD,sBAAwBvjB,EAAKqK,aAClDsN,EAAW4O,UAAU/C,cAAgBxjB,EAAKkrB,KAEtClrB,EAAKyK,UACLkN,EAAW4O,UAAU5C,iBAAmBhM,EAAW4P,SAASO,UAAUnN,MAAKtV,GAAKA,EAAEzN,KAAOoI,EAAKyK,UAAS/R,OAG3Gif,EAAW4O,UAAU9C,gBAAkBzjB,EAAKmrB,OAC5CxT,EAAW4O,UAAU7C,kBAAoB1jB,EAAKwK,SAC9CmN,EAAW4O,UAAU3C,mBAAqB5jB,EAAKorB,UAE/CzT,EAAWgP,SAASJ,WAAY,EAE7BvmB,EAAKqrB,UAEJrrB,EAAKqrB,SAAS7iB,SAAQ8iB,IAClB3T,EAAW4O,UAAUJ,kBAAkBze,KAAK4jB,EAA5C,GAIX,CC1BM,SAASO,GAAuBlU,GAEnCA,EAAW2O,QAAQP,iBAAmB,EACtCpO,EAAW2O,QAAQxD,uBAAyB,GAC5CnL,EAAW2O,QAAQvD,oBAAsB,GACzCpL,EAAW2O,QAAQtD,wBAA0B,GAC7CrL,EAAW2O,QAAQrD,uBAAyB,GAC5CtL,EAAW2O,QAAQpD,oBAAsB,GACzCvL,EAAW2O,QAAQnD,oBAAsB,GACzCxL,EAAW2O,QAAQlD,yBAA2B,EACjD,CCVM,SAAS0I,GAAyBnU,GAErCA,EAAW4O,UAAUL,mBAAqB,EAC1CvO,EAAW4O,UAAU1C,yBAA2B,GAChDlM,EAAW4O,UAAUzC,sBAAwB,GAC7CnM,EAAW4O,UAAUxC,0BAA4B,GACjDpM,EAAW4O,UAAUvC,yBAA2B,GAChDrM,EAAW4O,UAAUtC,sBAAwB,GAC7CtM,EAAW4O,UAAUrC,sBAAwB,EAEhD,CCVM,SAAS6H,GAAqBT,EAAS3T,GAE1CA,EAAW2O,QAAQP,iBAAmBuF,EAAQ1zB,GAC9C+f,EAAW2O,QAAQvD,oBAAsBuI,EAAQzyB,MACjD8e,EAAW2O,QAAQtD,wBAA0BsI,EAAQvJ,UACrDpK,EAAW2O,QAAQrD,uBAAyBqI,EAAQtJ,SACpDrK,EAAW2O,QAAQpD,oBAAsBoI,EAAQrJ,MACjDtK,EAAW2O,QAAQnD,oBAAsBmI,EAAQpJ,MACjDvK,EAAW2O,QAAQlD,yBAA2BkI,EAAQnJ,WACtDxK,EAAW2O,QAAQxD,uBAAyBwI,EAAQ5yB,KACvD,CCVM,SAASszB,GAAuBV,EAAS3T,GAE5CA,EAAW4O,UAAUL,mBAAqBoF,EAAQ1zB,GAClD+f,EAAW4O,UAAUzC,sBAAwBwH,EAAQzyB,MACrD8e,EAAW4O,UAAUxC,0BAA4BuH,EAAQvJ,UACzDpK,EAAW4O,UAAUvC,yBAA2BsH,EAAQtJ,SACxDrK,EAAW4O,UAAUtC,sBAAwBqH,EAAQrJ,MACrDtK,EAAW4O,UAAUrC,sBAAwBoH,EAAQpJ,KACxD,CCRc,MAAM+J,GACjBxzB,cAEIE,KAAKf,GAAK,EACVe,KAAKgD,KAAO,GACZhD,KAAKyR,aAAe,GACpBzR,KAAK0R,aAAe,GACpB1R,KAAKuyB,KAAO,GACZvyB,KAAKwyB,OAAS,GACdxyB,KAAK6R,SAAW,GAChB7R,KAAK8R,QAAU,GACf9R,KAAKyyB,UAAY,GACjBzyB,KAAK0yB,SAAW,GAChB1yB,KAAKuzB,kBAAmB,CAC3B,ECTEta,eAAeua,GAAkBxU,EAAYlG,EAAO2a,GAEvD,IAAIva,EAAU,IAAIoa,GAElBpa,EAAQja,GAAK+f,EAAW2O,QAAQ1uB,GAChCia,EAAQlW,KAAOgc,EAAW2O,QAAQrc,aAAe,GACjD4H,EAAQzH,aAAeuN,EAAW2O,QAAQ/D,oBAC1C1Q,EAAQxH,aAAesN,EAAW2O,QAAQ9D,qBAAuB,GACjE3Q,EAAQqZ,KAAOvT,EAAW2O,QAAQ7D,aAAe,GACjD5Q,EAAQsZ,OAASxT,EAAW2O,QAAQ5D,eAAiB,GACrD7Q,EAAQrH,SAAWmN,EAAW2O,QAAQ3D,iBAAmB,GACzD9Q,EAAQpH,QAAUkN,EAAW2O,QAAQ1D,eAAe1R,MAAM,KAAK,IAAM,GACrEW,EAAQuZ,UAAYzT,EAAW2O,QAAQzD,kBAAoB,GAC3DhR,EAAQwZ,SAAW1T,EAAW2O,QAAQN,iBAAmB,GACzDnU,EAAQqa,kBAAmB,EAE3BvU,EAAWgP,SAASL,SAAU,EAE9B,MAAM+F,QAAsBhX,GAAIiX,YAAY,UAAWza,EAASJ,GAEhE,GAAI4a,EAAe,CAEf1sB,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,kCAErD,IAEIme,EAAW2O,QAAQ1uB,GAAKy0B,EAAcz0B,GACtC+f,EAAW2O,QAAQN,gBAAkBqG,EAAchB,SAGP,IAAxC1T,EAAW2O,QAAQP,mBAEnBpO,EAAW2O,QAAQP,iBAAmBsG,EAAchB,SAASgB,EAAchB,SAASjoB,OAAS,GAAGxL,GAQvG,CAHC,MAAOsD,GAGR,CAEJ,CAGJ,CCjDc,MAAMqxB,WAA4BN,GAC7CxzB,cACIumB,OAEH,ECDEpN,eAAe4a,GAAoB7U,EAAYlG,EAAO2a,GAEzD,IAAIva,EAAU,IAAI0a,GAElB1a,EAAQja,GAAK+f,EAAW4O,UAAU3uB,GAClCia,EAAQlW,KAAOgc,EAAW4O,UAAU3b,eAAiB,GACrDiH,EAAQzH,aAAeuN,EAAW4O,UAAUjD,sBAC5CzR,EAAQxH,aAAesN,EAAW4O,UAAUhD,sBAC5C1R,EAAQqZ,KAAOvT,EAAW4O,UAAU/C,cACpC3R,EAAQsZ,OAASxT,EAAW4O,UAAU9C,gBACtC5R,EAAQrH,SAAWmN,EAAW4O,UAAU7C,kBACxC7R,EAAQpH,QAAUkN,EAAW4O,UAAU5C,iBAAiBzS,MAAM,KAAK,GACnEW,EAAQuZ,UAAYzT,EAAW4O,UAAU3C,mBACzC/R,EAAQwZ,SAAW1T,EAAW4O,UAAUJ,kBACxCtU,EAAQqa,kBAAmB,EAE3BvU,EAAWgP,SAASJ,WAAY,EAEhC,MAAM8F,QAAsBhX,GAAIiX,YAAY,YAAaza,EAASJ,GAElE,GAAI4a,EAAe,CAEf1sB,EAAM3F,MAAMqB,oBAAqB,EACjCsE,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,kCAErD,IAEIme,EAAW4O,UAAU3uB,GAAKy0B,EAAcz0B,GACxC+f,EAAW4O,UAAUJ,kBAAoBkG,EAAchB,SAEpDe,IACCzU,EAAW4O,UAAUL,mBAAqBmG,EAAchB,SAASgB,EAAchB,SAASjoB,OAAQ,GAAGxL,GAM1G,CAHC,MAAOsD,GAGR,CAEJ,CACJ,CC7Cc,MAAMuxB,GACjBh0B,cAEIE,KAAKwY,SAAW,GAChBxY,KAAK+zB,KAAO,GACZ/zB,KAAKg0B,YAAc,GACnBh0B,KAAKi0B,SAAW,GAEnB,ECNEhb,eAAeib,GAAwB/F,EAAOnP,GAEjD,IAAK,MAAM+U,KAAQ5F,EAAO,CAGtB,IAAIgG,EAAWnzB,KAAKozB,MAAOL,EAAKM,KAAO,KAAO,KAAQ,KAAO,IAE7D,KAAIF,EAAW,IAmBX,MAAO,CAACJ,KAAMA,EAAMh0B,OAAO,GAnBZ,CAEf,IAAIu0B,EAAc,IAAIR,GAEtB,MAAMS,QAAoBC,EAAYT,GAChCU,EAAYF,EAAYhc,MAAM,KAC9Bmc,EAAiBD,EAAU,GAAGlc,MAAM,KACpCoc,EAAUF,EAAU,GAAGlc,MAAM,KAEnC+b,EAAY9b,SAAWub,EAAK/wB,KAC5BsxB,EAAYN,YAAcU,EAAe,GACzCJ,EAAYL,SAAWU,EAAQ,GAC/BL,EAAYP,KAAOY,EAAQ,GAE3B3V,EAAWmP,MAAMpf,KAAKulB,EAEzB,CAMJ,CAEDrb,eAAeub,EAAYT,GAEvB,aAAaa,EAASb,EACzB,CAED,SAASa,EAASb,GAEd,OAAO,IAAIc,SAAQ,CAACn1B,EAASo1B,KAEzB,IAAIC,EAAS,IAAIC,WAGjBD,EAAOlQ,iBAAiB,WAAWxlB,GAAKK,EAAQL,EAAE6gB,OAAOkI,UACzD2M,EAAOlQ,iBAAiB,QAASiQ,GAEjCC,EAAOE,cAAclB,EAArB,GAEP,CAED,MAAO,CAAC/wB,KAAM,eAAgBjD,OAAO,EAExC,CCtDM,SAASm1B,GAAiBtb,EAAMoF,GAGnC,MAAMmW,EAAW11B,OAAOD,KAAKwf,EAAWyP,eAExC,IAAI2G,EAAcD,EAAS1oB,QAAO,SAAU4oB,GAExC,OAAOrW,EAAWyP,cAAc4G,EACnC,IAID,IAAK,IAAI9tB,KAAQyX,EAAWyP,cAEpBzP,EAAWyP,cAAclnB,KAAUyX,EAAWyP,cAAc7U,KAC5DoF,EAAWyP,cAAclnB,IAAQ,GAOzC,OAFAyX,EAAWyP,cAAc7U,IAASoF,EAAWyP,cAAc7U,GAEpDwb,CACV,CCvBM,SAASE,GAAmB7E,EAAWjV,GAE1C,IAAI,MAAMjU,KAAQkpB,EAEXjV,EAAoBwH,eAAezb,KAElCiU,EAAoBjU,GAAMxH,OAAQ,EAI7C,CCNM,SAASw1B,GAAgBC,EAAMzvB,EAAOyV,GAIzC,OAFAzV,EAAMiZ,WAAWgP,SAASwH,IAAQ,EAErB,YAATA,EAA2BzvB,EAAMiZ,WAAW2O,QAAU,IAAIR,GACjD,cAATqI,EAA6BzvB,EAAMiZ,WAAW4O,UAAY,IAAIN,IAElEgI,GAAmBvvB,EAAMiZ,WAAWwW,GAAOha,EAAoBzb,MAAMgG,EAAM0vB,kCAC3E1vB,EAAMiZ,WAAW2P,eAAe6G,IAAQ,GAE3C,CCdM,SAASE,GAAc/C,EAAS3T,EAAY6T,EAAWY,GAsC1D,OApCGZ,GAECF,EAAQzyB,MAAQ8e,EAAW2O,QAAQvD,oBACnCuI,EAAQvJ,UAAYpK,EAAW2O,QAAQtD,wBACvCsI,EAAQtJ,SAAWrK,EAAW2O,QAAQrD,uBACtCqI,EAAQrJ,MAAQtK,EAAW2O,QAAQpD,oBACnCoI,EAAQpJ,MAAQvK,EAAW2O,QAAQnD,oBACnCmI,EAAQnJ,WAAaxK,EAAW2O,QAAQlD,yBAGxCzL,EAAW2O,QAAQxD,uBAAyBnL,EAAW2O,QAAQvD,oBAAsB,IAC/EpL,EAAW2O,QAAQtD,wBAA0B,IAAMrL,EAAW2O,QAAQrD,uBAE5EqI,EAAQ5yB,MAAQif,EAAW2O,QAAQvD,oBAAsB,IACnDpL,EAAW2O,QAAQtD,wBAA0B,IAAMrL,EAAW2O,QAAQrD,uBAEzEmJ,GAAczU,EAAW2O,QAAQN,gBAAgBte,KAAK4jB,KAIzDA,EAAQzyB,MAAQ8e,EAAW4O,UAAUzC,sBACrCwH,EAAQvJ,UAAYpK,EAAW4O,UAAUxC,0BACzCuH,EAAQtJ,SAAWrK,EAAW4O,UAAUvC,yBACxCsH,EAAQrJ,MAAQtK,EAAW4O,UAAUtC,sBACrCqH,EAAQpJ,MAAQvK,EAAW4O,UAAUrC,sBAErCvM,EAAW4O,UAAU1C,yBAA2BlM,EAAW4O,UAAUzC,sBAAwB,IACvFnM,EAAW4O,UAAUxC,0BAA4B,IAAMpM,EAAW4O,UAAUvC,yBAElFsH,EAAQ5yB,MAAQif,EAAW4O,UAAUzC,sBAAwB,IACvDnM,EAAW4O,UAAUxC,0BAA4B,IAAMpM,EAAW4O,UAAUvC,yBAE/EoI,GAAczU,EAAW4O,UAAUJ,kBAAkBze,KAAK4jB,IAI1DA,CACV,C,o2sBCgCD,MAAM1rB,GAASyU,EAAAA,EAAAA,MACT1U,GAAQwC,EAAAA,EAAAA,MACRsP,GAAQ2C,EAAAA,EAAAA,MAERD,GAAsBzQ,EAAAA,EAAAA,IAAO,uBAY7B4qB,GAAejsB,EAAAA,EAAAA,MACfksB,GAAsBlsB,EAAAA,EAAAA,KAAI,GAG1BmsB,GAAwBnvB,EAAAA,EAAAA,KAAS,IAE9BX,EAAMiZ,WAAW2O,QAAQN,kBAG5ByI,GAA0BpvB,EAAAA,EAAAA,KAAS,IAEhCX,EAAMiZ,WAAW4O,UAAUJ,oBAG9BuI,GAAkBrvB,EAAAA,EAAAA,KAAS,IAExBX,EAAMiZ,WAAWmP,MAAM1jB,SAG1BurB,GAAuBtvB,EAAAA,EAAAA,KAAS,KAGpC,GAAwB,QAApBoS,EAAM5R,OAAOjI,IAAyC,mBAAzB6Z,EAAM5R,OAAOgS,QAE5C,OAAO,CACR,IAIG+c,GAAiBvvB,EAAAA,EAAAA,KAAS,IAAMwvB,MAEhCC,GAAmBzvB,EAAAA,EAAAA,KAAS,IAEzBX,EAAMiZ,WAAWiJ,WAAW4F,cAAcpjB,OAAS,IAI5D,IAAI2rB,GAA6B1sB,EAAAA,EAAAA,MAC7ByP,GAAoBzP,EAAAA,EAAAA,OAExBvD,EAAAA,EAAAA,KAAU,KAEgB,QAApB2S,EAAM5R,OAAOjI,IAAwC,IAAxB8G,EAAMiZ,WAAW/f,IAEhDo3B,EAAiBvd,EAAM5R,OAAOgS,SAShCjS,EAAOqvB,YAAW,CAAC9rB,EAAID,KAErB,MAAMgsB,EAAW,QAAQ/V,KAAKjW,EAAKrD,OAAOjI,IAEtCs3B,GAAiD,mBAArCxwB,EAAM0vB,6BAEpBe,KAEAhb,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIjK,IAGhE+K,GAAiD,mBAArCxwB,EAAM0vB,6BAEpBe,KAEAhb,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIhJ,GACnE,IAIHgK,IAAsB,IAIxB,MAAMC,EAAiB,CACrB,CACEz3B,GAAI,IACJc,MAAO,uBAET,CACEd,GAAI,IACJc,MAAO,uBAIX,SAASm2B,IAEP,OAAOS,EAAS,KACjB,CAED,SAASC,EAA+BpK,GAEtC,MAAMvF,EAAcuF,EAAYzsB,MAChCoyB,GAAuBrZ,EAAOmO,EAAalhB,EAAMiZ,WAElD,CAED,SAAS6X,EAAkBxvB,GAEzB6rB,GAAuBntB,EAAMiZ,YAC7BsT,GAAqBjrB,EAAMtB,EAAMiZ,WAElC,CAED,SAAS8X,EAAoBzvB,GAE3B8rB,GAAyBptB,EAAMiZ,YAC/BiU,GAAuB5rB,EAAMtB,EAAMiZ,WAEpC,CAED,SAAS+X,EAAgCpE,GAEvCS,GAAqBT,EAAS5sB,EAAMiZ,WAErC,CAED,SAASgY,EAAkCrE,GAEzCU,GAAuBV,EAAS5sB,EAAMiZ,WAEvC,CAED,SAASiY,EAAsBxD,GAAe,GAE5CD,GAAkBztB,EAAMiZ,WAAYlG,EAAO2a,EAE5C,CAED,SAASyD,EAAwBzD,GAAe,GAE9CI,GAAoB9tB,EAAMiZ,WAAYlG,EAAO2a,EAE9C,CAED,SAAS0D,EAAoBvd,GAE3B,IAAIwb,EAAcF,GAAiBtb,EAAM7T,EAAMiZ,WAAYxD,GAG9C,YAAT5B,GAAoBwd,EAAYhC,EAAY,IAGnC,YAATxb,GAAoBwd,EAAYxd,EAErC,CAED,SAASyd,EAAoBC,EAAOrkB,GAE9BqkB,EAAMpX,OAAOqX,SAEfxxB,EAAMiZ,WAAWnJ,QAAQ9G,KAAKkE,GAC9BlN,EAAMiZ,WAAW2P,eAAe9Y,SAAU,GAI1C9P,EAAMiZ,WAAWnJ,QAAQ5H,OAAOlI,EAAMiZ,WAAWnJ,QAAQpI,WAAUwU,GAAKA,GAAKhP,IAAS,EAIzF,CAED,SAASukB,EAAuB5d,GAE9B,GAAa,YAATA,EAAoB,CAEtB,IAAI6d,EAAeC,IAInB,YAFID,GAAcN,EAAoB,WAGvC,CAED,IAAIQ,EAAmB7Q,GAASlN,GAIhC,OAFI+d,GAAkBR,EAAoBvd,GAEnC+d,CAER,CAED,SAASC,EAAqB5qB,GAE5BjH,EAAMiZ,WAAWmP,MAAMlgB,OAAOjB,EAAO,EAEtC,CAED,SAAS6qB,IAEPlC,EAAa51B,MAAM6Y,OACpB,CAED,SAASkf,EAAmBtC,GAE1BD,GAAgBC,EAAMzvB,EAAOyV,EAE9B,CAED,SAASuc,EAAkB/J,GAEzB,IAAIgK,EAAiBlR,GAAS,WAC1BmR,EAAiBC,EAAgB,WAErC,GAAIF,GAAkBC,GAAkBE,KAA4BnK,GAAYjoB,EAAMiZ,WAAW2O,QAAQxD,uBAAwB,CAE/H,IAAIiO,EAAgBryB,EAAMiZ,WAAW2O,QAAQN,gBAAgBrL,MAAKtV,GAAKA,EAAEzN,KAAO8G,EAAMiZ,WAAW2O,QAAQP,mBAMzG,OAJAsI,GAAc0C,EAAeryB,EAAMiZ,YAAY,GAAM,QAErDiY,GAID,CAAM,GAAIgB,GAAkBlyB,EAAMiZ,WAAW2P,eAAe,YAAcwJ,IAA0B,CAEnG,IAAIE,EAAa,IAAIlP,GAOrB,OALAuM,GAAc2C,EAAYtyB,EAAMiZ,YAAY,GAAM,QAGlDiY,GAAsB,EAIvB,CAGGlxB,EAAMiZ,WAAW2P,eAAe,YAAcwJ,KAA0BlB,GAE7E,CAED,SAASqB,EAAoBtK,GAE3B,IAAIgK,EAAiBlR,GAAS,aAC1BmR,EAAiBC,EAAgB,aAErC,GAAIF,GAAkBC,GAAkBM,KAA8BvK,GAAYjoB,EAAMiZ,WAAW4O,UAAU1C,yBAA0B,CAErI,IAAIkN,EAAgBryB,EAAMiZ,WAAW4O,UAAUJ,kBAAkBxL,MAAKtV,GAAKA,EAAEzN,KAAO8G,EAAMiZ,WAAW4O,UAAUL,qBAM/G,OAJAmI,GAAc0C,EAAeryB,EAAMiZ,YAAY,GAAO,QAEtDkY,GAID,CAAM,GAAIe,GAAkBlyB,EAAMiZ,WAAW2P,eAAe,cAAgB4J,IAA4B,CAEvG,IAAIF,EAAa,IAAIlP,GAMrB,OAJAuM,GAAc2C,EAAYtyB,EAAMiZ,YAAY,GAAO,QAEnDkY,GAAwB,EAIzB,CAEGnxB,EAAMiZ,WAAW2P,eAAe,cAAgB4J,KAA4BrB,GACjF,CAED,SAASiB,IAEP,OAAOvF,GAAwB7sB,EAAMiZ,YAAY,EAAMxD,EAAoBzb,MAAMgG,EAAM0vB,4BAExF,CAED,SAAS8C,IAEP,OAAO3F,GAAwB7sB,EAAMiZ,YAAY,EAAOxD,EAAoBzb,MAAMgG,EAAM0vB,4BAEzF,CAED,SAASY,EAAiBnd,GAExBjS,EAAO8H,KAAK,CAAC/L,KAAM,UAAWkE,OAAQ,CAACC,MAAOH,EAAM3F,MAAM8F,MAAO+R,QAASA,EAASja,GAAI,SAIrFkP,EAAM,oBAFQ,mBAAZ+K,EAEyB,IAAIkV,GAIJ,IAAIkB,IAGjCmH,IAED,CAED,SAASyB,EAAgBte,GAEvB,OAAOmZ,GAAmBhtB,EAAMiZ,WAAYpF,EAE7C,CAED,SAAS4e,EAAqBC,GAE5B1yB,EAAMiZ,WAAWW,SAAS2O,uBAAyBmK,EAAUx5B,EAC9D,CAED,SAASy5B,EAAkB7F,GAEzB,OAAOG,GAAqBjtB,EAAMiZ,WAAY6T,EAE/C,CAED,SAAS8F,IAEP,QAAS5yB,EAAMiZ,WAAW2O,QAAQrc,aAAevL,EAAMiZ,WAAW2O,QAAQ/D,oBAE3E,CAED,SAASgP,IAEP,QAAS7yB,EAAMiZ,WAAW4O,UAAU3b,eAAiBlM,EAAMiZ,WAAW4O,UAAUjD,sBAEjF,CAED,SAASkO,EAAuBC,GAE9B/yB,EAAMiZ,WAAWwQ,YAAYI,iBAAmBkJ,EAAQC,UAEzD,CAED,SAASrB,IAEP,IAAID,GAAe,EAEnB,MAAMuB,EAAiBtS,GAAsB3gB,EAAMiZ,WAAW4P,SAASQ,gBAAiB,iBAClF6J,EAAmBvS,GAAsB3gB,EAAMiZ,WAAW4P,SAASQ,gBAAiB,mBAoB1F,OAlBI4J,GAAsD,IAApCjzB,EAAMiZ,WAAWnJ,QAAQpL,QAE7C1E,EAAMiZ,WAAW2P,eAAe,YAAa,EAE7C8I,GAAe,GAENwB,IAAqBlzB,EAAMiZ,WAAWkO,iBAE/C1R,EAAoBzb,MAAMgG,EAAM0vB,4BAA4BvI,gBAAgBntB,OAAQ,EACpFgG,EAAMiZ,WAAW2P,eAAe,YAAa,EAE7C8I,GAAe,GAIf1xB,EAAMiZ,WAAW2P,eAAe,YAAa,EAGxC8I,CACR,CAED,SAASL,EAAYxd,GAEfuO,GAAsBpiB,EAAMiZ,WAAWpF,MAEzC7T,EAAMiZ,WAAW2P,eAAe/U,GAAQkN,GAASlN,GAIpD,CAED,SAASkN,GAASlN,GAEhB,IAAIsf,EAAc1I,GAA0BzqB,EAAMiZ,WAAWpF,GACzD4B,EAAoBzb,MAAMgG,EAAM0vB,4BAA6B1vB,EAAMiZ,WAAW4P,SAASQ,iBAI3F,OAFArpB,EAAMiZ,WAAW2P,eAAe/U,GAAQsf,EAEjCA,CAER,CAED,SAAS1C,KAEP,IAAK,IAAIjvB,KAAQxB,EAAMiZ,WAAW2P,eAEhC5oB,EAAMiZ,WAAW2P,eAAepnB,IAAQ,CAG3C,CAED0R,eAAewd,KAEgB,mBAAzB3d,EAAM5R,OAAOgS,UAA8BC,EAAoB,iCACtC,mBAAzBL,EAAM5R,OAAOgS,UAA8BC,EAAoB,iCAEnE,MAAM9O,QAAiBqS,GAAIyc,mBAAmBrgB,EAAOK,GAEjD9O,IAAUtE,EAAMiZ,WAAW4P,SAAWvkB,EAE3C,CAED4O,eAAemgB,GAAkBp2B,EAAMkW,GAErCnT,EAAMiZ,WAAW9F,GAASja,GAAKqP,SAAStL,EAAK/D,IAE7C,IAAIoL,QAAiBqS,GAAI2c,iBAAiBr2B,EAAK/D,GAAI6Z,GAEnD,GAAIzO,EAEF,IAEkB,YAAZ6O,GAAuB2d,EAAkBxsB,GAC7B,cAAZ6O,GAAyB4d,EAAoBzsB,EAMlD,CAJC,MAAO9H,GAIR,CAIJ,CAED0W,eAAeqgB,GAAetf,GAE5BjU,EAAMiZ,WAAW2P,eAAe,WAAa7H,GAAS,WACtD/gB,EAAMiZ,WAAW2P,eAAe,aAAe7H,GAAS,aACxD/gB,EAAMiZ,WAAW2P,eAAe,cAAgB7H,GAAS,cAEhB,mBAArC/gB,EAAM0vB,2BACR1vB,EAAMiZ,WAAW2P,eAAe,YAAc7H,GAAS,aAKvD/gB,EAAMiZ,WAAW2P,eAAe,eAAiB7H,GAAS,eAC1D/gB,EAAMiZ,WAAW2P,eAAe,WAAa+I,KAG/C,IAAK,IAAInwB,KAAQxB,EAAMiZ,WAAW2P,eAEhC,IAA8C,IAA1C5oB,EAAMiZ,WAAW2P,eAAepnB,GAElC,OAAO,EAQX,IAAI8C,QAAiBqS,GAAI6c,YAAYlI,GAAkBtrB,EAAMiZ,WAAYjZ,EAAM0vB,4BAA6Bzb,EAAalB,GAEzH,GAAIzO,EAEF,IAEEtE,EAAMiZ,WAAW/f,GAAKoL,EAASpL,GAC/B8G,EAAMiZ,WAAW/c,UAAYoI,EAASpI,UAItC8D,EAAMiZ,WAAWiJ,WAAa,IAAKliB,EAAMiZ,WAAWiJ,cAAe5d,EAAS4d,YAG5EliB,EAAMiZ,WAAWiJ,WAAWuE,YAAczmB,EAAMiZ,WAAWiJ,WAAWuE,YAAYtrB,kBAC3E6E,EAAMiZ,WAAWiJ,WAAWiK,cAEnClrB,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,6BAItD,CAHC,MAAO0B,GAGR,CAIJ,CAED0W,eAAeugB,GAAoBrL,GAEjCyH,EAAoB71B,OAAQ,EAE5B,IAAI05B,QAAqBvF,GAAwB/F,EAAOpoB,EAAMiZ,YAEzDya,EAAa15B,QAEhB61B,EAAoB71B,OAAQ,EAC5Bq2B,EAA2Br2B,MAAQ05B,EAAa1F,KAAK/wB,KAAlBy2B,qCAGtC,C,278DCxjBD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,8DCEA,MAAMxyB,GAASyU,EAAAA,EAAAA,MAMTge,GAAiB3uB,EAAAA,EAAAA,IAAO,kBACxB4uB,GAAiB5uB,EAAAA,EAAAA,IAAO,kBAE9B,IAAI6uB,GAAqBlwB,EAAAA,EAAAA,IAAI,IAAI0kB,IAC7ByL,GAAqBnwB,EAAAA,EAAAA,IAAI,IAAI4lB,IAEjC,MAAMxW,GAAQ2C,EAAAA,EAAAA,MAERqe,GAAsBpzB,EAAAA,EAAAA,IAAS,CAEnCgiB,MAEE,MAA6B,mBAAzB5P,EAAM5R,OAAOgS,SAAoD,QAApBJ,EAAM5R,OAAOjI,GACrDy6B,EAAe35B,MAEjB65B,EAAmB75B,KAC3B,EAED4oB,IAAI5oB,GAGF25B,EAAe35B,MAAQA,CACxB,IAIGg6B,GAAsBrzB,EAAAA,EAAAA,IAAS,CAEnCgiB,MAEE,MAA6B,mBAAzB5P,EAAM5R,OAAOgS,SAAoD,QAApBJ,EAAM5R,OAAOjI,GACrD06B,EAAe55B,MAEjB85B,EAAmB95B,KAC3B,EAED4oB,IAAI5oB,GACF45B,EAAe55B,MAAQA,CACxB,IAcHkZ,eAAe+gB,IAEb,MAAMC,QAAsBvd,GAAIwd,iBAAiBphB,EAAOA,EAAM5R,OAAOgS,UAAY,KAEjF,GAAG+gB,EAAe,CAEhB,IAAIA,EAAcE,WAAY,OAAOlzB,EAAO8H,KAAK,CAAC/L,KAAM,2BAExDi3B,EAAcjX,eAAe,eAAiBoX,EAAeH,EAAeJ,GAC5EO,EAAeH,EAAeL,EAC/B,CAEF,CAED3gB,eAAemhB,EAAe/yB,EAAM6R,GAElCA,EAAQnZ,MAAQ,IAAImZ,EAAQnZ,SAAUsH,GAGtC6R,EAAQnZ,MAAM4tB,QAAQN,gBAAkB,GACxCnU,EAAQnZ,MAAM6tB,UAAUJ,kBAAoB,GAE5CtU,EAAQnZ,MAAMiuB,SAASL,SAAU,EACjCzU,EAAQnZ,MAAMiuB,SAASJ,WAAY,EAEhC1U,EAAQnZ,MAAMijB,eAAe,cAC9B9J,EAAQnZ,MAAM4f,SAAS6O,wBAA0BtV,EAAQnZ,MAAM4f,SAAS4O,mBAAoB,EACxFrV,EAAQnZ,MAAM4f,SAAS4O,mBAAoB,GAGN,aAA3CrV,EAAQnZ,MAAMkoB,WAAWiK,cAA+BhZ,EAAQnZ,MAAMkuB,qBAAsB,EACxF/U,EAAQnZ,MAAMkuB,qBAAsB,SAEjC/U,EAAQnZ,MAAMkoB,WAAWiK,cAG7BhZ,EAAQnZ,MAAMijB,eAAe,uBAAuB9J,EAAQnZ,MAAMyvB,YAAYxC,gBAEjF,MAAMW,QAAgBjR,GAAI2c,iBAAiBngB,EAAQnZ,MAAM4tB,QAAQ1uB,GAAI6Z,IAAU,KAE/E,GAAI6U,EAAS,CAEXA,EAAQ+E,UAAU7iB,SAAQ9I,IACxBmS,EAAQnZ,MAAM4tB,QAAQN,gBAAgBte,KAAKhI,EAA3C,IAGF,IAAIiL,EAAiBkH,EAAQnZ,MAAM4tB,QAAQN,gBAAgBrL,MAAKtV,GAE5DA,EAAE0c,YAAclQ,EAAQnZ,MAAM4tB,QAAQtD,yBACtC3d,EAAE2c,WAAanQ,EAAQnZ,MAAM4tB,QAAQrD,wBACrC5d,EAAExM,QAAUgZ,EAAQnZ,MAAM4tB,QAAQvD,qBAClC1d,EAAE6c,QAAUrQ,EAAQnZ,MAAM4tB,QAAQnD,qBAClC9d,EAAE4c,QAAUpQ,EAAQnZ,MAAM4tB,QAAQpD,qBAClC7d,EAAE3M,QAAUmZ,EAAQnZ,MAAM4tB,QAAQxD,0BACjC,KAEDnY,GAKFkH,EAAQnZ,MAAM4tB,QAAQP,iBAAmBpb,EAAe/S,GACxDia,EAAQnZ,MAAM4tB,QAAQlD,yBAA2BzY,EAAewX,YALhEtQ,EAAQnZ,MAAM4tB,QAAQxD,uBAAyB,EAQlD,CAED,MAAMyD,QAAkBlR,GAAI2c,iBAAiBngB,EAAQnZ,MAAM6tB,UAAU3uB,GAAI6Z,GAEzE,GAAG8U,EAAW,CAEZA,EAAU8E,UAAU7iB,SAAQ9I,IAC1BmS,EAAQnZ,MAAM6tB,UAAUJ,kBAAkBze,KAAKhI,EAA/C,IAGF,IAAIqL,EAAmB8G,EAAQnZ,MAAM6tB,UAAUJ,kBAAkBxL,MAAKtV,GAElEA,EAAE0c,YAAclQ,EAAQnZ,MAAM6tB,UAAUxC,2BACxC1e,EAAE2c,WAAanQ,EAAQnZ,MAAM6tB,UAAUvC,0BACvC3e,EAAExM,QAAUgZ,EAAQnZ,MAAM6tB,UAAUzC,uBACpCze,EAAE6c,QAAUrQ,EAAQnZ,MAAM6tB,UAAUrC,uBACpC7e,EAAE4c,QAAUpQ,EAAQnZ,MAAM6tB,UAAUtC,uBACpC5e,EAAE3M,QAAUmZ,EAAQnZ,MAAM6tB,UAAU1C,4BACnC,KAGA9Y,GAKH8G,EAAQnZ,MAAM6tB,UAAUL,mBAAqBnb,EAAiBnT,GAC9Dia,EAAQnZ,MAAM6tB,UAAUyM,2BAA6BjoB,EAAiBoX,YALtEtQ,EAAQnZ,MAAM6tB,UAAU1C,yBAA2B,EAStD,CAEF,C,OA5GD/kB,EAAAA,EAAAA,KAAU,KAEgB,QAApB2S,EAAM5R,OAAOjI,IAGf+6B,GACD,I,urBC7DH,MAAM,GAAc,GAEpB,UCLe,MAAMM,GACjBx6B,cAEIE,KAAKf,GAAK,EACVe,KAAKu6B,cAAgB,GACrBv6B,KAAKw6B,IAAM,GACXx6B,KAAKy6B,gBAAkB,GACvBz6B,KAAKgV,WAAa,EACrB,ECNU,MAAM0lB,WAA0BJ,GAC3Cx6B,cAEIumB,QAEArmB,KAAKS,UAAW,EAChBT,KAAKsmB,eAAgB,EACrBtmB,KAAKumB,WAAY,EACjBvmB,KAAKwmB,YAAa,CACrB,E,w4BCMCmU,IADQnxB,EAAAA,EAAAA,OACKE,EAAAA,EAAAA,IAAI,MACAA,EAAAA,EAAAA,MAkBvB,SAASkxB,EAAaC,EAAM7tB,GAE1B,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEFwT,EAAKvU,eAAgB,EACrBuU,EAAKp6B,UAAW,EAEhBk6B,EAAW56B,MAAMgP,KAAK,IAAI2rB,IAC1B30B,EAAMiZ,WAAWjQ,KAAK,IAAIurB,IAE1B/S,EAAiBsT,EAAM7tB,GAI1B,CAED,SAAS8Z,EAAS+T,GAEhB,SAAIA,EAAKN,eAAkBM,EAAKL,KAAQK,EAAKJ,iBAAoBI,EAAK7lB,WAIvE,CAED,SAASuS,EAAiBsT,EAAM7tB,GAG9B,IAAK,MAAM2a,KAAY5hB,EAAMiZ,WAAW,GACtCjZ,EAAMiZ,WAAWhS,GAAO2a,GAAYkT,EAAKlT,EAG5C,CAED,SAASC,EAAciT,GACrBA,EAAKrU,YAAa,CACnB,CAED,SAASqB,EAAagT,GACpBA,EAAKrU,YAAa,CACnB,CAED,SAASsU,EAAgB9tB,EAAO6tB,GAE9BF,EAAW56B,MAAMkO,OAAOjB,EAAO,GAC/BjH,EAAMiZ,WAAW/Q,OAAOjB,EAAO,GAE/B2tB,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,CAE1D,CAED,SAASs6B,EAAcF,GAErBF,EAAW56B,MAAM8P,SAAQ9I,IACvBA,EAAKtG,UAAW,CAAhB,IAGFo6B,EAAKp6B,UAAW,EAChBo6B,EAAKtU,WAAY,EAGjBoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,CAE3D,CAED,SAASyB,EAAW6S,EAAM7tB,GAExB,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEEra,IAAU2tB,EAAW56B,MAAM0K,OAAS,GACtC1E,EAAMiZ,WAAWjQ,KAAK,IAAIurB,IAG5B/S,EAAiBsT,EAAM7tB,GAEvB6tB,EAAKp6B,UAAW,EAChBk6B,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,EAG5D,C,OAED0F,EAAAA,EAAAA,KAAU,KAGR,IAAI4O,EAAa4lB,EAAW56B,MAE5BgG,EAAMiZ,WAAWnP,SAAQ,SAAU9I,GAGjC,IAAIi0B,EAAY,IAAI,IAAIN,MAAwB3zB,GAGhDi0B,EAAU1U,eAAgB,EAC1B0U,EAAUv6B,UAAW,EAErBsU,EAAWhG,KAAKisB,EACjB,IAGDjmB,EAAWhG,KAAK,IAAI2rB,GAApB,I,opFCtIF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCNe,MAAMO,GACjBn7B,YAAY+mB,EAAY,GAAIC,GAAW,EAAOoU,GAAa,EAAOl4B,EAAO,GAAIm4B,EAAc,IAEvFn7B,KAAK6mB,UAAYA,EACjB7mB,KAAK8mB,SAAWA,EAChB9mB,KAAKk7B,WAAaA,EAClBl7B,KAAKgD,KAAOA,EACZhD,KAAKm7B,YAAcA,EACnBn7B,KAAKo7B,QAAU,IAAIz6B,GAAAA,CAEtB,ECTU,MAAM06B,WAAyB5N,GAE1C3tB,cAEIumB,QAEArmB,KAAKs7B,eAAiB,CAElB7J,eAAgB,GAChBC,iBAAkB,GAClBC,WAAY,GACZC,aAAc,GACdC,gBAAiB,GACjBC,kBAAmB,GACnBC,iBAAkB,GAClBC,mBAAoB,GACpBuJ,UAAW,GACXC,UAAW,GACXxnB,KAAM,GACNynB,cAAc,EACdC,sBAAuB,GACvBC,qBAAsB,GACtB35B,YAAa,GACb45B,YAAa,GACbC,MAAO,GACPxP,cAAe,GACfS,SAAU,GACVgP,UAAW,GACXC,QAAS,GACTC,oBAAqB,GACrBC,iBAAkB,GAClBC,oBAAqB,GACrBC,iBAAkB,GAClBC,uBAAwB,GACxBC,oBAAqB,GACrBC,uBAAwB,GACxBC,oBAAqB,GACrBC,qBAAsB,GACtBC,kBAAmB,GACnBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBC,mBAAoB,GACpBC,sBAAuB,GACvBC,mBAAoB,IAIxB/8B,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACX0N,gBAAgB,EAChBrT,YAAY,EACZyG,WAAW,GAGf1uB,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACX0N,gBAAgB,EAChBrT,YAAY,GAGhBjoB,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAIrBpvB,KAAKg9B,gBAAmB,CAEpB,IAAI/B,GAAe,eAAe,GAAM,EAAM,gBAE9C,IAAIA,GAAe,uBAAuB,GAAM,EAAM,yBAiE7D,ECnJU,MAAMgC,WAAyBxP,GAE1C3tB,cAEIumB,QAEArmB,KAAKk9B,YAAc,CAEfzL,eAAgB,GAChBC,iBAAkB,GAClBC,WAAY,GACZC,aAAc,GACdC,gBAAiB,GACjBC,kBAAmB,GACnBC,iBAAkB,GAClBC,mBAAoB,GACpBmL,UAAW,GACXC,YAAa,GACbC,WAAY,GACZhpB,aAAc,GACdipB,YAAa,GACbC,mBAAoB,GACpBv7B,YAAa,GACb45B,YAAa,GACbC,MAAO,GACPxP,cAAe,GACfS,SAAU,GACVgP,UAAW,GACXC,QAAS,GACTC,oBAAqB,GACrBC,iBAAkB,GAClBC,oBAAqB,GACrBC,iBAAkB,GAClBC,uBAAwB,GACxBC,oBAAqB,GACrBC,uBAAwB,GACxBC,oBAAqB,GACrBC,qBAAsB,GACtBC,kBAAmB,GACnBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBC,mBAAoB,GACpBC,sBAAuB,GACvBC,mBAAoB,GACpBS,aAAc,GACd/qB,KAAM,GACNsC,WAAY,IAIhB/U,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACXsP,aAAa,EACbjV,YAAY,EACZyG,WAAW,GAGf1uB,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACXsP,aAAa,EACbjV,YAAY,GAGhBjoB,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAKrBpvB,KAAKy9B,UAAY,QAEjBz9B,KAAKg9B,gBAAmB,CAEpB,IAAI/B,GAAe,eAAe,GAAM,EAAM,gBAE9C,IAAIA,GAAe,uBAAuB,GAAM,EAAM,yBAsE7D,EC9JU,MAAMyC,WAA0BjQ,GAE3C3tB,cAEIumB,QAEArmB,KAAK29B,aAAe,CAEhBlM,eAAgB,GAChBC,iBAAkB,GAClBC,WAAY,GACZC,aAAc,GACdC,gBAAiB,GACjBC,kBAAmB,GACnBC,iBAAkB,GAClBC,mBAAoB,GACpBhwB,YAAa,GACb45B,YAAa,GACbC,MAAO,GACPxP,cAAe,GACfS,SAAU,GACVgP,UAAW,GACX9mB,WAAY,GACZ+mB,QAAS,GACTC,oBAAqB,GACrBC,iBAAkB,GAClBC,oBAAqB,GACrBC,iBAAkB,GAClBC,uBAAwB,GACxBC,oBAAqB,GACrBC,uBAAwB,GACxBC,oBAAqB,GACrBC,qBAAsB,GACtBC,kBAAmB,GACnBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBC,mBAAoB,GACpBC,sBAAuB,GACvBC,mBAAoB,IAIxB/8B,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACX+P,cAAc,EACd1V,YAAY,EACZyG,WAAW,GAGf1uB,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACX+P,cAAc,EACd1V,YAAY,GAGhBjoB,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAIrBpvB,KAAKg9B,gBAAmB,CAEpB,IAAI/B,GAAe,eAAe,GAAM,EAAM,gBAE9C,IAAIA,GAAe,uBAAuB,GAAM,EAAM,yBA6D7D,EC1IU,MAAM2C,WAA0BnQ,GAE3C3tB,cAEIumB,QAEArmB,KAAK69B,aAAe,CAEhBpM,eAAgB,GAChBC,iBAAkB,GAClBC,WAAY,GACZC,aAAc,GACdC,gBAAiB,GACjBC,kBAAmB,GACnBC,iBAAkB,GAClBC,mBAAoB,GACpBhwB,YAAa,GACb45B,YAAa,GACbC,MAAO,GACPxP,cAAe,GACfS,SAAU,GACVgP,UAAW,GACX9mB,WAAY,GACZ+mB,QAAS,GACTC,oBAAqB,GACrBC,iBAAkB,GAClBC,oBAAqB,GACrBC,iBAAkB,GAClBC,uBAAwB,GACxBC,oBAAqB,GACrBC,uBAAwB,GACxBC,oBAAqB,GACrBC,qBAAsB,GACtBC,kBAAmB,GACnBC,qBAAsB,GACtBC,kBAAmB,GACnBC,sBAAuB,GACvBC,mBAAoB,GACpBC,sBAAuB,GACvBC,mBAAoB,IAIxB/8B,KAAKyuB,cAAgB,CAEjBd,SAAS,EACTC,WAAW,EACXiQ,cAAc,EACd5V,YAAY,EACZyG,WAAW,GAGf1uB,KAAK2uB,eAAiB,CAElBhB,SAAS,EACTC,WAAW,EACXiQ,cAAc,EACd5V,YAAY,GAGhBjoB,KAAK4uB,SAAW,CAEZC,SAAU,GACVC,WAAY,GACZC,aAAc,GACdC,aAAc,GACdC,WAAY,GACZC,eAAgB,GAChBC,UAAW,GACXC,gBAAiB,IAIrBpvB,KAAKg9B,gBAAmB,CAEpB,IAAI/B,GAAe,eAAe,GAAM,EAAM,gBAE9C,IAAIA,GAAe,uBAAuB,GAAM,EAAM,yBA6D7D,EC1IU,MAAM6C,WAAmCrU,GAEpD3pB,cAEIumB,QAEArmB,KAAKyxB,eAAiB,IAAI9wB,GAAAA,EAC1BX,KAAK2xB,WAAa,IAAIhxB,GAAAA,EACtBX,KAAK6xB,gBAAkB,IAAIlxB,GAAAA,EAC3BX,KAAK+xB,iBAAmB,IAAIpxB,GAAAA,EAC5BX,KAAKu7B,UAAY,IAAI56B,GAAAA,EACrBX,KAAK+7B,QAAU,IAAIp7B,GAAAA,EACnBX,KAAKg8B,oBAAsB,IAAIr7B,GAAAA,EAC/BX,KAAKk8B,oBAAsB,IAAIv7B,GAAAA,EAC/BX,KAAKs8B,uBAAyB,IAAI37B,GAAAA,EAClCX,KAAK48B,sBAAwB,IAAIj8B,GAAAA,EACjCX,KAAKw8B,qBAAuB,IAAI77B,GAAAA,EAChCX,KAAK08B,qBAAuB,IAAI/7B,GAAAA,EAChCX,KAAKo8B,uBAAyB,IAAIz7B,GAAAA,EAClCX,KAAK88B,sBAAwB,IAAIn8B,GAAAA,EACjCX,KAAK8sB,SAAW,IAAInsB,GAAAA,EACpBX,KAAKqsB,cAAgB,IAAI1rB,GAAAA,EACzBX,KAAK47B,YAAc,IAAIj7B,GAAAA,EACvBX,KAAK67B,MAAQ,IAAIl7B,GAAAA,EACjBX,KAAKusB,YAAc,IAAI5rB,GAAAA,EACvBX,KAAKwsB,YAAc,IAAI7rB,GAAAA,EACvBX,KAAKw7B,UAAY,IAAI76B,GAAAA,EACrBX,KAAKgU,KAAO,IAAIrT,GAAAA,EAChBX,KAAK07B,sBAAwB,IAAI/6B,GAAAA,EACjCX,KAAK27B,qBAAuB,IAAIh7B,GAAAA,EAChCX,KAAKgC,YAAc,IAAIrB,GAAAA,EACvBX,KAAK87B,UAAY,IAAIn7B,GAAAA,CACxB,EChCU,MAAMo9B,WAAmCtU,GAEpD3pB,cAEIumB,QAEArmB,KAAKyxB,eAAiB,IAAI9wB,GAAAA,EAC1BX,KAAK2xB,WAAa,IAAIhxB,GAAAA,EACtBX,KAAK6xB,gBAAkB,IAAIlxB,GAAAA,EAC3BX,KAAK+xB,iBAAmB,IAAIpxB,GAAAA,EAC5BX,KAAKm9B,UAAY,IAAIx8B,GAAAA,EACrBX,KAAK+7B,QAAU,IAAIp7B,GAAAA,EACnBX,KAAKg8B,oBAAsB,IAAIr7B,GAAAA,EAC/BX,KAAKk8B,oBAAsB,IAAIv7B,GAAAA,EAC/BX,KAAKs8B,uBAAyB,IAAI37B,GAAAA,EAClCX,KAAK48B,sBAAwB,IAAIj8B,GAAAA,EACjCX,KAAKw8B,qBAAuB,IAAI77B,GAAAA,EAChCX,KAAK08B,qBAAuB,IAAI/7B,GAAAA,EAChCX,KAAKo8B,uBAAyB,IAAIz7B,GAAAA,EAClCX,KAAK88B,sBAAwB,IAAIn8B,GAAAA,EACjCX,KAAK8sB,SAAW,IAAInsB,GAAAA,EACpBX,KAAKqsB,cAAgB,IAAI1rB,GAAAA,EACzBX,KAAK47B,YAAc,IAAIj7B,GAAAA,EACvBX,KAAK67B,MAAQ,IAAIl7B,GAAAA,EACjBX,KAAKusB,YAAc,IAAI5rB,GAAAA,EACvBX,KAAKwsB,YAAc,IAAI7rB,GAAAA,EACvBX,KAAKo9B,YAAc,IAAIz8B,GAAAA,EACvBX,KAAKq9B,WAAa,IAAI18B,GAAAA,EACtBX,KAAKs9B,YAAc,IAAI38B,GAAAA,EACvBX,KAAKu9B,mBAAqB,IAAI58B,GAAAA,EAC9BX,KAAKgC,YAAc,IAAIrB,GAAAA,EACvBX,KAAK87B,UAAY,IAAIn7B,GAAAA,EACrBX,KAAKqU,aAAe,IAAI1T,GAAAA,EACxBX,KAAKw9B,aAAe,IAAI78B,GAAAA,EACxBX,KAAKyS,KAAO,IAAI9R,GAAAA,CACnB,ECnCU,MAAMq9B,WAAoCvU,GAErD3pB,cAEIumB,QAEArmB,KAAKyxB,eAAiB,IAAI9wB,GAAAA,EAC1BX,KAAK2xB,WAAa,IAAIhxB,GAAAA,EACtBX,KAAK6xB,gBAAkB,IAAIlxB,GAAAA,EAC3BX,KAAK+xB,iBAAmB,IAAIpxB,GAAAA,EAC5BX,KAAK+7B,QAAU,IAAIp7B,GAAAA,EACnBX,KAAKg8B,oBAAsB,IAAIr7B,GAAAA,EAC/BX,KAAKk8B,oBAAsB,IAAIv7B,GAAAA,EAC/BX,KAAKs8B,uBAAyB,IAAI37B,GAAAA,EAClCX,KAAK48B,sBAAwB,IAAIj8B,GAAAA,EACjCX,KAAKw8B,qBAAuB,IAAI77B,GAAAA,EAChCX,KAAK08B,qBAAuB,IAAI/7B,GAAAA,EAChCX,KAAKo8B,uBAAyB,IAAIz7B,GAAAA,EAClCX,KAAK88B,sBAAwB,IAAIn8B,GAAAA,EACjCX,KAAK8sB,SAAW,IAAInsB,GAAAA,EACpBX,KAAKqsB,cAAgB,IAAI1rB,GAAAA,EACzBX,KAAK47B,YAAc,IAAIj7B,GAAAA,EACvBX,KAAK67B,MAAQ,IAAIl7B,GAAAA,EACjBX,KAAKusB,YAAc,IAAI5rB,GAAAA,EACvBX,KAAKwsB,YAAc,IAAI7rB,GAAAA,EACvBX,KAAKgC,YAAc,IAAIrB,GAAAA,EACvBX,KAAKgV,WAAa,IAAIrU,GAAAA,EACtBX,KAAK87B,UAAY,IAAIn7B,GAAAA,CACxB,E,yriCC6CL,MAAM6a,GAAsBzQ,EAAAA,EAAAA,IAAO,uBAE7B/D,GAAQwC,EAAAA,EAAAA,MACRsP,GAAQ2C,EAAAA,EAAAA,MACRxU,GAASyU,EAAAA,EAAAA,MAaTia,GAAejsB,EAAAA,EAAAA,MACfksB,GAAsBlsB,EAAAA,EAAAA,KAAI,GAG1BmsB,GAAwBnvB,EAAAA,EAAAA,KAAS,IAC9BX,EAAMiZ,WAAW2O,QAAQN,kBAG5ByI,GAA0BpvB,EAAAA,EAAAA,KAAS,IAChCX,EAAMiZ,WAAW4O,UAAUJ,oBAG9BuI,GAAkBrvB,EAAAA,EAAAA,KAAS,IACxBX,EAAMiZ,WAAWmP,MAAM1jB,SAGhC,IAAI2rB,GAA6B1sB,EAAAA,EAAAA,MAEjC,MAAMusB,GAAiBvvB,EAAAA,EAAAA,KAAS,IAAMwvB,MAEhC+H,GAAoBv3B,EAAAA,EAAAA,KAAS,IAC1BX,EAAMiZ,WAAW4P,SAASC,WAG7BqP,GAAsBx3B,EAAAA,EAAAA,KAAS,IAC5BX,EAAMiZ,WAAW4P,SAASE,aAG7BqP,GAAez3B,EAAAA,EAAAA,KAAS,IACS,KAA9BX,EAAMiZ,WAAW0O,WAGpByI,GAAmBzvB,EAAAA,EAAAA,KAAS,IACzBX,EAAMiZ,WAAWiJ,WAAW4F,cAAcpjB,OAAS,IAuC5D,SAAS2zB,IAEPr4B,EAAMiZ,WAAW4P,SAASC,SAAW,GACrC9oB,EAAMiZ,WAAW4P,SAASE,WAAa,EACxC,CAED,SAASoH,IAEP,OAAOS,EAAS,KACjB,CAED,SAASE,EAAkBxvB,GAEzB6rB,GAAuBntB,EAAMiZ,YAC7BsT,GAAqBjrB,EAAMtB,EAAMiZ,WAElC,CAED,SAAS8X,EAAoBzvB,GAE3B4rB,GAAuB5rB,EAAMtB,EAAMiZ,YACnCmU,GAAyBptB,EAAMiZ,WAEhC,CAED,SAAS+X,EAAgCpE,GAEvCS,GAAqBT,EAAS5sB,EAAMiZ,WAErC,CAED,SAASgY,EAAkCrE,GAEzCU,GAAuBV,EAAS5sB,EAAMiZ,WAEvC,CAED,SAASiY,EAAsBxD,GAAe,GAE5CD,GAAkBztB,EAAMiZ,WAAYlG,EAAO2a,EAE5C,CAED,SAASyD,EAAwBzD,GAAe,GAE9CI,GAAoB9tB,EAAMiZ,WAAYlG,EAAO2a,EAE9C,CAED,SAASmD,EAA+BpK,GAEtC,MAAMvX,EAAcuX,EAAYzsB,MAChCoyB,GAAuBrZ,EAAO7D,EAAalP,EAAMiZ,WAElD,CAED,SAASmY,EAAoBvd,GAE3B,IAAIwb,EAAcF,GAAiBtb,EAAM7T,EAAMiZ,WAAYxD,GAE3D4b,EAAYhC,EAAY,IACxBgC,EAAYxd,EAEb,CAYD,SAASge,EAAqB5qB,GAE5BjH,EAAMiZ,WAAWmP,MAAMlgB,OAAOjB,EAAO,EAEtC,CAED,SAAS6qB,IAEPlC,EAAa51B,MAAM6Y,OACpB,CAED,SAASkf,EAAmBtC,GAE1BD,GAAgBC,EAAMzvB,EAAOyV,EAC9B,CAED,SAASuc,EAAkB/J,GAEzB,IAAIgK,EAAiBlR,EAAS,WAC1BmR,EAAiBC,EAAgB,WAErC,GAAIF,GAAkBC,GAAkBE,KAA4BnK,GAAYjoB,EAAMiZ,WAAW2O,QAAQxD,uBAAwB,CAE/H,IAAIiO,EAAgBryB,EAAMiZ,WAAW2O,QAAQN,gBAAgBrL,MAAKtV,GAAKA,EAAEzN,KAAO8G,EAAMiZ,WAAW2O,QAAQP,mBAMzG,OAJAsI,GAAc0C,EAAeryB,EAAMiZ,YAAY,GAAM,QAErDiY,GAID,CAAM,GAAIgB,GAAkBlyB,EAAMiZ,WAAW2P,eAAe,YAAcwJ,IAA0B,CAEnG,IAAIE,EAAa,IAAIlP,GAOrB,OALAuM,GAAc2C,EAAYtyB,EAAMiZ,YAAY,GAAM,QAGlDiY,GAAsB,EAIvB,CAGGlxB,EAAMiZ,WAAW2P,eAAe,YAAcwJ,KAA0BlB,GAE7E,CAED,SAASqB,EAAoBtK,GAE3B,IAAIgK,EAAiBlR,EAAS,aAC1BmR,EAAiBC,EAAgB,aAErC,GAAIF,GAAkBC,GAAkBM,KAA8BvK,GAAYjoB,EAAMiZ,WAAW4O,UAAU1C,yBAA0B,CAErI,IAAIkN,EAAgBryB,EAAMiZ,WAAW4O,UAAUJ,kBAAkBxL,MAAKtV,GAAKA,EAAEzN,KAAO8G,EAAMiZ,WAAW4O,UAAUL,qBAM/G,OAJAmI,GAAc0C,EAAeryB,EAAMiZ,YAAY,GAAO,QAEtDkY,GAID,CAAM,GAAIe,GAAkBlyB,EAAMiZ,WAAW2P,eAAe,cAAgB4J,IAA4B,CAEvG,IAAIF,EAAa,IAAIlP,GAMrB,OAJAuM,GAAc2C,EAAYtyB,EAAMiZ,YAAY,GAAO,QAEnDkY,GAAwB,EAIzB,CAEGnxB,EAAMiZ,WAAW2P,eAAe,cAAgB4J,KAA4BrB,GACjF,CAED,SAASb,EAAiBj0B,GAIxB,OAFA6E,EAAO8H,KAAK,CAAC/L,KAAM,SAAUkE,OAAQ,CAACC,MAAOH,EAAM3F,MAAM8F,MAAO+R,QAAS9W,EAAMnD,GAAI,SAE3EmD,GAEN,IAAK,MACH+L,EAAM,oBAAqB,IAAIktB,IAC/B,MACF,IAAK,MACHltB,EAAM,oBAAqB,IAAI8uB,IAC/B,MACF,IAAK,OACH9uB,EAAM,oBAAqB,IAAIuvB,IAC/B,MACF,IAAK,OACHvvB,EAAM,oBAAqB,IAAIyvB,IAC/B,MAGL,CAED,SAASzF,IAEP,OAAOvF,GAAwB7sB,EAAMiZ,YAAY,EAAMxD,EAAoBzb,MAAMgG,EAAM0vB,4BAExF,CAED,SAAS8C,IAEP,OAAO3F,GAAwB7sB,EAAMiZ,YAAY,EAAOxD,EAAoBzb,MAAMgG,EAAM0vB,4BAEzF,CAED,SAASyC,EAAgBte,GAEvB,OAAOmZ,GAAmBhtB,EAAMiZ,WAAYpF,EAE7C,CAOD,SAAS8e,EAAkBxf,GAEzB,OAAO8Z,GAAqBjtB,EAAMiZ,WAAY9F,EAE/C,CAED,SAASyf,IAEP,QAAS5yB,EAAMiZ,WAAW2O,QAAQrc,aAAevL,EAAMiZ,WAAW2O,QAAQ/D,oBAE3E,CAED,SAASgP,IAEP,QAAS7yB,EAAMiZ,WAAW4O,UAAU3b,eAAiBlM,EAAMiZ,WAAW4O,UAAUjD,sBAEjF,CAED,SAASyM,EAAYxd,GAEfuO,GAAsBpiB,EAAMiZ,WAAWpF,MAEzC7T,EAAMiZ,WAAW2P,eAAe/U,GAAQkN,EAASlN,GAGpD,CAED,SAASkN,EAASlN,GAEhB,IAAIsf,EAAc1I,GAA0BzqB,EAAMiZ,WAAWpF,GACzD4B,EAAoBzb,MAAMgG,EAAM0vB,4BAA6B1vB,EAAMiZ,WAAW4P,SAASQ,iBAI3F,OAFArpB,EAAMiZ,WAAW2P,eAAe/U,GAAQsf,EAEjCA,CAER,CAED,SAASmF,EAAUnlB,EAASolB,EAAMr/B,GAEhC8G,EAAMiZ,WAAW9F,GAASolB,GAAQr/B,CAEnC,CAEDga,eAAeqgB,IAEbvzB,EAAMiZ,WAAW2P,eAAe,WAAa7H,EAAS,WACtD/gB,EAAMiZ,WAAW2P,eAAe,aAAe7H,EAAS,aACxD/gB,EAAMiZ,WAAW2P,eAAe,cAAgB7H,EAAS,cAE5B,QAAzBhO,EAAM5R,OAAOgS,UAAmBnT,EAAMiZ,WAAW2P,eAAe,kBAAoB7H,EAAS,mBACpE,QAAzBhO,EAAM5R,OAAOgS,UAAmBnT,EAAMiZ,WAAW2P,eAAe,eAAiB7H,EAAS,gBACjE,SAAzBhO,EAAM5R,OAAOgS,UAAoBnT,EAAMiZ,WAAW2P,eAAe,gBAAkB7H,EAAS,iBACnE,SAAzBhO,EAAM5R,OAAOgS,UAAoBnT,EAAMiZ,WAAW2P,eAAe,gBAAkB7H,EAAS,iBAEhG,IAAK,IAAIvf,KAAQxB,EAAMiZ,WAAW2P,eAEhC,IAA8C,IAA1C5oB,EAAMiZ,WAAW2P,eAAepnB,GAAiB,OAAO,EAK9D,IAAI8C,QAAiBqS,GAAI6c,YAAYlI,GAAkBtrB,EAAMiZ,WAAYjZ,EAAM0vB,4BAC3E,iBAAkB3c,EAAOA,EAAM5R,OAAOgS,SAE1C,GAAI7O,EAEF,IAEEtE,EAAMiZ,WAAW/f,GAAKoL,EAASpL,GAC/B8G,EAAMiZ,WAAW/c,UAAYoI,EAASpI,UAItC8D,EAAMiZ,WAAWiJ,WAAa,IAAIliB,EAAMiZ,WAAWiJ,cAAe5d,EAAS4d,YAG3EliB,EAAMiZ,WAAWiJ,WAAWuE,YAAczmB,EAAMiZ,WAAWiJ,WAAWuE,YAAYtrB,kBAC3E6E,EAAMiZ,WAAWiJ,WAAWiK,cAEN,QAAzBpZ,EAAM5R,OAAOgS,UAEfnT,EAAMiZ,WAAWke,YAAYnoB,WAAa1K,EAAS6yB,YAAYnoB,YAGjE/N,EAAM3F,MAAMiB,QAAQE,QAAU,IAAI3B,GAAa,EAAM,6BAItD,CAHC,MAAO0B,GAGR,CAIJ,CAED0W,eAAeslB,IAEb,MAAMl0B,QAAiBqS,GAAIyc,mBAAmBrgB,EAAO/S,EAAM0vB,4BAEvDprB,IAAUtE,EAAMiZ,WAAW4P,SAAWvkB,GAG1CtE,EAAMiZ,WAAW4P,SAASQ,gBAAkBrpB,EAAMiZ,WAAWge,gBAG7Dj3B,EAAMiZ,WAAW4P,SAASC,SAAW,GACrC9oB,EAAMiZ,WAAW4P,SAASE,WAAa,EACxC,CAED7V,eAAeulB,KAEb,IAAI3P,QAAiBnS,GAAI+hB,wBAAwB3lB,GAE7C+V,IAAU9oB,EAAMiZ,WAAW4P,SAASC,SAAWA,GAEnD,IAAIC,QAAmBpS,GAAIgiB,0BAA0B5lB,GAEjDgW,IAAY/oB,EAAMiZ,WAAW4P,SAASE,WAAaA,EAExD,CAED7V,eAAemgB,GAAkBp2B,EAAMkW,GAGrCnT,EAAMiZ,WAAW9F,GAASja,GAAKqP,SAAStL,EAAK/D,IAE7C,IAAIoL,QAAiBqS,GAAI2c,iBAAiBr2B,EAAK/D,GAAI6Z,GAEnD,GAAIzO,EAEF,IAEkB,YAAZ6O,GAAuB2d,EAAkBxsB,GAC7B,cAAZ6O,GAAyB4d,EAAoBzsB,EAMlD,CAJC,MAAO9H,GAIR,CAIJ,CAED0W,eAAeugB,GAAoBrL,GAEjCyH,EAAoB71B,OAAQ,EAE5B,IAAI05B,QAAqBvF,GAAwB/F,EAAOpoB,EAAMiZ,YAEzDya,EAAa15B,QAEhB61B,EAAoB71B,OAAQ,EAC5Bq2B,EAA2Br2B,MAAQ05B,EAAa1F,KAAK/wB,KAAlBy2B,qCAGtC,C,OAxYDtzB,EAAAA,EAAAA,KAAU,KAQRc,EAAOqvB,YAAW,CAAC9rB,EAAID,KAErB,MAAMgsB,EAAW,QAAQ/V,KAAKjW,EAAKrD,OAAOjI,IAE1C,GAAIs3B,EAEF,OAAQzd,EAAM5R,OAAOgS,SAEnB,IAAK,MACHsC,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIqI,GAClE,MACF,IAAK,MACHtiB,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIsI,GAClE,MACF,IAAK,OACHviB,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIuI,GAClE,MACF,IAAK,OACHxiB,EAAoBzb,MAAMgG,EAAM0vB,4BAA8B,IAAIkJ,GAClE,MAbJ,IAkBJJ,GAAiB,I,sh0HC3JnB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,6BCSA,MAAM/iB,GAAsBzQ,EAAAA,EAAAA,IAAO,uBAC7B6zB,GAAmB7zB,EAAAA,EAAAA,IAAO,oBAC1B8zB,GAAmB9zB,EAAAA,EAAAA,IAAO,oBAC1B+zB,GAAoB/zB,EAAAA,EAAAA,IAAO,qBAC3Bg0B,GAAoBh0B,EAAAA,EAAAA,IAAO,qBAEjC,IAAIi0B,GAAgBt1B,EAAAA,EAAAA,IAAI,IAAI2xB,IACxB4D,GAAgBv1B,EAAAA,EAAAA,IAAI,IAAIuzB,IACxBiC,GAAiBx1B,EAAAA,EAAAA,IAAI,IAAIg0B,IACzByB,GAAiBz1B,EAAAA,EAAAA,IAAI,IAAIk0B,KAE7Bz3B,EAAAA,EAAAA,KAAU,KAEgB,QAApB2S,EAAM5R,OAAOjI,IAGfi7B,GACD,IAIH,MAAMkF,GAAgB14B,EAAAA,EAAAA,IAAS,CAE7BgiB,MAEE,MAA6B,QAAzB5P,EAAM5R,OAAOgS,QAES,QAApBJ,EAAM5R,OAAOjI,GAAqB2/B,EAAiB7+B,OAGvDyb,EAAoBzb,MAAMs/B,UAAY,IAAIvB,GAEnCkB,EAAcj/B,OAGM,QAAzB+Y,EAAM5R,OAAOgS,QAES,QAApBJ,EAAM5R,OAAOjI,GAAqB4/B,EAAiB9+B,OAEvDyb,EAAoBzb,MAAMu/B,UAAY,IAAIvB,GAEnCkB,EAAcl/B,OAGM,SAAzB+Y,EAAM5R,OAAOgS,QAES,QAApBJ,EAAM5R,OAAOjI,GAAqB6/B,EAAkB/+B,OAExDyb,EAAoBzb,MAAMw/B,WAAa,IAAIvB,GAEpCkB,EAAen/B,OAGK,SAAzB+Y,EAAM5R,OAAOgS,QAES,QAApBJ,EAAM5R,OAAOjI,GAAqB8/B,EAAkBh/B,OAExDyb,EAAoBzb,MAAMy/B,WAAa,IAAIb,GAEpCQ,EAAep/B,YANxB,CASD,EAED4oB,IAAI5oB,GAMF,MAAM0/B,EAAiB1/B,EAAMD,YAAYkD,KAEzC,OAAQy8B,GACN,IAAK,mBAAsBb,EAAiB7+B,MAAQA,EAClD,MACF,IAAK,mBAAsB8+B,EAAiB9+B,MAAQA,EAClD,MACF,IAAK,oBAAuB++B,EAAkB/+B,MAAQA,EACpD,MACF,IAAK,oBAAwBg/B,EAAkBh/B,MAAQA,EACrD,MAGL,IAIG2/B,GAA0Bh5B,EAAAA,EAAAA,KAAS,IAEV,QAAzBoS,EAAM5R,OAAOgS,QAA0B,YACd,QAAzBJ,EAAM5R,OAAOgS,QAA0B,YACd,SAAzBJ,EAAM5R,OAAOgS,QAA2B,aACf,SAAzBJ,EAAM5R,OAAOgS,QAA2B,kBAA5C,IAIIymB,GAAmBj5B,EAAAA,EAAAA,KAAS,IAEH,QAAzBoS,EAAM5R,OAAOgS,QAA0B,UACd,QAAzBJ,EAAM5R,OAAOgS,QAA0B,UACd,SAAzBJ,EAAM5R,OAAOgS,QAA2B,UACf,SAAzBJ,EAAM5R,OAAOgS,QAA2B,eAA5C,IAIIJ,GAAQ2C,EAAAA,EAAAA,MACRxU,GAASyU,EAAAA,EAAAA,MAEfzC,eAAeihB,IAEb,MAAMD,QAAsBvd,GAAIwd,iBAAiBphB,EAAO,iBAAkBA,EAAM5R,OAAOgS,UAAY,KAEnG,GAAI+gB,EAAcE,WAKlB,OAAQrhB,EAAM5R,OAAOgS,SAEnB,IAAK,MAAQ0mB,EAAiBZ,EAAe,iBAAkB/E,GAC7D,MACF,IAAK,MAAS2F,EAAiBX,EAAe,cAAehF,GAC3D,MACF,IAAK,OAAU2F,EAAiBV,EAAgB,eAAgBjF,GAC9D,MACF,IAAK,OAAU2F,EAAiBT,EAAgB,eAAgBlF,GAC9D,iBAbIhzB,EAAO8H,KAAK,CAAC/L,KAAM,0BAgB5B,CAED,SAAS48B,EAAiB7lB,EAAOb,EAAS+gB,GAExClgB,EAAMha,MAAQ,IAAIga,EAAMha,SAAUk6B,GAElClgB,EAAMha,MAAMiuB,SAASL,SAAU,EAC/B5T,EAAMha,MAAMiuB,SAASJ,WAAY,EAEjC7T,EAAMha,MAAM4tB,QAAQhE,WAAasQ,EAAc/gB,GAASyQ,WACxD5P,EAAMha,MAAM6tB,UAAUlD,aAAeuP,EAAc/gB,GAASwR,aAC5D3Q,EAAMha,MAAM6tB,UAAUhZ,cAAgBqlB,EAAc/gB,GAAS+Y,uBAEpB,aAAzClY,EAAMha,MAAMkoB,WAAWiK,cAA+BnY,EAAMha,MAAMkuB,qBAAsB,EACpFlU,EAAMha,MAAMkuB,qBAAsB,SAE/BlU,EAAMha,MAAMkoB,WAAWiK,cAE9B2N,EAAY9lB,EAAMha,MACnB,CAEDkZ,eAAe4mB,EAAY9lB,GAEzB,MAAM4T,QAAgBjR,GAAI2c,iBAAiBtf,EAAM4T,QAAQ1uB,GAAI6Z,IAAU,KAKvE,GAHAiB,EAAM4T,QAAQN,gBAAkB,GAG7BM,EAAS,CAEVA,EAAQ+E,UAAU7iB,SAAQ8iB,IAExB5Y,EAAM4T,QAAQN,gBAAgBte,KAAK4jB,EAAnC,IAGF,IAAI3gB,EAAiB+H,EAAM4T,QAAQN,gBAAgBrL,MAAKtV,GAEpDA,EAAE0c,YAAcrP,EAAM4T,QAAQtD,yBAC9B3d,EAAE2c,WAAatP,EAAM4T,QAAQrD,wBAC7B5d,EAAExM,QAAU6Z,EAAM4T,QAAQvD,qBAC1B1d,EAAE6c,QAAUxP,EAAM4T,QAAQnD,qBAC1B9d,EAAE4c,QAAUvP,EAAM4T,QAAQpD,qBAC1B7d,EAAE3M,QAAUga,EAAM4T,QAAQxD,0BACzB,KAEDnY,GAMF+H,EAAM4T,QAAQP,iBAAmBpb,EAAe/S,GAChD8a,EAAM4T,QAAQlD,yBAA2BzY,EAAewX,YALxDzP,EAAM4T,QAAQxD,uBAAyB,EAQ1C,CAEDpQ,EAAM6T,UAAUJ,kBAAoB,GAEpC,MAAMI,QAAkBlR,GAAI2c,iBAAiBtf,EAAM6T,UAAU3uB,GAAI6Z,GAGjE,GAAG8U,EAAW,CAEZA,EAAU8E,UAAU7iB,SAAQ8iB,IAE1B5Y,EAAM6T,UAAUJ,kBAAkBze,KAAK4jB,EAAvC,IAGF,IAAIvgB,EAAmB2H,EAAM6T,UAAUJ,kBAAkBxL,MAAKtV,GAE1DA,EAAE0c,YAAcrP,EAAM6T,UAAUxC,2BAChC1e,EAAE2c,WAAatP,EAAM6T,UAAUvC,0BAC/B3e,EAAExM,QAAU6Z,EAAM6T,UAAUzC,uBAC5Bze,EAAE6c,QAAUxP,EAAM6T,UAAUrC,uBAC5B7e,EAAE4c,QAAUvP,EAAM6T,UAAUtC,uBAC5B5e,EAAE3M,QAAUga,EAAM6T,UAAU1C,4BAC3B,KAED9Y,GAMF2H,EAAM6T,UAAUL,mBAAqBnb,EAAiBnT,GACtD8a,EAAM6T,UAAUyM,2BAA6BjoB,EAAiBoX,YAL9DzP,EAAM6T,UAAU1C,yBAA2B,EAQ9C,CAEF,C,gUC1OD,MAAM,GAAc,GAEpB,U,6pBCCA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRe,MAAM4U,GACjBhgC,cAEIE,KAAK0D,UAAY,GACjB1D,KAAK2D,QAAU,GACf3D,KAAKyD,SAAW,GAChBzD,KAAKqF,eAAiB,GACtBrF,KAAKsE,UAAY,GACjBtE,KAAK8E,YAAc,GACnB9E,KAAKgF,YAAc,GACnBhF,KAAKiF,cAAgB,GACrBjF,KAAKkF,aAAe,GACpBlF,KAAKmF,aAAe,GACpBnF,KAAKoF,YAAc,EACtB,ECZU,MAAM26B,WAAwBD,GACzChgC,cAEIumB,QAEArmB,KAAKggC,SAAU,CAElB,E,iECRE/gC,GAAG,wBAAwB+L,MAAM,qB,UAETA,MAAM,iC,sCAmBxB,UAAQ,oBAERA,MAAM,qB,YAAoBC,EAAAA,EAAAA,GAAoC,KAAjCD,MAAM,wBAAsB,W,YAAK,a,IAApCO,GAAAA,I,mBAUpBL,MAAA,4C,gEAuBAA,MAAA,2C,wCASsBF,MAAM,yB,IAC3BE,MAAA,2C,oGAlElBI,EAAAA,EAAAA,IAyEM,MAzEN,GAyEM,EAxEJL,EAAAA,EAAAA,GAuEM,OAvEDvB,IAAI,aAAawB,OAA2B,SAA3B,sBAA2B,CAAA0B,OAAkBqzB,EAAAA,eAAc,YAAjF,CACaC,EAAAA,eAAAA,EAAAA,EAAAA,OAAX50B,EAAAA,EAAAA,IAIM,MAJN,GAIM,EAHJ60B,EAAAA,EAAAA,IAEWC,EAAA,CADNC,QAAK,eAAEJ,EAAAA,iBAAiBK,EAAOpgB,OAAOqX,gBAF7C,8BAKAjsB,EAAAA,EAAAA,IAWMi1B,EAAAA,GAAA,MAAAC,EAAAA,EAAAA,IAVsBP,EAAAA,eAAa,CAA5BtwB,EAAK3C,M,WADlB1B,EAAAA,EAAAA,IAWM,OAXDm1B,UAAU,OAEVz1B,MAAM,uBACL01B,YAAS,GAAET,EAAAA,gBAAgBK,EAAQ3wB,GACnCgxB,WAAQ,eAAEV,EAAAA,eAAeK,IAC1BpgC,MAAM,oCACL0gC,OAAI,GAAEX,EAAAA,WAAWK,EAAQ3wB,GACzBkxB,QAAK,oBAAEZ,EAAAA,qBAAAA,EAAAA,uBAAAA,IACP9/B,IAAKwP,EAAI1Q,IARf,EASEgM,EAAAA,EAAAA,GACM,OADAC,OAAK,SAAA9K,MAAU6/B,EAAAA,iBAAiBA,EAAAA,cAAejzB,GAAK,OAAWhC,MAAM,0CAA3E,QAAsH2E,EAAIzP,OAAK,IATjI,iBAaA+K,EAAAA,EAAAA,GAmDM,OAnDAD,OAAK,kCAA8B81B,EAAAA,UAAUr2B,OAAM,IAAQS,OAAK,SAAA61B,UAAab,EAAAA,OAAM,QAAzF,CAE6B,IAAhBY,EAAAA,UAAUr2B,SAAM,WAD3Ba,EAAAA,EAAAA,IAGM,MAHN,GAGM01B,MAHN,8BAIA11B,EAAAA,EAAAA,IA6CMi1B,EAAAA,GAAA,MAAAC,EAAAA,EAAAA,IA7C4CP,EAAAA,WAAS,CAAxBlzB,EAAKC,M,WAAxC1B,EAAAA,EAAAA,IA6CM,OA7CDN,MAAM,gBAAmD7K,IAAK6M,EAAQ6zB,QAAK,GAAEZ,EAAAA,SAASK,EAAQvzB,EAAKC,IAAxG,gBACE1B,EAAAA,EAAAA,IAqCWi1B,EAAAA,GAAA,MAAAC,EAAAA,EAAAA,IArC4BP,EAAAA,eAAa,CAAlC1yB,EAAQ0zB,M,8BACW,qBAAjBtpB,EAAAA,OAAOpK,EAAOpN,OAAG,WAAnCmL,EAAAA,EAAAA,IAYM,OAZiDnL,IAAK8gC,EACtD/1B,OAAK,SAAA9K,MAAUmN,EAAOnN,MAAK,OAC5B4K,OAAK,SAAC,uBAAsB,2BACgC,IAAxB+B,EAAIm0B,sBAAiChB,EAAAA,eAH9E,EAIExoB,EAAAA,EAAAA,IAC+BC,EAAAA,OADlBpK,EAAOpN,IAAG,CAAGoN,OAAQA,EAASmQ,KAAM3Q,EAAMo0B,QAASlB,EAAAA,cAAcjzB,GACvEo0B,SAAUp0B,QADjB,OAEA/B,EAAAA,EAAAA,GAKM,MALN,GAKM,CAJK8B,EAAIs0B,cAAgBpB,EAAAA,gBAAgBlzB,IAAgB,IAARk0B,IAAQ,WAA7D31B,EAAAA,EAAAA,IACgE,K,MADIu1B,QAAK,GAAEZ,EAAAA,aAAalzB,GACrF/B,MAAM,oDADT,YAEci1B,EAAAA,gBAAgBlzB,IAAgB,GAARk0B,IAAQ,WAA9C31B,EAAAA,EAAAA,IACkE,K,MADdu1B,QAAK,GAAEZ,EAAAA,aAAalzB,GACrE/B,MAAM,sDADT,+BATJ,iBAaAM,EAAAA,EAAAA,IAsBM,OArBAN,OAAK,oCAAsD,IAAxB+B,EAAIm0B,sBAAkChB,EAAAA,WAAU,sBAAyB3yB,EAAO9M,UAAYsM,EAAItM,UAI9H,yBAHL,UAASy/B,EAAAA,OAAM,cAAmBe,EAClC/1B,OAAK,SAAA9K,MAAUmN,EAAOnN,MAAK,KAAAkhC,WAAqBrB,EAAAA,aAAa1yB,EAAQR,GAAGw0B,MAAUtB,EAAAA,aAAa1yB,EAAQR,KACvG5M,IAAK6M,GAJX,EAMEmzB,EAAAA,EAAAA,IASgBqB,EAAA,CATA1wB,MAAM,EAAO2wB,SAAS,OAAtC,CACa1gC,SAAO,SAChB,IAA8B,mBAA3Bk/B,EAAAA,QAAQlzB,EAAKQ,EAAOpN,MAAG,M,kBAE5B,IAIO,EAJP8K,EAAAA,EAAAA,GAIO,QAHFD,OAAK,mCAAsD,IAAxB+B,EAAIm0B,sBAAkChB,EAAAA,aAC1Eh1B,OAAuC,SAAvC,kCAAuC,CAAA9K,MACvBmN,EAAOnN,MAAK,WADa,UAAS8/B,EAAAA,OAAM,WAAelzB,IAF3E,QAGiDizB,EAAAA,QAAQlzB,EAAKQ,EAAOpN,IAAKoN,IAAM,GAAAm0B,O,KAPlF,OAUAz2B,EAAAA,EAAAA,GAKM,MALN,GAKM,CAJK8B,EAAIs0B,cAAgBpB,EAAAA,gBAAgBlzB,IAAgB,IAARk0B,IAAQ,WAA7D31B,EAAAA,EAAAA,IAC8D,K,MADMu1B,QAAK,GAAEZ,EAAAA,aAAalzB,GACrF/B,MAAM,kDADT,YAEci1B,EAAAA,gBAAgBlzB,IAAgB,IAARk0B,IAAQ,WAA9C31B,EAAAA,EAAAA,IACyD,K,MADJu1B,QAAK,GAAEZ,EAAAA,aAAalzB,GACtE/B,MAAM,6CADT,+BAnBJ,gBAdF,OAsCAm1B,EAAAA,EAAAA,IAKawB,EAAAA,GAAA,CALD3+B,KAAK,SAAO,C,kBACtB,IAGM,CAHK+J,EAAIs0B,eAAAA,EAAAA,EAAAA,OAAf/1B,EAAAA,EAAAA,IAGM,MAHN,GAGM,EAFJL,EAAAA,EAAAA,GAAoG,OAApG,IAAoG22B,EAAAA,EAAAA,IAA/C3B,EAAAA,kBAAkBlzB,EAAI80B,SAASC,QAAK,IACzF72B,EAAAA,EAAAA,GAAwC,YAAA22B,EAAAA,EAAAA,IAAhC70B,EAAIA,EAAI80B,SAASC,QAAK,OAFhC,kB,KADF,OAvCF,gBALF,IAnBF,I,CAkFJ,QACE9+B,KAAM,WAEN++B,WAAY,CACVC,SADU,KAEVC,cAFU,IAGVC,OAHU,KAIVC,cAAaA,GAAAA,GAIfp8B,MAAO,CAELmH,YAAa,CACXhH,KAAMmb,OACNnQ,QAAS,GAGXrC,uBAAwB,CACtB3I,KAAMmb,QAGRlU,SAAU,CACRjH,KAAMmb,OACNnQ,QAAS,KAGXhD,cAAe,CACbhI,KAAMk8B,QACNlxB,SAAS,GAGXmxB,gBAAiB,CACfn8B,KAAMk8B,QACNlxB,SAAS,GAGXoxB,qBAAsB,CACpBp8B,KAAMk8B,QACNlxB,SAAS,GAGXqxB,WAAY,CACVr8B,KAAMk8B,QACNlxB,SAAS,GAGX1E,QAASg2B,MAETC,aAAc,CACZv8B,KAAMk8B,QACNlxB,SAAS,GAGX9N,WAAY,CACV8C,KAAMs8B,MACNtxB,QAAS,WACP,MAAO,EACT,GAGFwxB,OAAQC,OAER/1B,OAAQ,CACN1G,KAAMy8B,OACNzxB,QAAS,UAKb/C,MAAO,CAAC,gCAAiC,qBAAsB,aAAc,aAE7E9G,OAEE,MAAO,CAELoE,kBAAmB,KACnBm3B,UAAW,GACXj3B,UAAW,GACXk3B,cAAc,EACdC,qBAAqB,EACrBC,WAAW,EACXC,YAAa,KACbC,mBAAoB,EAEpBC,gBAAiB,GACjBr3B,eAAgB,GAGnB,EAEDnF,SAAU,CAERy8B,iBACE,OAAO70B,SAAStO,KAAK4M,OACtB,EAEDL,gBACE,OAAOvM,KAAKwM,QAAQC,QAAOC,IAAmB,IAAdA,EAAErM,SACnC,EAEDyM,UAAW,WAET,GAAI9M,KAAK2L,UAAUlB,OAAS,EAE1B,OAAOzK,KAAK2L,UAAUc,QAAO,CAACM,EAAKC,KAGjC,IAAIo2B,EAAOpjC,KACPiN,GAAcm2B,EAAKl2B,YAAc,GAAKk2B,EAAKj2B,SAC3CC,EAAWg2B,EAAKl2B,YAAck2B,EAAKj2B,SAGvC,GAAIH,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACT,GAKL,GAIHi2B,QAAS,CAaPC,cAEEtjC,KAAKkjC,gBAAkB,GAEvB,IAAIK,EAAgBvjC,KAAK2L,UAAUlB,OAASzK,KAAKmN,SAC7C2B,EAAU9N,KAAK2N,KAAK40B,GAExB,IAAK,IAAI71B,EAAI,EAAGA,EAAIoB,EAASpB,IAAK,CAEhC,IAAI81B,EAAgB,CAClBx0B,OAAQtB,EAAI,EACZuB,UAAU,GAGZjP,KAAKkjC,gBAAgBn0B,KAAKy0B,EAC5B,CAED,EAED50B,kBAEE,OAAO5O,KAAKkjC,gBAAgBz2B,QAAO,CAACM,EAAKC,KAEvC,IAAIC,GAAcjN,KAAK6O,uBAAyB,GAAK7O,KAAK6L,eACtDuB,EAAWpN,KAAK6O,uBAAyB7O,KAAK6L,eAElD,GAAImB,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACT,GAIH,EAED8B,SAEE,GAAGlP,KAAK6O,uBAAyB7O,KAAK0O,qBAAsB,CAE1D,IAAIka,EAAM5oB,KAAK6O,uBAAyB,EACxC7O,KAAKyjC,MAAM,gCAAiC7a,EAC9C,CAED,EAEDzZ,WAEKnP,KAAK6O,uBAAyB,GAAG7O,KAAKyjC,MAAM,gCAAiCzjC,KAAK6O,uBAAyB,EAE/G,EAEDH,qBAEE,OAAQ1N,KAAK2N,KAAK3O,KAAKkjC,gBAAgBz4B,OAASzK,KAAK6L,eACtD,EAED2B,gBAAgBnO,EAAGqkC,GAEjB,IAAIC,EAAuB3jC,KAAKwM,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAOykC,EAAoBzkC,KAC3D,IAAzB0kC,EAA6BtkC,EAAEsO,iBAAmB3N,KAAKyL,kBAAoBk4B,CAC5E,EAED/1B,eAAevO,GAEb,OADAA,EAAEsO,kBACK,CACR,EAEDE,WAAWxO,EAAGyO,GACZzO,EAAE0O,kBAEF,IAAIC,EAA4BhO,KAAKwM,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAO6O,EAAsB7O,KAEvFe,KAAKyL,oBAAsBuC,GAA2D,IAA9BA,IAEtDA,EAA4BhO,KAAKyL,mBAEnCzL,KAAKwM,QAAQyB,OAAOD,EAA2B,EAAGhO,KAAKwM,QAAQxM,KAAKyL,oBACpEzL,KAAKwM,QAAQyB,OAAOjO,KAAKyL,kBAAoB,EAAG,KAGhDzL,KAAKwM,QAAQyB,OAAOD,EAA4B,EAAG,EAAGhO,KAAKwM,QAAQxM,KAAKyL,oBACxEzL,KAAKwM,QAAQyB,OAAOjO,KAAKyL,kBAAmB,IAKjD,EAEDmE,eACE5P,KAAKwM,QAAQqD,SAAQ,SAAU9I,GAC7BA,EAAK1G,SAAU,CAChB,IACDL,KAAKwM,QAAQsD,MAAK,CAACC,EAAGC,IACbD,EAAE9Q,GAAK+Q,EAAE/Q,IAGnB,EAED2kC,iBAAiB52B,EAAOO,GACtB,GAAIP,EAAQ,GAAiD,mBAApChN,KAAKoD,WAAW,GAAGmK,EAAOpN,MAAuBoN,EAAOs2B,SAC/E,OAAO,CAEV,EAEDC,YAAYv2B,GACNA,GAG8C,mBAApCvN,KAAKoD,WAAW,GAAGmK,EAAOpN,MAAuBoN,EAAOs2B,WAElE7jC,KAAK+iC,WAAa/iC,KAAK+iC,UAEnB/iC,KAAK+iC,UACP/iC,KAAK2L,UAAUmE,MAAK,CAACC,EAAGC,IAAMD,EAAExC,EAAOpN,KAAK4jC,cAAc/zB,EAAEzC,EAAOpN,QAGnEH,KAAK2L,UAAUmE,MAAK,CAACC,EAAGC,IAAMA,EAAEzC,EAAOpN,KAAK4jC,cAAch0B,EAAExC,EAAOpN,QAM1E,EAED6jC,WACEhkC,KAAK6iC,cAAgB7iC,KAAK6iC,aAE1B7iC,KAAK6iC,aAAe7iC,KAAKikC,MAAMC,SAASh5B,MAAMoQ,QAAU,mCACpDtb,KAAKikC,MAAMC,SAASh5B,MAAMoQ,QAAU,iCACzC,EAEDjO,cAAcL,GACZ,OAAOhN,KAAKoD,WAAW4J,EACxB,EAEDm3B,aAAa52B,EAAQR,GAEnB,GAAIQ,EAAOhN,cAAe,OAAOwM,EAAIQ,EAAOhN,cAC7C,EAED6jC,aAAa72B,EAAQR,GACnB,GAAIA,EAAIQ,EAAOhN,eAAgB,MAAO,MACvC,EAED8jC,gBAAgBt3B,GACd,GAAIA,EAAIiW,eAAe,YACrB,OAAOjW,EAAI80B,SAAS/gC,IAEvB,EAEDwjC,iBAAiBC,GACfvkC,KAAK2L,UAAUkE,SAAQ9I,IAErBA,EAAKy9B,SAAWD,CAAhB,IAGFA,EAAYvkC,KAAKyjC,MAAM,kBAAmBzjC,KAAKoD,YAAcpD,KAAKyjC,MAAM,kBAAmB,GAE5F,EAEDgB,sBACE,IAAK,IAAIC,KAAM1kC,KAAK2L,UAClB3L,KAAK2L,UAAU+4B,GAAI,yBAA0B,CAGhD,EAEDC,iBAAiBn4B,EAASQ,GACxB,IAAI43B,EAAap4B,EAAQ/B,OAAS,EAElC,GAAIuC,IAAU43B,EAAY,CAExB,IAAIxkC,EAAQkO,SAAS9B,EAAQo4B,GAAYxkC,OACrCykC,EAAgBzkC,EAAQ,GAE5B,OAAOykC,EAAc3jC,UACvB,CAEA,OAAOsL,EAAQQ,GAAO5M,KAEvB,EAED0kC,kBAAkBC,GAChB,OAAO/kC,KAAKwM,QAAQwV,MAAKC,GAAKA,EAAE9hB,MAAQ4kC,IAAM7kC,KAC/C,EAED8kC,SAAS3lC,EAAG0N,EAAKC,GAEfhN,KAAKykC,sBACL13B,EAAIm0B,sBAAuB,EAEvBlhC,KAAKuiC,aAAex1B,EAAIy3B,UAAUxkC,KAAKyjC,MAAM,eAAgBzjC,KAAKoD,WAAW4J,GAAQA,EAE1F,EAEDi4B,aAAal4B,GACXA,EAAIs0B,cAAgBt0B,EAAIs0B,YACzB,EAEDF,QAAQp0B,EAAK5M,EAAKoN,GAehB,OAAIA,GAGwB,kBAAdR,EAAI5M,IAEVoN,EAAO23B,UAAYn4B,EAAI5M,GAAa4M,EAAI5M,GAAKgB,UAAU,EAAGoM,EAAO23B,UAC/DllC,KAAKmlC,kBAAkBp4B,EAAI5M,GAAMoN,EAAO23B,UAM3Cn4B,EAAI5M,EACZ,EAEDglC,kBAAkBC,EAAYF,GAE5B,OAAIE,GAEEA,EAAWjjB,OAAO1X,OAASy6B,EACtB,MAGJ,EACR,EAEDG,mBAEMrlC,KAAK2L,UAAUlB,OAAS,GAE1BzK,KAAK2L,UAAUkE,SAAS9I,IAEtBA,EAAK,aAAc,CAAnB,GAKN,GAIFif,MAAO,CAEL5iB,aAEEpD,KAAK2L,UAAYQ,KAAKC,MAAMD,KAAKE,UAAUrM,KAAKoD,aAChDpD,KAAKqlC,mBACLrlC,KAAKykC,sBACLzkC,KAAKsjC,aACN,EAEDhB,uBAEEtiC,KAAKykC,qBACP,GAIFzb,QAAS,WAGPhpB,KAAK2L,UAAYQ,KAAKC,MAAMD,KAAKE,UAAUrM,KAAKoD,aAChDpD,KAAKqlC,mBACLrlC,KAAKsjC,aAEP,GC5eF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,SAAS,IAAQ,CAAC,YAAY,qBAEzF,UCTO,SAASgC,GAA8BvrB,GAI1C,IAAI,MAAMukB,KAAQvkB,EAEd,GAAGA,EAAMukB,GAEL,OAAO,EAMf,OAAO,CAEV,C,kZCAKxlB,GAAQ2C,EAAAA,EAAAA,MAId,SAAS0iB,EAAaoH,IAEpBpiB,EAAAA,EAAAA,KAASlK,UAIP,GAFAlT,EAAMiZ,WAAWwmB,aAAeF,GAA6Bv/B,EAAMiZ,WAAWrE,gBAE1E5U,EAAMiZ,WAAWwmB,aAArB,CAEEr3B,EAAM,UAIN,MAAM9D,QAAiBqS,GAAI+oB,YAAY3sB,EAAO/S,EAAMiZ,WAAWrE,eAAgB5U,EAAM8U,KAErF,GAAIxQ,EAAU,CAIZ,IAAIq7B,EAFJ3/B,EAAMiZ,WAAW2mB,WAAat7B,EAI1BtE,EAAMiZ,WAAWrE,eAAe4qB,KAElCG,EAA0B3/B,EAAMiZ,WAAW4mB,YAAYL,GAClDM,SAAS7jB,MAAMjb,GAASA,EAAKhH,QAAUgG,EAAMiZ,WAAWrE,eAAe4qB,MAEvEG,GAA2Br7B,EAASI,OAAS,GAAG1E,EAAMiZ,WAAW4mB,YAAYL,GAAYM,SACxFC,QAAQ,IAAIjmC,GAAAA,EAAakG,EAAMiZ,WAAW4mB,YAAYL,GAAYM,QAAQp7B,OAAS,EACjF1E,EAAMiZ,WAAWrE,eAAe4qB,MAGlB,IAApBl7B,EAASI,SAAc1E,EAAMiZ,WAAWwmB,cAAe,EAC5D,CAIF,MAEDz/B,EAAMiZ,WAAW2mB,WAAa,EAA9B,GAIH,CAED,SAASI,EAAkBR,IAGzBpiB,EAAAA,EAAAA,KAAS,KAEFgF,GAAsBpiB,EAAMiZ,WAAWrE,gBAK1CwjB,EAAaoH,GAJbS,GAKD,GAIJ,CAED,SAASA,IAEPjgC,EAAMiZ,WAAWrE,eAAiB,IAAIolB,GACtC5xB,EAAM,QAEP,C,omPC/ED,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRO,SAAS83B,GAA2BjnB,GAEvCA,EAAW4mB,YAAY9gC,YAAYzE,SAAU,EAC7C2e,EAAW4mB,YAAY5gC,YAAY3E,SAAU,EAC7C2e,EAAW4mB,YAAY3gC,cAAc5E,SAAU,EAC/C2e,EAAW4mB,YAAY1gC,aAAa7E,SAAU,EAC9C2e,EAAW4mB,YAAYzgC,aAAa9E,SAAU,EAC9C2e,EAAW4mB,YAAYxgC,YAAY/E,SAAU,EAE7C2e,EAAWrE,eAAe7V,YAAc,GACxCka,EAAWrE,eAAe3V,YAAc,GACxCga,EAAWrE,eAAe1V,cAAgB,GAC1C+Z,EAAWrE,eAAezV,aAAe,GACzC8Z,EAAWrE,eAAexV,aAAe,GACzC6Z,EAAWrE,eAAevV,YAAc,GAExC4Z,EAAWknB,kBAAmB,EAG9BlnB,EAAWmnB,aAAc,CAC5B,C,8tCCQa38B,EAAAA,EAAAA,MAAd,MACMsP,GAAQ2C,EAAAA,EAAAA,MAER2qB,GAAcr7B,EAAAA,EAAAA,IAAO,eAe3BkO,eAAeslB,IAEb,MAAMl0B,QAAiBqS,GAAI2pB,iBAAiBvtB,EAAO,6BAEhDzO,IAAU+7B,EAAYrmC,MAAM6uB,SAAWvkB,EAE3C,CAcD,SAAS27B,IAEPM,IACAC,GAED,CAED,SAASC,IAEHJ,EAAYrmC,MAAMylC,aACpBrH,eAIFoI,GACD,CAEDttB,eAAestB,IAEbD,IAEAF,EAAYrmC,MAAMylC,cAAe,EAEjC,MAAMn7B,QAAiBqS,GAAI6pB,eAAeztB,GAEtCzO,IAEF+7B,EAAYrmC,MAAM4lC,WAAat7B,EAGlC,CAED,SAASi8B,IAEPF,EAAYrmC,MAAM0mC,SAAW,GAC7BL,EAAYrmC,MAAM2mC,aAAe,GAEjCN,EAAYrmC,MAAM2mC,aAAa33B,KAAK,IAAI9O,EAAAA,EAAW,IAAK,GAAI,GAAI,QAAQ,GACpE,EAAO,IAEZ,CAEDgZ,eAAe0tB,EAAW55B,GAEnBq5B,EAAYrmC,MAAMylC,eAAcY,EAAYrmC,MAAM6mC,oBAAsB,IAAI7G,IAEjF,MAAM11B,QAAiBqS,GAAImqB,cAAc/tB,EAAO/L,EAAI9N,GAAImnC,EAAYrmC,MAAM6mC,qBAEtEv8B,IAEF+7B,EAAYrmC,MAAM2mC,aAAer8B,EAASmC,QAC1C45B,EAAYrmC,MAAM0mC,SAAWp8B,EAASy8B,gBAGzC,CAED,SAASC,EAAkB/oB,GAEtBA,GAAUooB,EAAYrmC,MAAMomC,cAC3BnoB,GAAWooB,EAAYrmC,MAAMomC,eAEjCC,EAAYrmC,MAAMomC,aAAeC,EAAYrmC,MAAMomC,YACpD,CAEDltB,eAAe+tB,EAAgBjmB,GAE7BklB,GAA2BG,EAAYrmC,OAEvC,MAAMsK,QAAiBqS,GAAIuqB,qBAAqBnuB,EAAOiI,EAAS9hB,IAEhE,GAAIoL,EAEF,IAAK,MAAM9C,KAAQ8C,EAEbA,EAAS9C,IAEX6+B,EAAYrmC,MAAMmmC,kBAAmB,EACrCE,EAAYrmC,MAAM6lC,YAAYr+B,GAAMlH,SAAU,EAC9C+lC,EAAYrmC,MAAM6lC,YAAYr+B,GAAMC,MAAQ6C,EAAS9C,IAIrD6+B,EAAYrmC,MAAM6lC,YAAYr+B,GAAMlH,SAAU,EAMpD6mC,GACD,CAEDjuB,eAAekuB,IAEblB,GAA2BG,EAAYrmC,OAEvCmnC,GAED,CAEDjuB,eAAeiuB,IAEb,MAAM78B,QAAiBqS,GAAI+oB,YAAY3sB,EAAOstB,EAAYrmC,MAAM4a,eAAgB,cAEhFyrB,EAAYrmC,MAAM4lC,WAAat7B,CAEhC,C,OAzIDlE,EAAAA,EAAAA,KAAU,KAER,GAAIgiB,GAAsBie,EAAYrmC,MAAM6mC,qBAAsB,OAAOzI,eAEzEI,IACAgI,GAAgB,I,w0FClClB,MAAM,GAAc,GAEpB,U,6BCAc/8B,EAAAA,EAAAA,OAEMuB,EAAAA,EAAAA,IAAO,gBAEFrB,EAAAA,EAAAA,M,mDCRzB,MAAM,GAAc,GAEpB,U,8nBCSA,MAAM1C,GAAQwC,EAAAA,EAAAA,MACR48B,GAAcr7B,EAAAA,EAAAA,IAAO,eAE3B,SAASi7B,IAEPI,EAAYrmC,MAAM6mC,oBAAsB,IAAI7G,EAC7C,C,wyHCdD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,uFCLA,MAAM,GAAc,GAEpB,U,2lBCSA,MAAM/4B,GAAQwC,EAAAA,EAAAA,MACR48B,GAAcr7B,EAAAA,EAAAA,IAAO,eAE3B,SAASi7B,IAEPI,EAAYrmC,MAAM6mC,oBAAsB,IAAI7G,EAC7C,C,++GCdD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,oFCLA,MAAM,GAAc,GAEpB,U,uyEC0BMjnB,IADQtP,EAAAA,EAAAA,OACAiS,EAAAA,EAAAA,OAER2rB,GAAYr8B,EAAAA,EAAAA,IAAO,cACNrB,EAAAA,EAAAA,KAAI,GAiBvBuP,eAAeslB,IAEb,MAAMl0B,QAAiBqS,GAAI2pB,iBAAiBvtB,EAAO,6BAEhDzO,IAAU+8B,EAAUrnC,MAAM6uB,SAAWvkB,EAEzC,CAED4O,eAAemgB,EAAkBp2B,GAE/B,IAAIqH,QAAiBqS,GAAI2c,iBAAiBr2B,EAAK/D,GAAI6Z,GAE/CzO,GAAU4oB,GAAuB5oB,EAAU+8B,EAAUrnC,MAE1D,CAED,SAASsnC,EAAWlG,GAIlB,GAFAhzB,EAAM,sBAAuBgzB,EAAQ18B,cAEjC08B,EAAQ18B,aAAc,CAExB,IAAI6iC,EAAoBvhC,EAAMiZ,WAAWuoB,YAAYvlB,MAAMjb,GAClDo6B,EAAQliC,KAAO8H,EAAK9H,KAG7B,GAAIqoC,EAAmB,OAEvBvhC,EAAMiZ,WAAWuoB,YAAYx4B,KAAKoyB,GAClCp7B,EAAMiZ,WAAWwoB,iBAAkB,EACnCrG,EAAQx8B,UAAYw8B,EAAQ18B,YAC7B,CACF,CAED,SAASsiC,EAAkB/oB,GAErBA,GAAUopB,EAAUrnC,MAAMomC,cACzBnoB,GAAWopB,EAAUrnC,MAAMomC,eAEhCiB,EAAUrnC,MAAMomC,aAAeiB,EAAUrnC,MAAMomC,YAChD,CAEDltB,eAAe+tB,EAAgBjmB,GAE7BklB,GAA2BmB,EAAUrnC,OAErC,MAAMsK,QAAiBqS,GAAIuqB,qBAAqBnuB,EAAOiI,EAAS9hB,IAEhE,GAAGoL,EAED,IAAI,MAAM9C,KAAQ8C,EAEbA,EAAS9C,IAEV6/B,EAAUrnC,MAAMmmC,kBAAmB,EACnCkB,EAAUrnC,MAAM6lC,YAAYr+B,GAAMlH,SAAU,EAC5C+mC,EAAUrnC,MAAM6lC,YAAYr+B,GAAMC,MAAQ6C,EAAS9C,IAInD6/B,EAAUrnC,MAAM6lC,YAAYr+B,GAAMlH,SAAU,EAMlDonC,GAED,CAEDxuB,eAAekuB,IAEblB,GAA2BmB,EAAUrnC,OAElCulC,GAA6Bv/B,EAAMiZ,WAAWrE,gBAE/C8sB,IAIAL,EAAUrnC,MAAM4lC,WAAa,EAGhC,CAED1sB,eAAewuB,IAEb,MAAMp9B,QAAiBqS,GAAI+oB,YAAY3sB,EAAOsuB,EAAUrnC,MAAM4a,eAAgB,aAE9EysB,EAAUrnC,MAAM4lC,WAAat7B,CAE9B,CAGD,SAAS2sB,EAAkCrE,GAEzCU,GAAuBV,EAASyU,EAAUrnC,MAE3C,CAED,SAAS+3B,IAEPsP,EAAUrnC,MAAM6tB,UAAY,IAAIN,EAEjC,CAED,SAASoa,EAAsB7iC,GAE7B,IAAI,MAAM0C,KAAQ1C,EAChB,GAAGA,EAAc0C,GAAMxH,MAAO,OAAO,EAGvC,OAAO,CACR,CAED,SAAS4nC,IAEPP,EAAUrnC,MAAM4lC,WAAa,EAC9B,C,OA7HDx/B,EAAAA,EAAAA,KAAU,KAERo4B,GAAiB,I,qlTCxCnB,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,s/BCFM5I,GAAejsB,EAAAA,EAAAA,MACfksB,GAAsBlsB,EAAAA,EAAAA,MAE5B,IAAI0sB,GAA6B1sB,EAAAA,EAAAA,MAEjC,MAAMqsB,GAAkBrvB,EAAAA,EAAAA,KAAS,IAExBX,EAAMiZ,WAAWmP,MAAM1jB,SAUhC,SAASotB,IAEPlC,EAAa51B,MAAM6Y,OACpB,CAEDK,eAAeugB,EAAoBrL,GAEjC,IAAI,MAAM4F,KAAQ5F,EAAO,CAEvByH,EAAoB71B,OAAQ,EAG5B,IAAIo0B,EAAWnzB,KAAKozB,MAAOL,EAAKM,KAAO,KAAO,KAAQ,KAAO,IAE7D,GAAGF,EAAW,GAAI,CAEhB,IAAIG,EAAc,IAAIR,GAEtBQ,EAAY9b,SAAWub,EAAK/wB,KAC5BsxB,EAAYP,WAAa6T,EAAe7T,GAExChuB,EAAMiZ,WAAWmP,MAAMpf,KAAKulB,EAE7B,MAECsB,EAAoB71B,OAAQ,EAC5Bq2B,EAA2Br2B,MAAQg0B,EAAK/wB,KAAL+wB,oCAItC,CAEF,CAED9a,eAAe2uB,EAAe7T,GAE5B,OAAO,IAAI8T,iBAAiBjT,EAASb,GACtC,CAED,SAASa,EAASb,GAEhB,OAAO,IAAIc,SAAQ,CAACn1B,EAASo1B,KAE3B,IAAIC,EAAS,IAAIC,WAGjBD,EAAOlQ,iBAAiB,WAAWxlB,GAAKK,EAAQL,EAAE6gB,OAAOkI,UACzD2M,EAAOlQ,iBAAiB,QAASiQ,GAGjCC,EAAO+S,kBAAkB/T,EAAzB,GAEH,CAED,SAAS6D,EAAqB5qB,GAE5BjH,EAAMiZ,WAAWmP,MAAMlgB,OAAOjB,EAAO,EAEtC,C,wvBC3ED,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,4ECKcxD,EAAAA,EAAAA,MAAd,MAEM49B,GAAYr8B,EAAAA,EAAAA,IAAO,aAEnBg9B,GAAmBr+B,EAAAA,EAAAA,M,ynCCdzB,MAAM,GAAc,GAEpB,U,kmBCScF,EAAAA,EAAAA,MAAd,MAEM48B,GAAcr7B,EAAAA,EAAAA,IAAO,eAErBi9B,GAAsBj9B,EAAAA,EAAAA,IAAO,uBAEnC,SAASi7B,IAEPI,EAAYrmC,MAAM6mC,oBAAsB,IAAI7G,EAC7C,C,87ICjBD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,guCCFA,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,meCAM/4B,GAAQwC,EAAAA,EAAAA,MAed,SAASy+B,EAAiBnG,GAExB,OAAO/7B,EAAM4gB,eAAela,QAAOwV,GAAKA,EAAE4E,YAAcib,IAAO,IAAIhb,QAEpE,C,2qHCxBD,MAAM,GAAc,GAEpB,UCLe,MAAMohB,GACjBpoC,cAEIE,KAAKmoC,UAAY,EACjBnoC,KAAKooC,YAAc,GACnBpoC,KAAKyR,aAAe,GACpBzR,KAAK0R,aAAe,GACpB1R,KAAKuyB,KAAO,GACZvyB,KAAK6R,SAAW,GAChB7R,KAAKwyB,OAAS,GACdxyB,KAAK8R,QAAU,EAClB,ECXU,MAAMu2B,GAEjBvoC,cAEIE,KAAKsoC,YAAc,GACnBtoC,KAAKuoC,mBAAqB,GAC1BvoC,KAAKwoC,YAAc,GACnBxoC,KAAKyoC,YAAc,GACnBzoC,KAAK0oC,aAAe,GACpB1oC,KAAKuS,OAAS,GACdvS,KAAK2oC,aAAe,GACpB3oC,KAAK4oC,UAAY,GACjB5oC,KAAK6oC,mBAAqB,EAC7B,ECXU,MAAMC,WAAwCT,GAEzDvoC,cAEIumB,QAEArmB,KAAK0a,MAAQ,GACb1a,KAAKS,UAAW,EAChBT,KAAKsmB,eAAgB,EACrBtmB,KAAKumB,WAAY,EACjBvmB,KAAKwmB,YAAa,CACrB,E,u3BCECmU,IADQnxB,EAAAA,EAAAA,OACKE,EAAAA,EAAAA,IAAI,KAkBvB,SAASq/B,EAAWlO,EAAM7tB,GAExB,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEFwT,EAAKvU,eAAgB,EACrBuU,EAAKp6B,UAAW,EAEhBk6B,EAAW56B,MAAMgP,KAAK,IAAI+5B,IAC1B/iC,EAAMiZ,WAAWjQ,KAAK,IAAIs5B,IAE1B9gB,EAAiBsT,EAAM7tB,GAI1B,CAED,SAAS8Z,EAAS+T,GAIhB,OAAO,CAER,CAED,SAAStT,EAAiBsT,EAAM7tB,GAG9B,IAAK,MAAM2a,KAAY5hB,EAAMiZ,WAAW,GACtCjZ,EAAMiZ,WAAWhS,GAAO2a,GAAYkT,EAAKlT,EAG5C,CAED,SAASC,EAAciT,GACrBA,EAAKrU,YAAa,CACnB,CAED,SAASqB,EAAagT,GACpBA,EAAKrU,YAAa,CACnB,CAED,SAASwiB,EAAWh8B,EAAO6tB,GAEzBF,EAAW56B,MAAMkO,OAAOjB,EAAO,GAC/BjH,EAAMiZ,WAAW/Q,OAAOjB,EAAO,GAE/B2tB,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,CAE1D,CAED,SAASwoC,EAASpO,GAEhBF,EAAW56B,MAAM8P,SAAQ9I,IACvBA,EAAKtG,UAAW,CAAhB,IAGFo6B,EAAKp6B,UAAW,EAChBo6B,EAAKtU,WAAY,EAGjBoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,CAE3D,CAED,SAASyB,EAAW6S,EAAM7tB,GAExB,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEEra,IAAU2tB,EAAW56B,MAAM0K,OAAS,GACtC1E,EAAMiZ,WAAWjQ,KAAK,IAAIs5B,IAG5B9gB,EAAiBsT,EAAM7tB,GAEvB6tB,EAAKp6B,UAAW,EAChBk6B,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,EAG5D,C,OAED0F,EAAAA,EAAAA,KAAU,KAGR,IAAI+iC,EAAcvO,EAAW56B,MAE7BgG,EAAMiZ,WAAWnP,SAAQ,SAAU9I,GAGjC,IAAIoiC,EAAa,IAAI,IAAIL,MAAsC/hC,GAG/DoiC,EAAW7iB,eAAgB,EAC3B6iB,EAAW1oC,UAAW,EAEtByoC,EAAYn6B,KAAKo6B,EAClB,IAGDD,EAAYn6B,KAAK,IAAI+5B,GAArB,I,+1FCnIF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRe,MAAMM,GACjBtpC,cAEIE,KAAKqpC,WAAa,GAClBrpC,KAAKspC,WAAa,GAClBtpC,KAAKupC,KAAO,GACZvpC,KAAKmC,KAAO,GACZnC,KAAKwpC,QAAU,EAClB,ECNU,MAAMC,WAAoCL,GACrDtpC,cAEIumB,QAEArmB,KAAK0a,MAAQ,GACb1a,KAAKS,UAAW,EAChBT,KAAKsmB,eAAgB,EACrBtmB,KAAKumB,WAAY,EACjBvmB,KAAKwmB,YAAa,CACrB,E,k0BCICmU,IADQnxB,EAAAA,EAAAA,OACKE,EAAAA,EAAAA,IAAI,KAwCvB,SAASq/B,EAAWlO,EAAM7tB,GAExB,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEFwT,EAAKvU,eAAgB,EACrBuU,EAAKp6B,UAAW,EAEhBk6B,EAAW56B,MAAMgP,KAAK,IAAI06B,IAC1B1jC,EAAMiZ,WAAWjQ,KAAK,IAAIq6B,IAE1B7hB,EAAiBsT,EAAM7tB,GAI1B,CAED,SAAS8Z,EAAS+T,GAIhB,OAAO,CAER,CAED,SAAStT,EAAiBsT,EAAM7tB,GAG9B,IAAK,MAAM2a,KAAY5hB,EAAMiZ,WAAW,GACtCjZ,EAAMiZ,WAAWhS,GAAO2a,GAAYkT,EAAKlT,EAG5C,CAED,SAASC,EAAciT,GACrBA,EAAKrU,YAAa,CACnB,CAED,SAASqB,EAAagT,GACpBA,EAAKrU,YAAa,CACnB,CAED,SAASwiB,EAAWh8B,EAAO6tB,GAEzBF,EAAW56B,MAAMkO,OAAOjB,EAAO,GAC/BjH,EAAMiZ,WAAW/Q,OAAOjB,EAAO,GAE/B2tB,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,CAE1D,CAED,SAASwoC,EAASpO,GAEhBF,EAAW56B,MAAM8P,SAAQ9I,IACvBA,EAAKtG,UAAW,CAAhB,IAGFo6B,EAAKp6B,UAAW,EAChBo6B,EAAKtU,WAAY,EAGjBoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,CAE3D,CAED,SAASyB,EAAW6S,EAAM7tB,GAExB,IAAIqa,EAAQP,EAAS+T,GAEjBxT,IAEEra,IAAU2tB,EAAW56B,MAAM0K,OAAS,GACtC1E,EAAMiZ,WAAWjQ,KAAK,IAAIs5B,yBAG5B9gB,EAAiBsT,EAAM7tB,GAEvB6tB,EAAKp6B,UAAW,EAChBk6B,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAG8b,WAAY,EAC1DoU,EAAW56B,MAAM46B,EAAW56B,MAAM0K,OAAS,GAAGhK,UAAW,EAG5D,C,OA1GD0F,EAAAA,EAAAA,KAAU,KAGR,IAAIujC,EAAa/O,EAAW56B,MAE5BgG,EAAMiZ,WAAWnP,SAAQ,SAAU9I,GAGjC,IAAI4iC,EAAc,IAAI,IAAIF,MAAkC1iC,GAG5D4iC,EAAYrjB,eAAgB,EAC5BqjB,EAAYlpC,UAAW,EAEvBipC,EAAW36B,KAAK46B,EACjB,IAGDD,EAAW36B,KAAK,IAAI06B,GAApB,I,2yFC9CF,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,2qICUcjgC,EAAAA,EAAAA,MAAd,MACMogC,GAAgB7+B,EAAAA,EAAAA,IAAO,iBAE7B,IAAI8+B,GAAengC,EAAAA,EAAAA,IAAI,IAAIw+B,IAE3B,MAAM4B,GAAqBpjC,EAAAA,EAAAA,KAAS,IAE9BkjC,EAAc7pC,MAAMgqC,MAAcF,EAAa9pC,MAC/C6pC,EAAc7pC,MAAMiqC,OAAeJ,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,kBAA/E,IAGI6U,GAAgBvjC,EAAAA,EAAAA,KAAS,IAEzBkjC,EAAc7pC,MAAMgqC,MAAc,cAE/B,iBAGHG,GAAoBxjC,EAAAA,EAAAA,KAAS,IAE1BkjC,EAAc7pC,MAAM6uB,SAASQ,gBAAgB3iB,QAAQ1F,GACnDA,EAAKo0B,cAAgByO,EAAc7pC,MAAMq1B,gBAMpD,SAAS+U,EAAmBvwB,GAE1B,IAAK,MAAMrS,KAAQqiC,EAAc7pC,MAAMqqC,iBAErCR,EAAc7pC,MAAMqqC,iBAAiB7iC,GAAM8O,QAAS,EAGtDuzB,EAAc7pC,MAAMqqC,iBAAiBxwB,GAAMvD,QAAS,EACpDuzB,EAAc7pC,MAAMq1B,YAAcxb,CAEnC,CAED,SAASywB,EAAkBnkC,GAEzB0jC,EAAc7pC,MAAMuqC,kBAAmB,EAE1B,QAATpkC,GAEF0jC,EAAc7pC,MAAMgqC,OAAQ,EAC5BH,EAAc7pC,MAAMiqC,QAAS,IAK7BvqC,OAAO8qC,OAAOX,EAAc7pC,MAAMyqC,mBAAoBZ,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,cAE9FwU,EAAc7pC,MAAMiqC,QAAS,EAC7BJ,EAAc7pC,MAAMgqC,OAAQ,EAI/B,CAED,SAASU,IAEL,GAAIb,EAAc7pC,MAAMgqC,OAEnBjjB,EAAS+iB,EAAa9pC,OASvB,OAPA6pC,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAa+S,UAAY,iBACjEyB,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAagT,YAAcyB,EAAa9pC,MAAMqoC,YACtFwB,EAAc7pC,MAAMuqC,kBAAmB,EACvCV,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAasV,UAAW,OAEjFb,EAAa9pC,MAAQ,IAAImoC,GAOhC,CAED,SAASphB,EAAS/M,GAEhB6vB,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAauV,SAAU,EAEhF,IAAIvb,EAAkBwa,EAAc7pC,MAAM6uB,SAASQ,gBAAgB3iB,QAAQ1F,GAClEA,EAAKo0B,cAAgByO,EAAc7pC,MAAMq1B,aAAeruB,EAAK+f,WAatE,OAVAsI,EAAgBvf,SAAQ9I,IAEO,KAA1BgT,EAAMhT,EAAK8f,YAAqB9f,EAAK+f,WAEtC/f,EAAKq0B,QAAQr7B,OAAQ,EACrB6pC,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAauV,SAAU,EACjF,IAIIf,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAauV,OAC9E,CAED,SAASC,EAAmB7rB,GAE1B6qB,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAa+S,UAAYppB,EAAQ9f,GACzE2qC,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAagT,YAAcrpB,EAAQ2G,YAC3EkkB,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAasV,UAAW,CAElF,CAED,SAASG,IAEPjB,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAasV,UAAW,EACjFd,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAe,IAAI8S,GAE3D0B,EAAc7pC,MAAMgqC,OAAQ,EAC5BH,EAAc7pC,MAAMiqC,QAAS,CAC9B,CAED,SAASc,IAEP,GAAIlB,EAAc7pC,MAAMgqC,MAAO,OAAOF,EAAa9pC,MAAQ,IAAImoC,EAChE,CAGD,SAAS6C,IAEP,GAAIC,IAA0B,OAAOC,IAErCrB,EAAc7pC,MAAMuqC,kBAAmB,CAExC,CAED,SAASU,IAEP,IAAK,MAAMzjC,KAAQqiC,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAEzD,GAAIwU,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAa7tB,GAAMrG,WAAWihB,SACtEynB,EAAc7pC,MAAMyqC,mBAAmBjjC,GAAMrG,WAAWihB,OAG1D,OADA3R,QAAQC,IAAI,gBACL,CAIZ,CAED,SAASw6B,IAEPrB,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAa+S,UAAY,EACjEyB,EAAc7pC,MAAMuqC,kBAAmB,CACxC,CAED,SAASY,IAEP,GAAItB,EAAc7pC,MAAMiqC,OAKtB,OAHAJ,EAAc7pC,MAAM6pC,EAAc7pC,MAAMq1B,aAAe,IAAI8S,QAC3D0B,EAAc7pC,MAAMqqC,iBAAiBR,EAAc7pC,MAAMq1B,aAAasV,UAAW,GAKnFb,EAAa9pC,MAAQ,IAAImoC,EAC1B,CAED,SAASiD,IAEP,OAAOvB,EAAc7pC,MAAMq1B,YAAYgW,OAAO,GAAGC,cAC7CzB,EAAc7pC,MAAMq1B,YAAYjE,MAAM,EAE3C,C,8gUCtLD,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,yDCHA,MAAMrY,GAAQ2C,EAAAA,EAAAA,M,kJCFd,MAAM,GAAc,GAEpB,UCUA,MAAM6vB,GAAS,CACb,CAEEC,KAAM,IACNvoC,KAAM,OACNwoC,UAAWC,IAEb,CACEF,KAAM,gCACNvoC,KAAM,eACNwoC,UAAWn6B,IAEb,CACEk6B,KAAM,IACNvoC,KAAM,sBACNwoC,UAAWE,IAKb,CACEH,KAAM,UACNvoC,KAAM,yBACNwoC,UAAWG,IAKb,CACEJ,KAAM,aACNvoC,KAAM,YACNwoC,UAAWpiC,IAKb,CACEmiC,KAAM,iBACNvoC,KAAM,gBACNwoC,UAAWC,IAmBb,CACEF,KAAM,SACNvoC,KAAM,QACNwoC,UAAWI,IAKb,CACEL,KAAM,kCACNvoC,KAAM,gBACNwoC,UAAWK,IAKb,CACEN,KAAM,mCACNvoC,KAAM,UACNwoC,UAAW/d,IAKb,CACE8d,KAAM,aACNvoC,KAAM,QACNwoC,UAAW,IAAM,8BAKnB,CACED,KAAM,aACNvoC,KAAM,YACNwoC,UAAW,IAAM,+BAKnB,CACED,KAAM,WACNvoC,KAAM,UACNwoC,UAAW,IAAM,+BAKnB,CACED,KAAM,cACNvoC,KAAM,aACNwoC,UAAWM,IAMb,CACEP,KAAM,iBACNvoC,KAAM,gBACNwoC,UAAWO,IAKb,CACER,KAAM,aACNvoC,KAAM,YACNwoC,UAAWQ,IAKb,CACET,KAAM,kCACNvoC,KAAM,SACNwoC,UAAWS,IAKb,CACEV,KAAM,iBACNvoC,KAAM,YACNwoC,UAAWE,IAKb,CACEH,KAAM,SACNvoC,KAAM,QAINwoC,UAAW,IAAM,gCAIfvkC,IAASilC,EAAAA,EAAAA,IAAa,CAC1BrG,SAASsG,EAAAA,EAAAA,MACTb,YAGF,UC1KA,IAAIzwB,GAAM,IAAI3C,IAAID,OAAOm0B,SAASC,OAAOnrC,YAAYorC,SACjDnlC,GAAQ0T,GAAItC,MAAM,KAAK,GAE3B,MAAMg0B,GAAsB,sBAEtBC,GAAkB,CAEpB3xB,IAAK4xB,+BACLC,MAAOvlC,GACPwlC,SAAUxlC,GACVylC,OAAQ,kBAGNhlC,GAAU,CACZilC,YAAa50B,OAAOm0B,SAASp0B,MAG3B80B,GAAmB,GAEzB,IAAIC,GAAW,IAAIC,EAAAA,EAASR,IACxBS,GAAW,IAAIrnC,EAEnB,QAEIsnC,aAAaC,EAAKjjC,GAId6iC,GAASK,KAAK,CAACR,OAAQ,mBAAmBxiC,MAAK6O,UAEtCo0B,GAKDrmC,EAAM3F,MAAMC,aAAeyrC,GAASO,cAEpCL,GAAS7jB,UAAY2jB,GAASO,cAAcC,WAC5CN,GAAS5jB,SAAW0jB,GAASO,cAAcE,YAC3CP,GAAS1jB,MAAQwjB,GAASO,cAAc/jB,MAGxCrf,EAAMujC,aAAaC,QAAQC,KAAI10B,gBAErB8zB,GAASa,YAAYd,IAAkB1iC,MAAK,SAAUyjC,GAExD7mC,EAAM3F,MAAMC,aAAeyrC,GAASe,mBACpC7nC,EAAOqS,QAAQy1B,cAAgB,UAAYhB,GAASiB,KAEvD,IAAEtjC,OAAM,WAKLqiC,GAASkB,OAAOrmC,GAEnB,IAEM3B,KAER,SAAU1D,GAET,OAAOsyB,QAAQC,OAAOvyB,EACzB,IAGD0E,GAAAA,eAAqBgS,gBAEX8zB,GAASa,YAAYd,IACtB1iC,MAAK,SAAUyjC,GAEZ7mC,EAAM3F,MAAMC,aAAeyrC,GAASe,kBAEvC,IAAEpjC,OAAM,WAELqiC,GAASkB,OAAOrmC,GAEnB,GATL,IAaJqQ,OAAOi2B,QAAUj1B,gBAEP8zB,GAASa,YAAYd,IACtB1iC,MAAK,SAAUyjC,GAEZ7mC,EAAM3F,MAAMC,aAAeyrC,GAASe,kBAEvC,IAAEpjC,OAAM,WAELqiC,GAASkB,OAAOrmC,GAEnB,GATL,EAaP5H,KAAKmuC,YAAYhB,EAAKjjC,EAAOlD,EAAM3F,MAAMC,aAAa8sC,MAjEnDn2B,OAAOm0B,SAASiC,QAmEnB,IAEF3jC,OAAO4jC,IAEN99B,QAAQC,IAAI69B,GACZ99B,QAAQC,IAAI,uBAAZ,GAEP,EAED09B,YAAYhB,EAAKjjC,EAAOmP,GAEpB,IAGIrS,EAAM3F,MAAMyB,UAAY,IAAIoV,IAAID,OAAOm0B,SAASp0B,KAKnD,CAHC,MAAOzV,GAELiO,QAAQC,IAAIlO,EACf,CAED,MAAMiI,EAAKvD,GAAAA,aAAAA,MAEHD,EAAM3F,MAAME,aAAa4I,SACzBokC,GAAmBpB,EAAKjjC,EAAOmP,GAAQ,WAEnC,OAAQ7O,EAAGxH,MAEP,IAAK,YACIgE,EAAM3F,MAAMiC,SAASkrC,WACtBvnC,GAAAA,KAAY,CAAEjE,KAAMupC,KACxB,MACJ,IAAK,gBACIvlC,EAAM3F,MAAMiC,SAASmrC,cAAczsB,MAAKC,GAAKA,EAAEysB,OAASlkC,EAAGxH,OAAMqT,QAClEpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,QACGvlC,EAAM3F,MAAMiC,SAASwR,eAAekN,MAAKC,GAAKA,EAAEysB,OAASlkC,EAAGxH,OAAMqT,QAClEpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,gBACGvlC,EAAM3F,MAAMiC,SAASqrC,WAAW3sB,MAAKC,GAAKA,EAAEhjB,KAAOuL,EAAGtD,OAAOjI,KAAIoX,QACjEpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,UACGvlC,EAAM3F,MAAMiC,SAASsrC,aAAa5sB,MAAKC,GAAKA,EAAE/I,UAAY1O,EAAGtD,OAAOgS,UAAS7C,QAC7EpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,QACGvlC,EAAM3F,MAAMiC,SAASurC,WAAW7sB,MAAKC,GAAKA,EAAEhjB,KAAOuL,EAAGtD,OAAOjI,KAAIoX,QACjEpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,YACGvlC,EAAM3F,MAAMiC,SAASorB,WACrBznB,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,UACDuC,GAAG9nC,EAAM3F,MAAMiC,SAASyrC,SACpB9nC,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,aAAe,IAAK,gBAAkB,IAAK,YACxCvlC,EAAM3F,MAAMiC,SAASwR,eAAekN,MAAKC,GAAKA,EAAEysB,OAASlkC,EAAGxH,OAAMqT,QAClEpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MACJ,IAAK,SACGvlC,EAAM3F,MAAMiC,SAAS0rC,WAAWhtB,MAAKC,GAAKA,EAAE/I,UAAY1O,EAAGtD,OAAOgS,UAAS7C,QAC3EpP,GAAAA,KAAY,CAACjE,KAAMupC,KACvB,MAIX,GAKZ,EAED0B,SAEIlB,GAASkB,OAAO,CAACpB,YAAa,WAAa7lC,EAAM3F,MAAM8F,MAAQ,sBAClE,GAIL8R,eAAes1B,GAAmBpB,EAAKjjC,EAAOmP,EAAQ41B,GAElD,IAAI5kC,QAAiBqS,GAAIwyB,gBAAgB71B,GAErChP,IAEA4iC,GAAS5zB,OAASA,EAClB4zB,GAAS9iC,QAAUE,EAAShD,KAAK8C,QAAQsS,cACzCwwB,GAAS7jB,UAAY/e,EAAShD,KAAK+hB,UACnC6jB,GAAS5jB,SAAWhf,EAAShD,KAAKgiB,SAElC4jB,GAASkC,+BAAiC9kC,EAAShD,KAAK8nC,+BACxDlC,GAASzrC,sBAAwB6I,EAAShD,KAAK7F,sBAC/CyrC,GAASmC,mBAAqB/kC,EAAShD,KAAK+nC,mBAC5CnC,GAASoC,iBAAmBhlC,EAAShD,KAAKgoC,iBAC1CpC,GAASqC,oBAAsBjlC,EAAShD,KAAKioC,oBAC7CrC,GAASsC,oBAAsBllC,EAAShD,KAAKkoC,oBAC7CtC,GAASuC,oBAAsBnlC,EAAShD,KAAKmoC,oBAC7CvC,GAASwC,gBAAkBplC,EAAShD,KAAKooC,gBACzCxC,GAASnvB,yBAA2BzT,EAAShD,KAAKyW,yBAElD9W,EAAM3F,MAAMiC,SAAW+G,EAAShD,KAAK/D,SACrC0D,EAAM3F,MAAME,aAAe0rC,GAE3BE,EAAIuC,MAAM,QAEVT,IAIP,C,6iBCrND,MAAMU,GAAgB5kC,EAAAA,EAAAA,IAAO,iB,shBCF7B,MAAM,GAAc,GAEpB,U,goKCHc0Q,EAAAA,EAAAA,MAAd,MACMzU,GAAQwC,EAAAA,EAAAA,M,6hICCd,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,U,qUCHMomC,GAAclmC,EAAAA,EAAAA,IAAI,MAClBmmC,GAAanpC,EAAAA,EAAAA,KAAS,IAAMopC,MAC5Bh/B,GAAOpK,EAAAA,EAAAA,KAAS,IAAMqpC,MAsB5B,SAASD,IACP,MAAkB,YAAf/pC,EAAMG,KAA2B,uEAClB,YAAfH,EAAMG,KAA2B,4EAApC,CACD,CAED,SAAS6pC,IACP,MAAkB,YAAfhqC,EAAMG,KAA2B,UAClB,UAAfH,EAAMG,KAAyB,UAChB,YAAfH,EAAMG,KAA2B,cAApC,CACD,C,OAlBDC,EAAAA,EAAAA,KAAU,KAELJ,EAAMiZ,WAAWle,OAClBwO,aAAasgC,EAAY7vC,OACzB6vC,EAAY7vC,MAAQyP,YAAW,IAAMwgC,EAAK,oBAAsB,IAAInvC,IAAiB,MACtF,I,iWCnBH,MAAM,IAA2B,OAAgB,GAAQ,CAAC,CAAC,YAAY,qBAEvE,UCRO,MAAMovC,GACTnwC,cACIE,KAAKkwC,OAAS,CACVhwC,MAAO,gBACPmW,QAAQ,EACRvF,KAAM,uCAEV9Q,KAAK2f,SAAW,CACZzf,MAAO,WACPmW,QAAQ,EACRvF,KAAM,sCAGb,ECPU,MAAMq/B,GACjBrwC,cAEIE,KAAK05B,eAAiB,IAAIlO,GAC1BxrB,KAAK25B,eAAiB,IAAIlN,GAC1BzsB,KAAKq/B,UAAY,IAAIvB,GACrB99B,KAAKs/B,UAAY,IAAIvB,GACrB/9B,KAAKu/B,WAAa,IAAIvB,GACtBh+B,KAAKw/B,WAAa,IAAIxB,EAEzB,EChBE,MAAMoS,GAETtwC,cAEIE,KAAK2D,QAAU,CACXtD,SAAS,EACTwlC,QAAS,IAGb7lC,KAAK0D,UAAY,CACbrD,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKqF,eAAiB,CAClBhF,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKsE,UAAY,CACbjE,SAAS,GAGbL,KAAK8E,YAAc,CACf0C,MAAO,GACPnH,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKgF,YAAc,CACfwC,MAAO,GACPnH,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKiF,cAAgB,CACjBuC,MAAO,GACPnH,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKkF,aAAe,CAChBsC,MAAO,GACPnH,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKmF,aAAe,CAChBqC,MAAO,GACPnH,SAAS,EACTwlC,QAAS,IAGb7lC,KAAKoF,YAAc,CACfoC,MAAO,GACPnH,SAAS,EACTwlC,QAAS,GAGhB,ECvDU,MAAMwK,GACjBvwC,cAEIE,KAAK2a,eAAiB,IAAIolB,GAE1B//B,KAAK4lC,YAAc,IAAIwK,GAEvBpwC,KAAK2lC,WAAa,GAClB3lC,KAAKymC,SAAW,GAChBzmC,KAAKswC,sBAAwB,EAC7BtwC,KAAKuwC,oBAAsB,EAC3BvwC,KAAKwwC,oBAAsB,EAC3BxwC,KAAKywC,kBAAoB,EACzBzwC,KAAKwlC,cAAe,EACpBxlC,KAAKmmC,aAAc,EACnBnmC,KAAKkmC,kBAAmB,EAExBlmC,KAAK4uB,SAAW,CAEZ8hB,WAAY,IAGhB1wC,KAAKkX,YAAc,CAEf,IAAIjX,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,MACjE,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,EAAO,MAC/D,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAO,MACnE,IAAIA,EAAAA,EAAW,IAAK,cAAe,cAAe,OAAO,GAAM,EAAO,MACtE,IAAIA,EAAAA,EAAW,IAAK,MAAO,WAAY,MAAM,GAAM,EAAO,KAC1D,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,MAAM,GAAM,EAAO,KACjE,IAAIA,EAAAA,EAAW,IAAK,SAAU,SAAU,MAAM,GAAM,EAAO,KAC3D,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,MAAM,GAAM,EAAO,KACjE,IAAIA,EAAAA,EAAW,KAAM,WAAY,WAAY,OAAO,GAAM,EAAO,MACjE,IAAIA,EAAAA,EAAW,IAAK,WAAY,WAAY,OAAO,GAAM,EAAO,MAChE,IAAIA,EAAAA,EAAW,KAAM,QAAS,QAAS,MAAM,GAAM,EAAO,OAI9DD,KAAK0mC,aAAe,CAEhB,IAAIzmC,EAAAA,EAAW,IAAK,GAAI,YAAa,QAAQ,GAAM,EAAO,IAiBjE,EC3DU,MAAM0wC,WAA4B7Q,GAE7ChgC,cACIumB,OACH,ECAU,MAAM2lB,WAAkBve,GACnC3tB,cAEIumB,QAEArmB,KAAKiC,UAAY,GAEjBjC,KAAK2a,eAAiB,IAAIg2B,GAE1B3wC,KAAK4tB,UAAY,IAAIN,GACrBttB,KAAKgC,YAAc,GACnBhC,KAAK4wC,YAAc,GACnB5wC,KAAK6wC,YAAc,GACnB7wC,KAAK8wC,OAAS,GACd9wC,KAAK+wC,qBAAuB,GAE5B/wC,KAAKwnC,iBAAkB,EACvBxnC,KAAKgxC,gBAAiB,EACtBhxC,KAAKunC,YAAc,GACnBvnC,KAAKmuB,MAAQ,GACbnuB,KAAKixC,cAAgB,GAErBjxC,KAAKkxC,wBAA0B,EAC/BlxC,KAAKmxC,4BAA8B,EAEnCnxC,KAAK2lC,WAAa,GAClB3lC,KAAKmmC,aAAc,EACnBnmC,KAAK4lC,YAAc,IAAIwK,GACvBpwC,KAAKwlC,cAAe,EAEpBxlC,KAAKkmC,kBAAmB,EAExBlmC,KAAK4uB,SAAW,CAEZE,WAAY,GACZK,UAAW,GACXiiB,UAAW,GACXhiB,gBAAiB,GACjBshB,WAAY,IAIhB1wC,KAAKqxC,kBAAoB,CAErB,IAAIpxC,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,GAAI,GAAI,kBACzE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAM,GAAI,GAAI,kBAC1E,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,EAAM,GAAI,GAAI,kBACtE,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,OAAO,GAAM,EAAM,GAAI,GAAI,kBACzE,IAAIA,EAAAA,EAAW,IAAK,QAAS,QAAS,MAAM,GAAM,EAAO,GAAI,GAAI,kBACjE,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,MAAM,GAAM,EAAM,GAAI,GAAI,kBACxE,IAAIA,EAAAA,EAAW,IAAK,cAAe,gBAAiB,MAAM,GAAM,EAAM,GAAI,GAAI,kBAC9E,IAAIA,EAAAA,EAAW,IAAK,WAAY,eAAgB,MAAM,GAAM,EAAM,GAAI,GAAG,kBACzE,IAAIA,EAAAA,EAAW,KAAM,GAAI,OAAQ,MAAM,GAAM,EAAO,GAAI,IACxD,IAAIA,EAAAA,EAAW,KAAM,YAAa,YAAa,MAAM,GAAM,EAAM,IACjE,IAAIA,EAAAA,EAAW,KAAM,WAAY,WAAY,OAAO,GAAM,EAAM,KAGpED,KAAKsxC,sBAAwB,CAEzB,IAAIrxC,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,IACjE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAM,IAClE,IAAIA,EAAAA,EAAW,IAAK,WAAY,UAAW,OAAO,GAAM,EAAM,IAC9D,IAAIA,EAAAA,EAAW,IAAK,gBAAiB,eAAgB,OAAO,GAAM,EAAO,IACzE,IAAIA,EAAAA,EAAW,IAAK,cAAe,iBAAkB,OAAO,GAAM,EAAO,IACzE,IAAIA,EAAAA,EAAW,IAAK,YAAa,YAAa,OAAO,GAAM,EAAM,IACjE,IAAIA,EAAAA,EAAW,KAAM,YAAa,YAAa,MAAM,GAAM,EAAM,IACjE,IAAIA,EAAAA,EAAW,KAAM,WAAY,WAAY,OAAO,GAAM,EAAM,IAChE,IAAIA,EAAAA,EAAW,KAAM,GAAI,SAAU,MAAM,GAAM,EAAM,IAI5D,EC3EU,MAAMsxC,GAEjBzxC,cAEIE,KAAKkX,YAAc,CAEf,IAAIjX,EAAAA,EAAW,GAAI,GAAI,OAAQ,MAAM,GAAM,EAAO,IAClD,IAAIA,EAAAA,EAAW,IAAK,YAAa,WAAY,OAAO,GAAM,EAAO,IACjE,IAAIA,EAAAA,EAAW,IAAK,aAAc,YAAa,OAAO,GAAM,EAAM,IAClE,IAAIA,EAAAA,EAAW,IAAK,UAAW,UAAW,OAAO,GAAM,EAAM,IAC7D,IAAIA,EAAAA,EAAW,IAAK,aAAc,aAAc,OAAO,GAAM,EAAO,IACpE,IAAIA,EAAAA,EAAW,IAAK,gBAAiB,kBAAmB,OAAO,GAAM,EAAM,IAC3E,IAAIA,EAAAA,EAAW,IAAK,iBAAkB,gBAAiB,OAAO,GAAM,EAAM,IAC1E,IAAIA,EAAAA,EAAW,IAAK,SAAU,MAAO,MAAM,GAAM,EAAO,IACxD,IAAIA,EAAAA,EAAW,IAAK,eAAgB,cAAe,MAAM,GAAM,EAAM,IACrE,IAAIA,EAAAA,EAAW,IAAK,OAAQ,OAAQ,MAAM,GAAM,EAAM,IACtD,IAAIA,EAAAA,EAAW,KAAM,cAAe,aAAc,OAAO,GAAM,EAAM,IACrE,IAAIA,EAAAA,EAAW,KAAM,mBAAoB,kBAAmB,OAAO,GAAM,EAAM,IAC/E,IAAIA,EAAAA,EAAW,KAAM,aAAc,YAAa,MAAM,GAAM,EAAM,IAClE,IAAIA,EAAAA,EAAW,KAAM,aAAc,YAAa,MAAM,GAAM,EAAM,IAClE,IAAIA,EAAAA,EAAW,KAAM,UAAW,UAAW,MAAM,GAAM,EAAM,IAC7D,IAAIA,EAAAA,EAAW,KAAM,UAAW,UAAW,MAAM,GAAM,EAAM,IAC7D,IAAIA,EAAAA,EAAW,KAAM,WAAY,WAAY,MAAM,GAAM,EAAM,IAC/D,IAAIA,EAAAA,EAAW,KAAM,eAAgB,cAAe,OAAO,GAAM,EAAM,KAK3ED,KAAKwxC,YAAc,CAEf,CAEIC,SAAU,SACVxvC,UAAW,SACX0rB,QAAS,eACT+jB,WAAY,gBACZjX,gBAAiB,aACjBF,cAAe,UACfrU,OAAQ,MACRjR,YAAa,SACbxC,KAAM,QACNkf,WAAY,QACZE,gBAAiB,QACjB8f,UAAW,YACXC,UAAW,YACXC,QAAS,YACTC,QAAS,YACTC,SAAU,YACVpI,YAAa,cAGjB,CAEI8H,SAAU,UACVxvC,UAAW,UACX0rB,QAAS,kBACT+jB,WAAY,oBACZjX,gBAAiB,cACjBF,cAAe,UACfrU,OAAQ,KACRjR,YAAa,SACbxC,KAAM,QACNkf,WAAY,QACZE,gBAAiB,QACjB8f,UAAW,YACXC,UAAW,YACXC,QAAS,YACTC,QAAS,YACTC,SAAU,YACVpI,YAAa,cAGjB,CAEI8H,SAAU,SACVxvC,UAAW,SACX0rB,QAAS,mBACT+jB,WAAY,gBACZjX,gBAAiB,aACjBF,cAAe,UACfrU,OAAQ,MACRjR,YAAa,SACbxC,KAAM,QACNkf,WAAY,QACZE,gBAAiB,QACjB8f,UAAW,YACXC,UAAW,YACXC,QAAS,YACTC,QAAS,YACTC,SAAU,YACVpI,YAAa,cAEH,CAEV8H,SAAU,SACVxvC,UAAW,SACX0rB,QAAS,eACT+jB,WAAY,gBACZjX,gBAAiB,aACjBF,cAAe,UACfrU,OAAQ,MACRjR,YAAa,SACbxC,KAAM,QACNkf,WAAY,QACZE,gBAAiB,QACjB8f,UAAW,YACXC,UAAW,YACXC,QAAS,YACTC,QAAS,YACTC,SAAU,YACVpI,YAAa,cAOxB,ECnHU,MAAMkC,GAEjB/rC,cAEIE,KAAKsqC,kBAAmB,EACxBtqC,KAAKgyC,sBAAuB,EAC5BhyC,KAAKiyC,sBAAuB,EAE5BjyC,KAAKoqC,iBAAmB,CAEpB8H,SAAU,CACN77B,QAAQ,EACRq0B,UAAU,EACVC,SAAS,GAEb/c,UAAW,CACPvX,QAAQ,EACRq0B,UAAU,EACVC,SAAS,GAEbwH,MAAO,CACH97B,QAAQ,EACRq0B,UAAU,EACVC,SAAS,IAIjB3qC,KAAKo1B,YAAc,WACnBp1B,KAAKgqC,QAAS,EACdhqC,KAAK+pC,OAAQ,EACb/pC,KAAKmoC,UAAY,GACjBnoC,KAAKwqC,mBAAqB,CAAC,EAE3BxqC,KAAKkyC,SAAW,IAAIhK,GACpBloC,KAAK4tB,UAAY,IAAIsa,GACrBloC,KAAKmyC,MAAQ,IAAIjK,GAEjBloC,KAAKoyC,gBAAkB,GACvBpyC,KAAKqyC,gBAAkB,GAEvBryC,KAAK4uB,SAAW,CAEZQ,gBAAiB,CAEb,IAAI6L,GAAe,eAAe,GAAM,EAAM,gBAAiB,YAC/D,IAAIA,GAAe,gBAAgB,GAAM,EAAM,iBAAkB,YACjE,IAAIA,GAAe,gBAAgB,GAAO,EAAO,iBAAkB,YACnE,IAAIA,GAAe,QAAQ,GAAO,EAAO,OAAQ,YACjD,IAAIA,GAAe,YAAY,GAAO,EAAO,YAAa,YAC1D,IAAIA,GAAe,UAAU,GAAO,EAAO,SAAU,YACrD,IAAIA,GAAe,WAAW,GAAO,EAAO,UAAW,YAEvD,IAAIA,GAAe,eAAe,GAAM,EAAM,gBAAiB,aAC/D,IAAIA,GAAe,gBAAgB,GAAM,EAAM,iBAAkB,aACjE,IAAIA,GAAe,gBAAgB,GAAO,EAAO,iBAAkB,aACnE,IAAIA,GAAe,QAAQ,GAAM,EAAO,OAAQ,aAChD,IAAIA,GAAe,YAAY,GAAO,EAAO,YAAa,aAC1D,IAAIA,GAAe,UAAU,GAAO,EAAO,SAAU,aACrD,IAAIA,GAAe,WAAW,GAAO,EAAO,UAAW,aAEvD,IAAIA,GAAe,eAAe,GAAM,EAAM,gBAAiB,SAC/D,IAAIA,GAAe,gBAAgB,GAAM,EAAM,iBAAkB,SACjE,IAAIA,GAAe,gBAAgB,GAAO,EAAO,iBAAkB,SACnE,IAAIA,GAAe,QAAQ,GAAO,EAAO,OAAQ,SACjD,IAAIA,GAAe,YAAY,GAAM,EAAO,YAAa,SACzD,IAAIA,GAAe,UAAU,GAAO,EAAO,SAAU,SACrD,IAAIA,GAAe,WAAW,GAAO,EAAO,UAAW,UAMlE,E,4YC3CL,MAAMniB,GAAQ2C,EAAAA,EAAAA,MAERzU,IADS0U,EAAAA,EAAAA,OACDlS,EAAAA,EAAAA,OAER8oC,GAAgB5rC,EAAAA,EAAAA,KAAS,IAAM6rC,MAC/B/2B,EAAsB,IAAI20B,GAE1Bp3B,GADa,IAAIpY,GAAAA,EACL,IAAImV,IAChB4jB,EAAiB,IAAItL,GACrBuL,EAAiB,IAAIrK,GACrBsP,EAAmB,IAAIvD,GACvBwD,EAAmB,IAAI5B,GACvB6B,EAAoB,IAAIpB,GACxBqB,EAAoB,IAAInB,GACxBwI,EAAc,IAAIiK,GAClBjJ,EAAY,IAAI4E,GAChBhE,EAAsB,IAAIuJ,GAC1B3H,EAAgB,IAAIiC,GA0B1B,SAAS0G,IAEP,MAAmB,cAAfz5B,EAAM9V,MAAuC,wBAAf8V,EAAM9V,MAAiD,2BAAf8V,EAAM9V,MAE7D,YAAf8V,EAAM9V,KADD2zB,EAAS,MAEC,cAAf7d,EAAM9V,KAA6B2zB,EAAS,MAC7B,kBAAf7d,EAAM9V,MAA2C,SAAf8V,EAAM9V,KAAwB2zB,EAAS,MAC1D,iBAAf7d,EAAM9V,MACS,SAAf8V,EAAM9V,KADgC2zB,EAAS,KAEhC,WAAf7d,EAAM9V,KAA0B2zB,EAAS,MAC1B,UAAf7d,EAAM9V,KAAyB2zB,EAAS,KACzB,cAAf7d,EAAM9V,KAA6B2zB,EAAS,MAC7B,kBAAf7d,EAAM9V,KAAiC2zB,EAAS,MACjC,eAAf7d,EAAM9V,KAA8B2zB,EAAS,MACpB,mBAAzB7d,EAAM5R,OAAOgS,QAAqCyd,EAAS,MAClC,mBAAzB7d,EAAM5R,OAAOgS,QAAqCyd,EAAS,MAC5C,kBAAf7d,EAAM9V,MAAgD,QAApB8V,EAAM5R,OAAOjI,GAAqB03B,EAAS,MAC9D,kBAAf7d,EAAM9V,MAAgD,WAApB8V,EAAM5R,OAAOjI,GAAwB03B,EAAS,MACjE,UAAf7d,EAAM9V,MAAwC,QAApB8V,EAAM5R,OAAOjI,GAAqB03B,EAAS,MACtD,UAAf7d,EAAM9V,MAAwC,WAApB8V,EAAM5R,OAAOjI,GAAwB03B,EAAS,MACzD,cAAf7d,EAAM9V,KAA6B2zB,EAAS,MAC7B,YAAf7d,EAAM9V,KAA2B2zB,EAAS,WAA9C,CAED,CAED,SAAS6b,IAEP,IAEI,OAAO7b,EAAAA,KAAAA,CAAS,KAAW3vB,EAAM3F,MAAM8F,iBAK1C,CAHC,MAAO5E,GAEP,OAAOo0B,EAAS,KACjB,CAEF,CAED,SAAS8b,IAEP,IAEI,OAAO9b,EAAAA,KAAAA,CAAS,KAAW3vB,EAAM3F,MAAM8F,SAASH,EAAM3F,MAAME,aAAa4I,mBAK5E,CAHC,MAAO5H,GAEP,OAAOo0B,EAAS,KACjB,CAEF,C,OAxED+b,EAAAA,EAAAA,IAAQ,iBAAiBhpC,EAAAA,EAAAA,IAAI,IAAIumC,MACjCyC,EAAAA,EAAAA,IAAQ,uBAAuBhpC,EAAAA,EAAAA,IAAI8R,KACnCk3B,EAAAA,EAAAA,IAAQ,aAAahpC,EAAAA,EAAAA,IAAIqP,KACzB25B,EAAAA,EAAAA,IAAQ,kBAAkBhpC,EAAAA,EAAAA,IAAIgwB,KAC9BgZ,EAAAA,EAAAA,IAAQ,kBAAkBhpC,EAAAA,EAAAA,IAAIiwB,KAC9B+Y,EAAAA,EAAAA,IAAQ,oBAAoBhpC,EAAAA,EAAAA,IAAIk1B,KAChC8T,EAAAA,EAAAA,IAAQ,oBAAoBhpC,EAAAA,EAAAA,IAAIm1B,KAChC6T,EAAAA,EAAAA,IAAQ,qBAAqBhpC,EAAAA,EAAAA,IAAIo1B,KACjC4T,EAAAA,EAAAA,IAAQ,qBAAqBhpC,EAAAA,EAAAA,IAAIq1B,KACjC2T,EAAAA,EAAAA,IAAQ,eAAehpC,EAAAA,EAAAA,IAAI08B,KAC3BsM,EAAAA,EAAAA,IAAQ,aAAahpC,EAAAA,EAAAA,IAAI09B,KACzBsL,EAAAA,EAAAA,IAAQ,uBAAuBhpC,EAAAA,EAAAA,IAAIs+B,KACnC0K,EAAAA,EAAAA,IAAQ,iBAAiBhpC,EAAAA,EAAAA,IAAIkgC,KAI7BzjC,EAAAA,EAAAA,KAAU8S,UACR5S,SAASssC,gBAAgBC,UAAY,SAArC,I,whCCjEF,MAAM,GAAc,GAEpB,U,gCCWA1oC,GAAAA,EAAAA,SAAAA,QAAyBuiC,sCAIzB,MAAMU,IAAM0F,EAAAA,EAAAA,IAAUC,IAAKnF,IAAI3mC,GAAO2mC,IAAIoF,GAAAA,GAAapF,IAAI1mC,IAG3DkmC,GAAI3B,UAAU,YAAawH,GAAAA,GACtBxH,UAAU,YAAa11B,IAG5B,IAAI3O,GAAQ,IAAI+Q,IAAID,OAAOm0B,SAASC,OAAOnrC,YAAYorC,SACvDtlC,EAAM3F,MAAM8F,MAAQA,GAAMoR,MAAM,KAAK,GAEmD,CAEpF06B,GAAAA,aAA4B9F,GAAKjjC,GAAAA,GAEjC,MAAM6Q,EAAc,IAAIC,GAAAA,EAAoB,CAAE/U,OAAQ,CAC9CgV,iBAAkB,gMAElBi4B,oBAAqB,KAI7Bn4B,EAAYG,iBAAgB,GAC5BH,EAAYo4B,eAKf,C,yZC7CKC,GAAU1sC,EAAAA,EAAAA,KAAS,IAAM2sC,MAS/B,SAASA,IAIP,OAAQttC,EAAMqK,MAEZ,IAAK,MAAQ,MAAO,UACpB,IAAK,OAAS,MAAO,WACrB,IAAK,SAAW,MAAO,WACvB,IAAK,OAAQ,MAAO,WACpB,IAAK,OAAQ,MAAO,WACpB,IAAK,SAAW,IAAK,MAAQ,MAAO,UACpC,IAAK,KAAO,MAAO,UACnB,IAAK,KAAO,MAAO,WACnB,IAAK,SAAW,MAAO,WACvB,IAAK,UAAY,MAAO,WACxB,IAAK,YAAc,IAAK,OAAS,MAAO,WAExC,QAAS,MAAO,GAGnB,C,uqBC5BD,MAAM5J,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,mfCHM8sC,GAAc5sC,EAAAA,EAAAA,KAAS,IAAM6sC,MAiBnC,SAASC,EAAWzzC,GAClBiwC,EAAK,oBAAqBjwC,EAC3B,CAED,SAASwzC,IACP,OAAKxtC,EAAM0tC,SAGJ,GAFE,MAGV,C,mqBCzBD,MAAMjtC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,gvBCDMktC,GAAgBhqC,EAAAA,EAAAA,IAAI,IACpBiqC,GAAYjqC,EAAAA,EAAAA,IAAI,IAChBwX,GAAgBxX,EAAAA,EAAAA,KAAI,GA+B1B,SAASkqC,EAAgBv0C,GAEvB,GAAM,UAAUmhB,KAAKnhB,EAAEc,KAGhB,IAAc,MAAVd,EAAEc,KAAgE,MAAjDwzC,EAAU5zC,MAAMqrC,OAAOuI,EAAUlpC,OAAS,GAIpE,OAAO,EAHPpL,EAAEsO,gBAIH,MAPCtO,EAAEsO,gBASL,CAED,SAASkmC,EAAiBx0C,GAExB8O,EAAM,wBAAyB,IAAIxN,EAAAA,GACnCwN,EAAM,SAGD9O,EAAEgI,OAIwB,IAA3BssC,EAAU5zC,MAAM0K,QAA2C,IAA3BkpC,EAAU5zC,MAAM0K,SAClDkpC,EAAU5zC,OAAS,KAGtB,CAuBD,SAAS+zC,EAAuBC,GAE9B5lC,EAAM,wBAAyB,IAAIxN,EAAAA,GAEV,KAArBozC,EAAUtpC,SAAyC,IAAxByW,EAAcnhB,MAC3CC,KAAKg0C,UAAUL,EAAU5zC,OAEF,KAAdg0C,GAAyC,KAArBA,EAAUtpC,QACvC0D,EAAM,wBAAyB,IAAIxN,EAAAA,EAAW,GAAG,GAGpD,C,OA3EDwF,EAAAA,EAAAA,KAAU,KACJJ,EAAMiZ,aACR00B,EAAc3zC,MAAQgG,EAAMiZ,WAC7B,KAGHgH,EAAAA,EAAAA,KAAM,IAAMjgB,EAAMiZ,aAAY,CAACi1B,EAAUC,KACvCR,EAAc3zC,MAAQgG,EAAMiZ,WAC5B20B,EAAU5zC,MAAQ,GAClBmhB,EAAcnhB,OAAS,CAAvB,I,gvCC9BF,MAAMyG,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,8FC0FawsC,EAAAA,EAmBD5Q,QAYAA,QAIAA,QAcAA,QAOAA,Q,+lCCrJZ,MAAMkR,GAAc5sC,EAAAA,EAAAA,KAAS,IAAM6sC,MAyB7BjyB,GAAW5X,EAAAA,EAAAA,MACXyqC,GAAkBzqC,EAAAA,EAAAA,IAAI3D,EAAMquC,WAAa,MAEzCC,GAAW3tC,EAAAA,EAAAA,KAAS,IAErBX,EAAM7F,MAAc6F,EAAM7F,MAEtB6F,EAAMiZ,aAIf,SAASs1B,IACPhzB,EAASvhB,MAAMgmB,MAChB,CAED,SAASrF,IAEH3a,EAAMwuC,UACRpmC,EAAM,WACNA,EAAM,oBAAqB,IAC3BA,EAAM,wBAAyB,IAAIxN,EAAAA,GAGtC,CAED,SAASke,IACP1Q,EAAM,wBAAyB,IAAIxN,EAAAA,EACpC,CAED,SAAS4yC,IACP,OAAKxtC,EAAM0tC,SAGJ,GAFE,MAGV,C,OAEDztB,EAAAA,EAAAA,KAAM,IAAMjgB,EAAMiZ,aAAY,KAEzBjZ,EAAMiZ,YAAY7Q,EAAM,wBAAyB,IAAIxN,EAAAA,EAAnC,I,qmDC9DvB,MAAM6F,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,ggECCMQ,GAAQwC,EAAAA,EAAAA,MA6BRiC,GAAoB/B,EAAAA,EAAAA,IAAI,MAExBiC,IADYjC,EAAAA,EAAAA,IAAI,KACJA,EAAAA,EAAAA,IAAI,KAIhBgC,IAHehC,EAAAA,EAAAA,KAAI,IACGA,EAAAA,EAAAA,KAAI,IACdA,EAAAA,EAAAA,KAAI,IACQA,EAAAA,EAAAA,IAAI,OAE5BkC,IADqBlC,EAAAA,EAAAA,IAAI,IACXA,EAAAA,EAAAA,IAAI,KAClBoC,GAAepC,EAAAA,EAAAA,KAAI,GACnBqC,GAAarC,EAAAA,EAAAA,IAAI,MAEjBmC,GAAiBnC,EAAAA,EAAAA,IAAI,IAgBrB6C,IAdgB7F,EAAAA,EAAAA,KAAS,KAE7B8I,YAAW,KAETxI,EAAM3F,MAAMsB,oBAAqB,CAAjC,GACC,KAEIqE,EAAM3F,MAAMsB,uBAGE+D,EAAAA,EAAAA,KAAS,IACvB4H,SAASvI,EAAM6G,WAGFlG,EAAAA,EAAAA,KAAS,IACtBX,EAAMyG,QAAQC,QAAOC,IAAmB,IAAdA,EAAErM,aAG/ByM,GAAYpG,EAAAA,EAAAA,KAAS,KAEzB,GAAIiF,EAAU5L,MAAM0K,OAAS,EAE3B,OAAOkB,EAAU5L,MAAM0M,QAAO,CAACM,EAAKC,KAKlC,IAAIC,GAAclH,EAAMmH,YAAc,GAAKnH,EAAMoH,SAC7CC,EAAWrH,EAAMmH,YAAcnH,EAAMoH,SAGzC,GAAIH,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACR,GAGJ,IAUH,SAASu3B,EAAiBn4B,EAASQ,GACjC,IAAI43B,EAAap4B,EAAQ/B,OAAS,EAElC,GAAIuC,IAAU43B,EAAY,CAExB,IAAIxkC,EAAQkO,SAAS9B,EAAQo4B,GAAYxkC,OACrCykC,EAAgBzkC,EAAQ,GAE5B,OAAOykC,EAAc3jC,UACtB,CAED,OAAOsL,EAAQQ,GAAO5M,KAEvB,CAED,SAAS+gC,EAAQp0B,EAAK5M,EAAKoN,GAEzB,OAAIA,GAGwB,kBAAdR,EAAI5M,IAEV4M,EAAI5M,GAAa4M,EAAI5M,EAO9B,CAED,SAAS6kC,EAAS3lC,EAAG0N,EAAKC,GACxBy3B,IACA13B,EAAIm0B,sBAAuB,EAEvBn7B,EAAMw8B,aAAex1B,EAAIy3B,UAAUr2B,EAAM,eAAgBpI,EAAM3C,WAAW4J,GAAQA,EAEvF,CAED,SAASy3B,IAEP,IAAK,IAAIC,KAAM/4B,EAAU5L,MACvB4L,EAAU5L,MAAM2kC,GAAI,yBAA0B,CAGjD,CAED,SAASr3B,EAAcL,GACrB,OAAOjH,EAAM3C,WAAW4J,EACzB,CAED,SAASm3B,GAAa52B,EAAQR,GAE5B,GAAIQ,EAAOhN,cAAe,OAAOwM,EAAIQ,EAAOhN,cAC7C,CAED,SAASi0C,GAAYjnC,EAAQR,GAC3B,GAAIQ,EAAO/M,aAAc,OAAOuM,EAAIQ,EAAO/M,aAC5C,CAED,SAAS4jC,GAAa72B,EAAQR,GAE7B,CAED,SAASoD,GAAUC,GACjBC,UAAUC,UAAUC,UAAUH,EAC/B,CAED,SAASX,KACJ1J,EAAMmI,eAAeC,EAAM,cAAc,EAC7C,CAED,SAASX,GAAgBnO,EAAGkO,GAC1B9B,EAAkB1L,MAAQgG,EAAMyG,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAOsO,EAAOtO,KAEnC,OAAhCyM,EAAsB3L,MACvBwN,EAAOjN,SAAUjB,EAAEsO,iBADqBtO,EAAEsO,gBAG9C,CAED,SAASC,GAAevO,GAEtB,OADAA,EAAEsO,kBACK,CACR,CAED,SAASE,GAAWxO,EAAGyO,GACrBzO,EAAE0O,kBAEF,IAAIC,EAA4BjI,EAAMyG,QAAQiB,WAAUC,GAAKA,EAAEzO,KAAO6O,EAAsB7O,KAExFwM,EAAkB1L,QAAUiO,GAA8BF,EAAsBxN,UAE9E0N,EAA4BvC,EAAkB1L,OAEhDgG,EAAMyG,QAAQyB,OAAOD,EAA2B,EAAGjI,EAAMyG,QAAQf,EAAkB1L,QACnFgG,EAAMyG,QAAQyB,OAAOxC,EAAkB1L,MAAQ,EAAG,KAGlDgG,EAAMyG,QAAQyB,OAAOD,EAA4B,EAAG,EAAGjI,EAAMyG,QAAQf,EAAkB1L,QACvFgG,EAAMyG,QAAQyB,OAAOxC,EAAkB1L,MAAO,IAI7CgG,EAAMmI,eAAeC,EAAM,cAGjC,CAED,SAAS7B,KAEPV,EAAY7L,MAAQ,GAEpB,IAAI+O,EAAU9N,KAAK2N,KAAKhD,EAAU5L,MAAM0K,OAAS1E,EAAMoH,UAEvD,IAAK,IAAIO,EAAI,EAAGA,EAAIoB,EAASpB,IAE3B9B,EAAY7L,MAAMgP,KACd,CACEC,OAAQtB,EAAI,EACZuB,UAAU,GAInB,CAED,SAASP,KAEP,OAAO1N,KAAK2N,KAAK/C,EAAY7L,MAAM0K,OAASoB,EAAe9L,MAE5D,CAED,SAAS6O,KAEP,OAAOhD,EAAY7L,MAAM0M,QAAO,CAACM,EAAKC,KAEpC,IAAIC,GAAclH,EAAM8I,uBAAyB,GAAKhD,EAAe9L,MACjEqN,EAAWrH,EAAM8I,uBAAyBhD,EAAe9L,MAE7D,GAAIiN,GAASC,GAAcD,EAAQI,EACjC,OAAO,CACR,GAIJ,CAED,SAAS8B,KACHnJ,EAAM8I,uBAAyBH,MACjCP,EAAM,gCAAiCpI,EAAM8I,uBAAyB,EACzE,CAED,SAASM,KACHpJ,EAAM8I,uBAAyB,GAAGV,EAAM,gCAAiCpI,EAAM8I,uBAAyB,EAC7G,CAED,SAASO,GAAiB/P,EAAG2N,GAC3B3N,EAAEsO,iBACFjC,EAAsB3L,MAAQ2L,EAAsB3L,MAAQ,KAAS2L,EAAsB3L,MAAQiN,CACpG,CAED,SAASiD,KACPnE,EAAa/L,OAAS+L,EAAa/L,KACpC,CAED,SAAS00C,KACPnlC,aAAavD,EAAWhM,MACzB,CAED,SAAS20C,KACP3oC,EAAWhM,MAAQyP,YAAW,IAAM1D,EAAa/L,OAAQ,GAAO,IACjE,CAED,SAAS6P,KACP7J,EAAMyG,QAAQqD,SAAQ,SAAU9I,GAC9BA,EAAK1G,SAAU,CAChB,IACD0F,EAAMyG,QAAQsD,MAAK,CAACC,EAAGC,IACdD,EAAE9Q,GAAK+Q,EAAE/Q,IAEnB,CAED,SAASsQ,KACP7D,EAAsB3L,MAAQ,KAE3BgG,EAAMmI,eAAeuB,IACzB,CAED,SAASC,GAAmBC,GAC1B,OAAIA,EAAIrP,QACD,uBADiB,2CAEzB,C,OArMD6F,EAAAA,EAAAA,KAAU,KAERwF,EAAU5L,MAAQoM,KAAKC,MAAMD,KAAKE,UAAUtG,EAAM3C,aAElDkJ,IAAmB,I,o/JCzFrB,MAAM9F,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,6JCP4C05B,EAAAA,cAAAA,EAAAA,EAAAA,OAA1CyU,EAAAA,EAAAA,IASgBC,EAAA,C,MATD31C,GAAG,kBAAsC6R,MAAM,EAAQ+jC,YAAa3U,EAAAA,aAAnF,CACan/B,SAAO,SAChB,IAEM,EAFNkK,EAAAA,EAAAA,GAEM,aADJyM,EAAAA,EAAAA,IAA4BC,EAAAA,OAAA,kBAAAC,GAAA,Q,kBAGhC,IAEM,EAFN3M,EAAAA,EAAAA,GAEM,OAFAC,OAAK,QAAE+0B,EAAAA,gBAAgBj1B,MAAM,kCAAnC,EACE0M,EAAAA,EAAAA,IAA8BC,EAAAA,OAAA,oBAAAC,GAAA,IADhC,M,KANF,iCAUAtM,EAAAA,EAAAA,IAEM,O,MAFOJ,OAAK,QAAE+0B,EAAAA,gBAAgBj1B,MAAM,kCAA1C,EACE0M,EAAAA,EAAAA,IAA8BC,EAAAA,OAAA,oBAAAC,GAAA,IADhC,G,eASF,GACE5U,KAAM,iBACN++B,WAAY,CACVE,cAAaA,EAAAA,GAGfoB,QAAS,CAEPyR,eAEE,OAAG90C,KAAK4G,UACC,SAAW5G,KAAK4G,UAGtB5G,KAAK+0C,UACC,cAAgB/0C,KAAK+0C,UAAY,gBAEhC/0C,KAAKg1C,YACN,sCADF,CAIT,GAGFjvC,MAAO,CAELkvC,YAAa,CAAC/uC,KAAMk8B,QAASlxB,SAAS,GACtC8jC,YAAa,CAAC9uC,KAAMk8B,QAASlxB,SAAS,GACtC2jC,YAAa,CAAC3uC,KAAMk8B,QAASlxB,SAAS,GACtCtK,UAAW+7B,OACXoS,UAAWpS,S,QC3Cf,MAAMn8B,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASgF,GAAQ,CAAC,YAAY,qBAEzF,O,q1CCHA,MAAMhF,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,6uBCFA,MAAMA,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,mZCJA,MAAM0uC,GAAiBxrC,EAAAA,EAAAA,IAAI,MASrByrC,EAAa91C,IAEjB61C,EAAen1C,MAAMmL,MAAMoQ,QAAU,kBAErC,IAAI85B,EAAgBF,EAAen1C,MAAMgkB,aAAe,GACpDsxB,EAAeH,EAAen1C,MAAMu1C,YACpCC,EAA2Bl2C,EAAEm2C,MAAQv9B,OAAOw9B,QAAS,GAItDF,EAA2BlvC,SAASqS,KAAK48B,YAAc,IACxDJ,EAAen1C,MAAMmL,MAAMoQ,SAAY,SAAQi6B,EAA2B,aAAal2C,EAAEq2C,QAAUN,EAAgB,OAE3GG,EAA2B,KACnCL,EAAen1C,MAAMmL,MAAMoQ,SAAY,SAAQjc,EAAEm2C,MAAQv9B,OAAOw9B,QAAUJ,EAAe,aAAah2C,EAAEq2C,QAAUN,EAAgB,OAGlIF,EAAen1C,MAAMmL,MAAMoQ,QAAU,gBACtC,EAIGq6B,EAAW,KAEfT,EAAen1C,MAAMmL,MAAMoQ,QAAU,gBAArC,E,kbC/BF,MAAM9U,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,0VCJM0uC,GAAiBxrC,EAAAA,EAAAA,IAAI,MACrBksC,GAAmBlsC,EAAAA,EAAAA,IAAI,MACvBmsC,GAAQnsC,EAAAA,EAAAA,IAAI,MAQZosC,EAAaz2C,IAEjBw2C,EAAM91C,MAAQyP,YAAW,WAEvB,GAAG0lC,EAAen1C,OAAU61C,EAAiB71C,MAAO,CAClDm1C,EAAen1C,MAAMmL,MAAMoQ,QAAU,kBAErC,IAAIy6B,EAAwBH,EAAiB71C,MAAM0jB,wBAAwBuyB,OAAS,EAChFC,EAAsBL,EAAiB71C,MAAM0jB,wBAAwBG,KAAM,EAE/EsxB,EAAen1C,MAAMmL,MAAMoQ,QAAW,0BAAyBvV,EAAM3F,MAAQ,oBACvE21C,EAAwB,eAAeE,EAAsB,OAEpE,CAEF,GAAE,IAbH,EAiBIN,EAAW,KAEfrmC,aAAaumC,EAAM91C,OACnBm1C,EAAen1C,MAAMmL,MAAMoQ,QAAU,gBAArC,E,mVC9BF,MAAM9U,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,ioCCHA,MAAMA,EAAc,EAEpB,O,wmBCFM0vC,IADoBxsC,EAAAA,EAAAA,IAAI,OACAA,EAAAA,EAAAA,IAAI,KA4BlC,SAAS8D,EAAgBnO,EAAGqkC,EAAqByS,GAC/Cn2C,KAAKo2C,kBAAoBD,EACzBzS,EAAoBzgC,OAAQ,EAC5BygC,EAAoBvgC,KAAM,CAC3B,CAED,SAASkzC,EAAcC,GACrBA,EAAyBrzC,OAAQ,EACjCqzC,EAAyBnzC,KAAM,CAChC,CAED,SAASozC,EAAgBC,GACvBA,EAActzC,MAAO,CACtB,CAED,SAAS0K,EAAevO,GAEtB,OADAA,EAAEsO,kBACK,CACR,CAED,SAAS8oC,EAAgB/S,GACvBA,EAAoBxgC,MAAO,CAC5B,CAED,SAAS2K,EAAWxO,EAAGi3C,EAA0BI,GAC/Cr3C,EAAE0O,kBACFuoC,EAAyBpzC,MAAO,EAChClD,KAAKk2C,sBAAsBl2C,KAAKo2C,mBAAmBnzC,OAAQ,EAEvDjD,KAAKo2C,oBAAsBM,IAC7B12C,KAAKk2C,sBAAsBjoC,OAAOyoC,EAAgB,EAAG12C,KAAKk2C,sBAAsBl2C,KAAKo2C,oBACrFp2C,KAAKk2C,sBAAsBjoC,OAAOjO,KAAKo2C,kBAAmB,EAAGE,GAEhE,CAED,SAASK,EAAaH,GACpB,IAAII,EAAY,GAMhB,OAJIJ,EAAcvzC,QAAO2zC,GAAa,qBAClCJ,EAAcrzC,MAAKyzC,GAAa,mBAChCJ,EAActzC,OAAM0zC,GAAa,SAE9BA,CACR,C,OA/CDzwC,EAAAA,EAAAA,KAAU,KACJJ,EAAM8wC,mBAAkBX,EAAsBn2C,MAAQgG,EAAM8wC,iBAApC,I,0dCxB9B,MAAMrwC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,4tFCFA,MAAMA,GAA2B,OAAgB,EAAQ,CAAC,CAAC,YAAY,qBAEvE,O,uBCRA,IAAI1H,EAAM,CACT,oCAAqC,KACrC,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,MAIhC,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,I,uBCnCpB,IAAIH,EAAM,CACT,wBAAyB,KACzB,mBAAoB,IACpB,4BAA6B,KAC7B,oCAAqC,KACrC,iCAAkC,KAClC,0BAA2B,KAC3B,qBAAsB,KACtB,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,8BAA+B,KAC/B,qBAAsB,KACtB,8BAA+B,KAC/B,8BAA+B,KAC/B,iBAAkB,KAClB,iBAAkB,EAClB,wBAAyB,KACzB,8BAA+B,KAC/B,qBAAsB,KAIvB,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,I,wn3NC7ChB63C,EAA2B,CAAC,EAGhC,SAAS33C,EAAoB43C,GAE5B,IAAIC,EAAeF,EAAyBC,GAC5C,QAAqBn/B,IAAjBo/B,EACH,OAAOA,EAAap3C,QAGrB,IAAID,EAASm3C,EAAyBC,GAAY,CACjD93C,GAAI83C,EACJE,QAAQ,EACRr3C,QAAS,CAAC,GAUX,OANAs3C,EAAoBH,GAAUI,KAAKx3C,EAAOC,QAASD,EAAQA,EAAOC,QAAST,GAG3EQ,EAAOs3C,QAAS,EAGTt3C,EAAOC,OACf,CAGAT,EAAoBi4C,EAAIF,E,WC5BxB/3C,EAAoBk4C,KAAO,CAAC,C,eCA5B,IAAIC,EAAW,GACfn4C,EAAoBo4C,EAAI,SAASnvB,EAAQovB,EAAUC,EAAIC,GACtD,IAAGF,EAAH,CAMA,IAAIG,EAAeC,IACnB,IAASlqC,EAAI,EAAGA,EAAI4pC,EAAS7sC,OAAQiD,IAAK,CACrC8pC,EAAWF,EAAS5pC,GAAG,GACvB+pC,EAAKH,EAAS5pC,GAAG,GACjBgqC,EAAWJ,EAAS5pC,GAAG,GAE3B,IAJA,IAGImqC,GAAY,EACPC,EAAI,EAAGA,EAAIN,EAAS/sC,OAAQqtC,MACpB,EAAXJ,GAAsBC,GAAgBD,IAAaj4C,OAAOD,KAAKL,EAAoBo4C,GAAGQ,OAAM,SAAS53C,GAAO,OAAOhB,EAAoBo4C,EAAEp3C,GAAKq3C,EAASM,GAAK,IAChKN,EAASvpC,OAAO6pC,IAAK,IAErBD,GAAY,EACTH,EAAWC,IAAcA,EAAeD,IAG7C,GAAGG,EAAW,CACbP,EAASrpC,OAAOP,IAAK,GACrB,IAAIsqC,EAAIP,SACE7/B,IAANogC,IAAiB5vB,EAAS4vB,EAC/B,CACD,CACA,OAAO5vB,CArBP,CAJCsvB,EAAWA,GAAY,EACvB,IAAI,IAAIhqC,EAAI4pC,EAAS7sC,OAAQiD,EAAI,GAAK4pC,EAAS5pC,EAAI,GAAG,GAAKgqC,EAAUhqC,IAAK4pC,EAAS5pC,GAAK4pC,EAAS5pC,EAAI,GACrG4pC,EAAS5pC,GAAK,CAAC8pC,EAAUC,EAAIC,EAwB/B,C,eC5BAv4C,EAAoB84C,EAAI,SAASt4C,GAChC,IAAIu4C,EAASv4C,GAAUA,EAAOw4C,WAC7B,WAAa,OAAOx4C,EAAO,UAAY,EACvC,WAAa,OAAOA,CAAQ,EAE7B,OADAR,EAAoBi5C,EAAEF,EAAQ,CAAEnoC,EAAGmoC,IAC5BA,CACR,C,eCNA/4C,EAAoBi5C,EAAI,SAASx4C,EAASy4C,GACzC,IAAI,IAAIl4C,KAAOk4C,EACXl5C,EAAoBC,EAAEi5C,EAAYl4C,KAAShB,EAAoBC,EAAEQ,EAASO,IAC5EV,OAAO64C,eAAe14C,EAASO,EAAK,CAAEo4C,YAAY,EAAM7vB,IAAK2vB,EAAWl4C,IAG3E,C,eCPAhB,EAAoB2vC,EAAI,CAAC,EAGzB3vC,EAAoBE,EAAI,SAASm5C,GAChC,OAAO3jB,QAAQ4jB,IAAIh5C,OAAOD,KAAKL,EAAoB2vC,GAAG4J,QAAO,SAASC,EAAUx4C,GAE/E,OADAhB,EAAoB2vC,EAAE3uC,GAAKq4C,EAASG,GAC7BA,CACR,GAAG,IACJ,C,eCPAx5C,EAAoBy5C,EAAI,SAASJ,GAEhC,MAAO,OAAqB,MAAZA,EAAkB,QAAUA,GAAW,IAAM,CAAC,IAAM,WAAW,IAAM,WAAW,IAAM,WAAW,IAAM,YAAYA,GAAW,KAC/I,C,eCHAr5C,EAAoB05C,SAAW,SAASL,GAEvC,MAAO,QAAsB,MAAZA,EAAkB,QAAUA,GAAW,IAAM,CAAC,IAAM,WAAW,IAAM,YAAYA,GAAW,MAC9G,C,eCJAr5C,EAAoB25C,EAAI,WACvB,GAA0B,kBAAfC,WAAyB,OAAOA,WAC3C,IACC,OAAO/4C,MAAQ,IAAIg5C,SAAS,cAAb,EAGhB,CAFE,MAAO35C,GACR,GAAsB,kBAAX4Y,OAAqB,OAAOA,MACxC,CACA,CAPuB,E,eCAxB9Y,EAAoBC,EAAI,SAAS65C,EAAK3a,GAAQ,OAAO7+B,OAAOy5C,UAAUl2B,eAAem0B,KAAK8B,EAAK3a,EAAO,C,eCAtG,IAAI6a,EAAa,CAAC,EACdC,EAAoB,iBAExBj6C,EAAoBk6C,EAAI,SAASx+B,EAAKy+B,EAAMn5C,EAAKq4C,GAChD,GAAGW,EAAWt+B,GAAQs+B,EAAWt+B,GAAK9L,KAAKuqC,OAA3C,CACA,IAAIC,EAAQC,EACZ,QAAW5hC,IAARzX,EAEF,IADA,IAAIs5C,EAAUpzC,SAASqzC,qBAAqB,UACpChsC,EAAI,EAAGA,EAAI+rC,EAAQhvC,OAAQiD,IAAK,CACvC,IAAIisC,EAAIF,EAAQ/rC,GAChB,GAAGisC,EAAEC,aAAa,QAAU/+B,GAAO8+B,EAAEC,aAAa,iBAAmBR,EAAoBj5C,EAAK,CAAEo5C,EAASI,EAAG,KAAO,CACpH,CAEGJ,IACHC,GAAa,EACbD,EAASlzC,SAAS0R,cAAc,UAEhCwhC,EAAOM,QAAU,QACjBN,EAAOO,QAAU,IACb36C,EAAoB46C,IACvBR,EAAO9gC,aAAa,QAAStZ,EAAoB46C,IAElDR,EAAO9gC,aAAa,eAAgB2gC,EAAoBj5C,GACxDo5C,EAAOS,IAAMn/B,GAEds+B,EAAWt+B,GAAO,CAACy+B,GACnB,IAAIW,EAAmB,SAASC,EAAM5iB,GAErCiiB,EAAOY,QAAUZ,EAAOa,OAAS,KACjC9qC,aAAawqC,GACb,IAAIO,EAAUlB,EAAWt+B,GAIzB,UAHOs+B,EAAWt+B,GAClB0+B,EAAOe,YAAcf,EAAOe,WAAWC,YAAYhB,GACnDc,GAAWA,EAAQxqC,SAAQ,SAAS4nC,GAAM,OAAOA,EAAGngB,EAAQ,IACzD4iB,EAAM,OAAOA,EAAK5iB,EACtB,EAEIwiB,EAAUtqC,WAAWyqC,EAAiBO,KAAK,UAAM5iC,EAAW,CAAE1R,KAAM,UAAWga,OAAQq5B,IAAW,MACtGA,EAAOY,QAAUF,EAAiBO,KAAK,KAAMjB,EAAOY,SACpDZ,EAAOa,OAASH,EAAiBO,KAAK,KAAMjB,EAAOa,QACnDZ,GAAcnzC,SAASo0C,KAAK9hC,YAAY4gC,EApCkB,CAqC3D,C,eCxCAp6C,EAAoB64C,EAAI,SAASp4C,GACX,qBAAX86C,QAA0BA,OAAOC,aAC1Cl7C,OAAO64C,eAAe14C,EAAS86C,OAAOC,YAAa,CAAE56C,MAAO,WAE7DN,OAAO64C,eAAe14C,EAAS,aAAc,CAAEG,OAAO,GACvD,C,eCNAZ,EAAoBy7C,IAAM,SAASj7C,GAGlC,OAFAA,EAAOk7C,MAAQ,GACVl7C,EAAO6jB,WAAU7jB,EAAO6jB,SAAW,IACjC7jB,CACR,C,eCJAR,EAAoB27C,EAAI,G,eCAxB,IAAIC,EAAmB,SAASvC,EAASwC,EAAUt7C,EAASo1B,GAC3D,IAAImmB,EAAU50C,SAAS0R,cAAc,QAErCkjC,EAAQC,IAAM,aACdD,EAAQ/0C,KAAO,WACf,IAAIi1C,EAAiB,SAAS7jB,GAG7B,GADA2jB,EAAQd,QAAUc,EAAQb,OAAS,KAChB,SAAf9iB,EAAMpxB,KACTxG,QACM,CACN,IAAI07C,EAAY9jB,IAAyB,SAAfA,EAAMpxB,KAAkB,UAAYoxB,EAAMpxB,MAChEm1C,EAAW/jB,GAASA,EAAMpX,QAAUoX,EAAMpX,OAAOlI,MAAQgjC,EACzDM,EAAM,IAAIh8C,MAAM,qBAAuBk5C,EAAU,cAAgB6C,EAAW,KAChFC,EAAI/7C,KAAO,wBACX+7C,EAAIp1C,KAAOk1C,EACXE,EAAI5N,QAAU2N,EACdJ,EAAQX,WAAWC,YAAYU,GAC/BnmB,EAAOwmB,EACR,CACD,EAKA,OAJAL,EAAQd,QAAUc,EAAQb,OAASe,EACnCF,EAAQjjC,KAAOgjC,EAEf30C,SAASo0C,KAAK9hC,YAAYsiC,GACnBA,CACR,EACIM,EAAiB,SAASvjC,EAAMgjC,GAEnC,IADA,IAAIQ,EAAmBn1C,SAASqzC,qBAAqB,QAC7ChsC,EAAI,EAAGA,EAAI8tC,EAAiB/wC,OAAQiD,IAAK,CAChD,IAAI+tC,EAAMD,EAAiB9tC,GACvBguC,EAAWD,EAAI7B,aAAa,cAAgB6B,EAAI7B,aAAa,QACjE,GAAe,eAAZ6B,EAAIP,MAAyBQ,IAAa1jC,GAAQ0jC,IAAaV,GAAW,OAAOS,CACrF,CACA,IAAIE,EAAoBt1C,SAASqzC,qBAAqB,SACtD,IAAQhsC,EAAI,EAAGA,EAAIiuC,EAAkBlxC,OAAQiD,IAAK,CAC7C+tC,EAAME,EAAkBjuC,GACxBguC,EAAWD,EAAI7B,aAAa,aAChC,GAAG8B,IAAa1jC,GAAQ0jC,IAAaV,EAAU,OAAOS,CACvD,CACD,EACIG,EAAiB,SAASpD,GAC7B,OAAO,IAAI3jB,SAAQ,SAASn1B,EAASo1B,GACpC,IAAI9c,EAAO7Y,EAAoB05C,SAASL,GACpCwC,EAAW77C,EAAoB27C,EAAI9iC,EACvC,GAAGujC,EAAevjC,EAAMgjC,GAAW,OAAOt7C,IAC1Cq7C,EAAiBvC,EAASwC,EAAUt7C,EAASo1B,EAC9C,GACD,EAEI+mB,EAAqB,CACxB,IAAK,GAGN18C,EAAoB2vC,EAAEgN,QAAU,SAAStD,EAASG,GACjD,IAAIoD,EAAY,CAAC,IAAM,EAAE,IAAM,GAC5BF,EAAmBrD,GAAUG,EAAS5pC,KAAK8sC,EAAmBrD,IACzB,IAAhCqD,EAAmBrD,IAAkBuD,EAAUvD,IACtDG,EAAS5pC,KAAK8sC,EAAmBrD,GAAWoD,EAAepD,GAASpuC,MAAK,WACxEyxC,EAAmBrD,GAAW,CAC/B,IAAG,SAASn5C,GAEX,aADOw8C,EAAmBrD,GACpBn5C,CACP,IAEF,C,eC5DA,IAAI28C,EAAkB,CACrB,IAAK,GAGN78C,EAAoB2vC,EAAEgJ,EAAI,SAASU,EAASG,GAE1C,IAAIsD,EAAqB98C,EAAoBC,EAAE48C,EAAiBxD,GAAWwD,EAAgBxD,QAAW5gC,EACtG,GAA0B,IAAvBqkC,EAGF,GAAGA,EACFtD,EAAS5pC,KAAKktC,EAAmB,QAC3B,CAGL,IAAIC,EAAU,IAAIrnB,SAAQ,SAASn1B,EAASo1B,GAAUmnB,EAAqBD,EAAgBxD,GAAW,CAAC94C,EAASo1B,EAAS,IACzH6jB,EAAS5pC,KAAKktC,EAAmB,GAAKC,GAGtC,IAAIrhC,EAAM1b,EAAoB27C,EAAI37C,EAAoBy5C,EAAEJ,GAEpDj2C,EAAQ,IAAIjD,MACZ68C,EAAe,SAAS7kB,GAC3B,GAAGn4B,EAAoBC,EAAE48C,EAAiBxD,KACzCyD,EAAqBD,EAAgBxD,GACX,IAAvByD,IAA0BD,EAAgBxD,QAAW5gC,GACrDqkC,GAAoB,CACtB,IAAIb,EAAY9jB,IAAyB,SAAfA,EAAMpxB,KAAkB,UAAYoxB,EAAMpxB,MAChEk2C,EAAU9kB,GAASA,EAAMpX,QAAUoX,EAAMpX,OAAO85B,IACpDz3C,EAAM85C,QAAU,iBAAmB7D,EAAU,cAAgB4C,EAAY,KAAOgB,EAAU,IAC1F75C,EAAMS,KAAO,iBACbT,EAAM2D,KAAOk1C,EACb74C,EAAMmrC,QAAU0O,EAChBH,EAAmB,GAAG15C,EACvB,CAEF,EACApD,EAAoBk6C,EAAEx+B,EAAKshC,EAAc,SAAW3D,EAASA,EAE/D,CAEH,EAUAr5C,EAAoBo4C,EAAEO,EAAI,SAASU,GAAW,OAAoC,IAA7BwD,EAAgBxD,EAAgB,EAGrF,IAAI8D,EAAuB,SAASC,EAA4Bl1C,GAC/D,IAKI0vC,EAAUyB,EALVhB,EAAWnwC,EAAK,GAChBm1C,EAAcn1C,EAAK,GACnBo1C,EAAUp1C,EAAK,GAGIqG,EAAI,EAC3B,GAAG8pC,EAASkF,MAAK,SAASz9C,GAAM,OAA+B,IAAxB+8C,EAAgB/8C,EAAW,IAAI,CACrE,IAAI83C,KAAYyF,EACZr9C,EAAoBC,EAAEo9C,EAAazF,KACrC53C,EAAoBi4C,EAAEL,GAAYyF,EAAYzF,IAGhD,GAAG0F,EAAS,IAAIr0B,EAASq0B,EAAQt9C,EAClC,CAEA,IADGo9C,GAA4BA,EAA2Bl1C,GACrDqG,EAAI8pC,EAAS/sC,OAAQiD,IACzB8qC,EAAUhB,EAAS9pC,GAChBvO,EAAoBC,EAAE48C,EAAiBxD,IAAYwD,EAAgBxD,IACrEwD,EAAgBxD,GAAS,KAE1BwD,EAAgBxD,GAAW,EAE5B,OAAOr5C,EAAoBo4C,EAAEnvB,EAC9B,EAEIu0B,EAAqBvZ,KAAK,6BAA+BA,KAAK,8BAAgC,GAClGuZ,EAAmB9sC,QAAQysC,EAAqB9B,KAAK,KAAM,IAC3DmC,EAAmB5tC,KAAOutC,EAAqB9B,KAAK,KAAMmC,EAAmB5tC,KAAKyrC,KAAKmC,G,ICpFvF,IAAIC,EAAsBz9C,EAAoBo4C,OAAE3/B,EAAW,CAAC,MAAM,WAAa,OAAOzY,EAAoB,KAAO,IACjHy9C,EAAsBz9C,EAAoBo4C,EAAEqF,E","sources":["webpack://BoxTraxVision/./node_modules/moment/locale/ sync ^\\.\\/.*$","webpack://BoxTraxVision/./src/classes/component-classes/DropDownItem.js","webpack://BoxTraxVision/./src/classes/component-classes/GridColumn.js","webpack://BoxTraxVision/./src/classes/global/Validation.js","webpack://BoxTraxVision/./src/classes/component-classes/Notification.js","webpack://BoxTraxVision/./src/store/index.js","webpack://BoxTraxVision/./src/classes/global/UserInfo.js","webpack://BoxTraxVision/./src/components/dashboard/UniversalChart.vue","webpack://BoxTraxVision/./src/components/dashboard/UniversalChart.vue?d3a5","webpack://BoxTraxVision/./src/components/dashboard/DashboardWidget.vue","webpack://BoxTraxVision/./src/components/dashboard/ArrivalsAndDeliveries.vue","webpack://BoxTraxVision/./src/components/dashboard/UniversalDateList.vue","webpack://BoxTraxVision/./src/components/dashboard/UniversalDateList.vue?68a3","webpack://BoxTraxVision/./src/composables/dashboard/useGetImportOriginsChartData.js","webpack://BoxTraxVision/./src/composables/dashboard/useGetCompletedShipmentsChartData.js","webpack://BoxTraxVision/./src/composables/dashboard/useGetSomeChartData.js","webpack://BoxTraxVision/./src/composables/dashboard/useGetSomeMoreChartData.js","webpack://BoxTraxVision/./src/classes/dashboard/ArrivalAndDelivery.js","webpack://BoxTraxVision/./src/classes/viewmodels/Dashboard.js","webpack://BoxTraxVision/./src/views/Dashboard.vue","webpack://BoxTraxVision/./src/views/Dashboard.vue?040e","webpack://BoxTraxVision/./src/components/shipments/SearchToolbar.vue","webpack://BoxTraxVision/./src/components/shipments/GridModeDataNotification.vue","webpack://BoxTraxVision/./src/components/shipments/GridModeDataNotification.vue?e3c0","webpack://BoxTraxVision/./src/components/common/other/GridFunctionTips.vue","webpack://BoxTraxVision/./src/components/common/other/GridFunctionTips.vue?5652","webpack://BoxTraxVision/./src/components/common/other/StickyGrid.vue","webpack://BoxTraxVision/./src/components/common/other/StickyGrid.vue?c5e4","webpack://BoxTraxVision/./src/components/common/navigation/tabs/Tabs.vue","webpack://BoxTraxVision/./src/components/common/navigation/tabs/Tabs.vue?829b","webpack://BoxTraxVision/./src/components/common/navigation/tabs/TabsContent.vue","webpack://BoxTraxVision/./src/components/common/navigation/tabs/TabsContent.vue?3088","webpack://BoxTraxVision/./src/classes/viewmodels/ViewShipment.js","webpack://BoxTraxVision/./src/classes/viewmodels/Shipments.js","webpack://BoxTraxVision/./src/components/common/other/LoadingSpinner.vue","webpack://BoxTraxVision/./src/classes/global/ShipmentSearchColumns.js","webpack://BoxTraxVision/./src/components/shipments/NoDataFoundBanner.vue","webpack://BoxTraxVision/./src/components/shipments/NoDataFoundBanner.vue?ed76","webpack://BoxTraxVision/./src/components/common/other/DateInformationTooltip.vue","webpack://BoxTraxVision/./src/composables/common/useDownloadLocalFile.js","webpack://BoxTraxVision/./src/composables/common/useGetDocumentsList.js","webpack://BoxTraxVision/./src/classes/global/API.js","webpack://BoxTraxVision/./src/components/shipments/Shipments.vue","webpack://BoxTraxVision/./src/components/shipments/Shipments.vue?01c9","webpack://BoxTraxVision/./src/components/common/navigation/SlideInDrawer.vue","webpack://BoxTraxVision/./src/components/common/navigation/SlideInDrawer.vue?ddd9","webpack://BoxTraxVision/./src/components/shipments/ShipmentDocumentDownload.vue","webpack://BoxTraxVision/./src/components/shipments/ShipmentDocumentDownload.vue?75e3","webpack://BoxTraxVision/./src/views/shipments/ShowShipments.vue","webpack://BoxTraxVision/./src/views/shipments/ShowShipments.vue?915d","webpack://BoxTraxVision/./src/views/ErrorPage.vue","webpack://BoxTraxVision/./src/views/ErrorPage.vue?9ea2","webpack://BoxTraxVision/./src/views/JobNotEditableUserInfo.vue","webpack://BoxTraxVision/./src/views/JobNotEditableUserInfo.vue?c123","webpack://BoxTraxVision/./src/composables/common/useCreateSubstringText.js","webpack://BoxTraxVision/./src/components/shipments/ViewShipmentFromTo.vue","webpack://BoxTraxVision/./src/components/shipments/ViewShipmentFromTo.vue?d241","webpack://BoxTraxVision/./src/components/common/other/Container.vue","webpack://BoxTraxVision/./src/components/common/input/TextArea.vue","webpack://BoxTraxVision/./src/components/common/input/TextArea.vue?95ef","webpack://BoxTraxVision/./src/components/shipments/ConsignmentAndMilestones.vue","webpack://BoxTraxVision/./src/components/shipments/ConsignmentAndMilestones.vue?21ee","webpack://BoxTraxVision/./src/components/common/other/AddressAndContact.vue","webpack://BoxTraxVision/./src/components/common/other/AddressAndContact.vue?0c68","webpack://BoxTraxVision/./src/components/shipments/DetailedInformation.vue","webpack://BoxTraxVision/./src/components/shipments/DetailedInformation.vue?6951","webpack://BoxTraxVision/./src/components/shipments/CollectionDelivery.vue","webpack://BoxTraxVision/./src/components/shipments/CollectionDelivery.vue?c584","webpack://BoxTraxVision/./src/components/shipments/Containers.vue","webpack://BoxTraxVision/./src/components/shipments/Containers.vue?4d89","webpack://BoxTraxVision/./src/components/shipments/Customs.vue","webpack://BoxTraxVision/./src/components/shipments/Customs.vue?e024","webpack://BoxTraxVision/./src/components/warehouse/WarehouseShipmentDetail.vue","webpack://BoxTraxVision/./src/components/warehouse/WarehouseShipmentDetail.vue?4cbe","webpack://BoxTraxVision/./src/components/warehouse/WarehouseItemDetails.vue","webpack://BoxTraxVision/./src/components/warehouse/WarehouseItemDetails.vue?1ef0","webpack://BoxTraxVision/./src/components/common/other/Modal.vue","webpack://BoxTraxVision/./src/components/common/other/Modal.vue?5a4c","webpack://BoxTraxVision/./src/components/shipments/ViewShipmentTabsArea.vue","webpack://BoxTraxVision/./src/components/shipments/ViewShipmentTabsArea.vue?2fe1","webpack://BoxTraxVision/./src/views/shipments/ViewShipment.vue","webpack://BoxTraxVision/./src/views/shipments/ViewShipment.vue?483e","webpack://BoxTraxVision/./src/components/common/input/NumberOnlyInput.vue","webpack://BoxTraxVision/./src/components/common/input/NumberOnlyInput.vue?9ccb","webpack://BoxTraxVision/./src/components/common/input/MultiSearchDropDown.vue","webpack://BoxTraxVision/./src/components/common/input/MultiSearchDropDown.vue?a5ff","webpack://BoxTraxVision/./src/classes/component-classes/Dimension.js","webpack://BoxTraxVision/./src/classes/component-classes/DimensionExtended.js","webpack://BoxTraxVision/./src/composables/common/useGetValidatedFields.js","webpack://BoxTraxVision/./src/components/common/other/DimensionsEntry.vue","webpack://BoxTraxVision/./src/components/common/other/DimensionsEntry.vue?27d9","webpack://BoxTraxVision/./src/composables/common/useCheckFieldsForData.js","webpack://BoxTraxVision/./src/components/bookings/SectionTile.vue","webpack://BoxTraxVision/./src/components/bookings/SectionTile.vue?d886","webpack://BoxTraxVision/./src/components/bookings/BookingSummaryDisplay.vue","webpack://BoxTraxVision/./src/components/bookings/BookingSummaryDisplay.vue?4f95","webpack://BoxTraxVision/./src/components/common/input/DropDownTextArea.vue","webpack://BoxTraxVision/./src/components/common/input/DropDownTextArea.vue?42c2","webpack://BoxTraxVision/./src/classes/bookings/ContactDetail.js","webpack://BoxTraxVision/./src/classes/global/ValidationBase.js","webpack://BoxTraxVision/./src/classes/bookings/FreightBookingValidation.js","webpack://BoxTraxVision/./src/classes/bookings/CourierBookingValidation.js","webpack://BoxTraxVision/./src/classes/bookings/ShipperDetail.js","webpack://BoxTraxVision/./src/classes/bookings/ConsigneeDetail.js","webpack://BoxTraxVision/./src/classes/viewmodels/Booking.js","webpack://BoxTraxVision/./src/classes/viewmodels/FreightBooking.js","webpack://BoxTraxVision/./src/classes/viewmodels/CourierBooking.js","webpack://BoxTraxVision/./src/composables/common/useValidateRequiredFields.js","webpack://BoxTraxVision/./src/composables/common/useTimeGenerator.js","webpack://BoxTraxVision/./src/classes/models/BaseBookingSave.js","webpack://BoxTraxVision/./src/composables/bookings/useMapBookingSave.js","webpack://BoxTraxVision/./src/composables/bookings/useGetChargeableWeight.js","webpack://BoxTraxVision/./src/composables/bookings/useMapShipperAddress.js","webpack://BoxTraxVision/./src/composables/bookings/useValidateContactEmail.js","webpack://BoxTraxVision/./src/composables/bookings/useValidateContact.js","webpack://BoxTraxVision/./src/composables/bookings/useNewContactMessage.js","webpack://BoxTraxVision/./src/composables/bookings/useMapConsigneeAddress.js","webpack://BoxTraxVision/./src/composables/bookings/useClearShipperContact.js","webpack://BoxTraxVision/./src/composables/bookings/useClearConsigneeContact.js","webpack://BoxTraxVision/./src/composables/bookings/useMapShipperContact.js","webpack://BoxTraxVision/./src/composables/bookings/useMapConsigneeContact.js","webpack://BoxTraxVision/./src/classes/models/ShipperSaveDetail.js","webpack://BoxTraxVision/./src/composables/bookings/useMapShipperSave.js","webpack://BoxTraxVision/./src/classes/models/ConsigneeSaveDetail.js","webpack://BoxTraxVision/./src/composables/bookings/useMapConsigneeSave.js","webpack://BoxTraxVision/./src/classes/global/UploadedFileSave.js","webpack://BoxTraxVision/./src/composables/common/useProcessUploadFiles.js","webpack://BoxTraxVision/./src/composables/bookings/useTileSelection.js","webpack://BoxTraxVision/./src/composables/common/useResetValidation.js","webpack://BoxTraxVision/./src/composables/bookings/useClearCompany.js","webpack://BoxTraxVision/./src/composables/bookings/useMapContact.js","webpack://BoxTraxVision/./src/components/bookings/MultiBooking.vue","webpack://BoxTraxVision/./src/components/bookings/MultiBooking.vue?5740","webpack://BoxTraxVision/./src/views/booking/Booking.vue","webpack://BoxTraxVision/./src/views/booking/Booking.vue?e7ee","webpack://BoxTraxVision/./src/classes/component-classes/Container.js","webpack://BoxTraxVision/./src/classes/component-classes/ContainerExtended.js","webpack://BoxTraxVision/./src/components/common/other/ContainerMultiEntry.vue","webpack://BoxTraxVision/./src/components/common/other/ContainerMultiEntry.vue?506f","webpack://BoxTraxVision/./src/classes/global/ValidatedField.js","webpack://BoxTraxVision/./src/classes/viewmodels/PreJobAirBooking.js","webpack://BoxTraxVision/./src/classes/viewmodels/PreJobSeaBooking.js","webpack://BoxTraxVision/./src/classes/viewmodels/PreJobRoadBooking.js","webpack://BoxTraxVision/./src/classes/viewmodels/PreJobRailBooking.js","webpack://BoxTraxVision/./src/classes/bookings/PreJobAirBookingValidation.js","webpack://BoxTraxVision/./src/classes/bookings/PreJobSeaBookingValidation.js","webpack://BoxTraxVision/./src/classes/bookings/PreJobRoadBookingValidation.js","webpack://BoxTraxVision/./src/components/bookings/MultiPreJob.vue","webpack://BoxTraxVision/./src/components/bookings/MultiPreJob.vue?435a","webpack://BoxTraxVision/./src/views/booking/PreJob.vue","webpack://BoxTraxVision/./src/views/booking/PreJob.vue?2715","webpack://BoxTraxVision/./src/components/common/other/SearchPill.vue","webpack://BoxTraxVision/./src/classes/stock/StockSearchItemBase.js","webpack://BoxTraxVision/./src/classes/stock/StockSearchItem.js","webpack://BoxTraxVision/./src/components/common/other/Table.vue","webpack://BoxTraxVision/./src/components/common/other/Table.vue?90be","webpack://BoxTraxVision/./src/composables/common/useCheckSearchCriteriaExists.js","webpack://BoxTraxVision/./src/components/warehouse/SearchStockPillGroup.vue","webpack://BoxTraxVision/./src/components/warehouse/SearchStockPillGroup.vue?d4b0","webpack://BoxTraxVision/./src/composables/stock/useClearDescriptionHeaders.js","webpack://BoxTraxVision/./src/components/warehouse/Stock.vue","webpack://BoxTraxVision/./src/components/warehouse/Stock.vue?2dcf","webpack://BoxTraxVision/./src/views/warehouse/Stock.vue","webpack://BoxTraxVision/./src/views/warehouse/Stock.vue?23da","webpack://BoxTraxVision/./src/components/warehouse/BrowseWarehouse.vue","webpack://BoxTraxVision/./src/components/warehouse/BrowseWarehouse.vue?c1f0","webpack://BoxTraxVision/./src/views/warehouse/WarehouseJobs.vue","webpack://BoxTraxVision/./src/components/warehouse/SKUHistory.vue","webpack://BoxTraxVision/./src/components/warehouse/SKUHistory.vue?a674","webpack://BoxTraxVision/./src/views/warehouse/SKUHistory.vue","webpack://BoxTraxVision/./src/components/warehouse/PickStock.vue","webpack://BoxTraxVision/./src/components/warehouse/PickStock.vue?fe18","webpack://BoxTraxVision/./src/components/common/other/DocumentUpload.vue","webpack://BoxTraxVision/./src/components/common/other/DocumentUpload.vue?2c1c","webpack://BoxTraxVision/./src/views/warehouse/PickStock.vue","webpack://BoxTraxVision/./src/views/warehouse/PickStock.vue?95ff","webpack://BoxTraxVision/./src/components/orders/BrowsePurchaseOrder.vue","webpack://BoxTraxVision/./src/components/orders/BrowsePurchaseOrder.vue?cccd","webpack://BoxTraxVision/./src/components/orders/AddressSelectionTile.vue","webpack://BoxTraxVision/./src/components/orders/AddressDetail.vue","webpack://BoxTraxVision/./src/components/orders/AddressDetail.vue?a10c","webpack://BoxTraxVision/./src/classes/global/Address.js","webpack://BoxTraxVision/./src/classes/component-classes/PurchaseOrderItemDetail.js","webpack://BoxTraxVision/./src/classes/component-classes/PurchaseOrderItemDetailExtended.js","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderItemDetails.vue","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderItemDetails.vue?d5a7","webpack://BoxTraxVision/./src/classes/component-classes/PurchaseOrderStatus.js","webpack://BoxTraxVision/./src/classes/component-classes/PurchaseOrderStatusExtended.js","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderStatus.vue","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderStatus.vue?65ee","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderEntry.vue","webpack://BoxTraxVision/./src/components/orders/PurchaseOrderEntry.vue?4ddf","webpack://BoxTraxVision/./src/views/orders/PurchaseOrder.vue","webpack://BoxTraxVision/./src/views/orders/PurchaseOrder.vue?395a","webpack://BoxTraxVision/./src/router/index.js","webpack://BoxTraxVision/./src/classes/login/AuthorizeLogin.js","webpack://BoxTraxVision/./src/components/common/navigation/LeftSlideMenu.vue","webpack://BoxTraxVision/./src/components/common/navigation/LeftSlideMenu.vue?e9f2","webpack://BoxTraxVision/./src/components/common/navigation/TopMenu.vue","webpack://BoxTraxVision/./src/components/common/navigation/TopMenu.vue?d80f","webpack://BoxTraxVision/./src/components/common/other/NotificationBanner.vue","webpack://BoxTraxVision/./src/components/common/other/NotificationBanner.vue?2207","webpack://BoxTraxVision/./src/classes/component-classes/SideMenuItems.js","webpack://BoxTraxVision/./src/classes/global/ValidationViewModel.js","webpack://BoxTraxVision/./src/classes/stock/StockSearchPillCollection.js","webpack://BoxTraxVision/./src/classes/viewmodels/StockSearch.js","webpack://BoxTraxVision/./src/classes/stock/PickStockSearchItem.js","webpack://BoxTraxVision/./src/classes/viewmodels/PickStock.js","webpack://BoxTraxVision/./src/classes/viewmodels/SearchPurchaseOrder.js","webpack://BoxTraxVision/./src/classes/viewmodels/PuchaseOrder.js","webpack://BoxTraxVision/./src/App.vue","webpack://BoxTraxVision/./src/App.vue?7ccd","webpack://BoxTraxVision/./src/main.js","webpack://BoxTraxVision/./src/components/common/input/Button.vue","webpack://BoxTraxVision/./src/components/common/input/Button.vue?a656","webpack://BoxTraxVision/./src/components/common/input/CheckBox.vue","webpack://BoxTraxVision/./src/components/common/input/CheckBox.vue?078f","webpack://BoxTraxVision/./src/components/common/input/DateInput.vue","webpack://BoxTraxVision/./src/components/common/input/DateInput.vue?628d","webpack://BoxTraxVision/./src/components/common/input/DropDownMenu.vue","webpack://BoxTraxVision/./src/components/common/input/TextInput.vue","webpack://BoxTraxVision/./src/components/common/input/TextInput.vue?f240","webpack://BoxTraxVision/./src/components/common/other/DataGrid.vue","webpack://BoxTraxVision/./src/components/common/other/DataGrid.vue?17fe","webpack://BoxTraxVision/./src/components/common/other/GridCellDetail.vue","webpack://BoxTraxVision/./src/components/common/other/GridCellDetail.vue?c71a","webpack://BoxTraxVision/./src/components/common/other/GridCellHeaderAndValue.vue","webpack://BoxTraxVision/./src/components/common/other/MoreInfoPopOutPanel.vue","webpack://BoxTraxVision/./src/components/common/other/MovingTooltip.vue","webpack://BoxTraxVision/./src/components/common/other/MovingTooltip.vue?597f","webpack://BoxTraxVision/./src/components/common/other/StaticTooltip.vue","webpack://BoxTraxVision/./src/components/common/other/StaticTooltip.vue?75fd","webpack://BoxTraxVision/./src/components/common/other/StaticWidget.vue","webpack://BoxTraxVision/./src/components/common/other/WidgetContainer.vue","webpack://BoxTraxVision/./src/components/common/other/WidgetContainer.vue?9b66","webpack://BoxTraxVision/./src/components/warehouse/StockDescriptions.vue","webpack://BoxTraxVision/./src/assets/ sync ^\\.\\/.*\\/.*\\/logo\\.png$","webpack://BoxTraxVision/./src/assets/ sync ^\\.\\/.*\\/logo\\.png$","webpack://BoxTraxVision/webpack/bootstrap","webpack://BoxTraxVision/webpack/runtime/amd options","webpack://BoxTraxVision/webpack/runtime/chunk loaded","webpack://BoxTraxVision/webpack/runtime/compat get default export","webpack://BoxTraxVision/webpack/runtime/define property getters","webpack://BoxTraxVision/webpack/runtime/ensure chunk","webpack://BoxTraxVision/webpack/runtime/get javascript chunk filename","webpack://BoxTraxVision/webpack/runtime/get mini-css chunk filename","webpack://BoxTraxVision/webpack/runtime/global","webpack://BoxTraxVision/webpack/runtime/hasOwnProperty shorthand","webpack://BoxTraxVision/webpack/runtime/load script","webpack://BoxTraxVision/webpack/runtime/make namespace object","webpack://BoxTraxVision/webpack/runtime/node module decorator","webpack://BoxTraxVision/webpack/runtime/publicPath","webpack://BoxTraxVision/webpack/runtime/css loading","webpack://BoxTraxVision/webpack/runtime/jsonp chunk loading","webpack://BoxTraxVision/webpack/startup"],"sourcesContent":["var map = {\n\t\"./af\": 3906,\n\t\"./af.js\": 3906,\n\t\"./ar\": 902,\n\t\"./ar-dz\": 3853,\n\t\"./ar-dz.js\": 3853,\n\t\"./ar-kw\": 299,\n\t\"./ar-kw.js\": 299,\n\t\"./ar-ly\": 6825,\n\t\"./ar-ly.js\": 6825,\n\t\"./ar-ma\": 6379,\n\t\"./ar-ma.js\": 6379,\n\t\"./ar-sa\": 7700,\n\t\"./ar-sa.js\": 7700,\n\t\"./ar-tn\": 2059,\n\t\"./ar-tn.js\": 2059,\n\t\"./ar.js\": 902,\n\t\"./az\": 6043,\n\t\"./az.js\": 6043,\n\t\"./be\": 7936,\n\t\"./be.js\": 7936,\n\t\"./bg\": 4078,\n\t\"./bg.js\": 4078,\n\t\"./bm\": 4014,\n\t\"./bm.js\": 4014,\n\t\"./bn\": 9554,\n\t\"./bn-bd\": 7114,\n\t\"./bn-bd.js\": 7114,\n\t\"./bn.js\": 9554,\n\t\"./bo\": 6529,\n\t\"./bo.js\": 6529,\n\t\"./br\": 5437,\n\t\"./br.js\": 5437,\n\t\"./bs\": 9647,\n\t\"./bs.js\": 9647,\n\t\"./ca\": 9951,\n\t\"./ca.js\": 9951,\n\t\"./cs\": 6113,\n\t\"./cs.js\": 6113,\n\t\"./cv\": 7965,\n\t\"./cv.js\": 7965,\n\t\"./cy\": 5858,\n\t\"./cy.js\": 5858,\n\t\"./da\": 3515,\n\t\"./da.js\": 3515,\n\t\"./de\": 2831,\n\t\"./de-at\": 6263,\n\t\"./de-at.js\": 6263,\n\t\"./de-ch\": 1127,\n\t\"./de-ch.js\": 1127,\n\t\"./de.js\": 2831,\n\t\"./dv\": 4510,\n\t\"./dv.js\": 4510,\n\t\"./el\": 8616,\n\t\"./el.js\": 8616,\n\t\"./en-au\": 4595,\n\t\"./en-au.js\": 4595,\n\t\"./en-ca\": 3545,\n\t\"./en-ca.js\": 3545,\n\t\"./en-gb\": 9609,\n\t\"./en-gb.js\": 9609,\n\t\"./en-ie\": 3727,\n\t\"./en-ie.js\": 3727,\n\t\"./en-il\": 3302,\n\t\"./en-il.js\": 3302,\n\t\"./en-in\": 6305,\n\t\"./en-in.js\": 6305,\n\t\"./en-nz\": 9128,\n\t\"./en-nz.js\": 9128,\n\t\"./en-sg\": 4569,\n\t\"./en-sg.js\": 4569,\n\t\"./eo\": 650,\n\t\"./eo.js\": 650,\n\t\"./es\": 6358,\n\t\"./es-do\": 4214,\n\t\"./es-do.js\": 4214,\n\t\"./es-mx\": 8639,\n\t\"./es-mx.js\": 8639,\n\t\"./es-us\": 232,\n\t\"./es-us.js\": 232,\n\t\"./es.js\": 6358,\n\t\"./et\": 7279,\n\t\"./et.js\": 7279,\n\t\"./eu\": 5515,\n\t\"./eu.js\": 5515,\n\t\"./fa\": 7981,\n\t\"./fa.js\": 7981,\n\t\"./fi\": 7090,\n\t\"./fi.js\": 7090,\n\t\"./fil\": 9208,\n\t\"./fil.js\": 9208,\n\t\"./fo\": 2799,\n\t\"./fo.js\": 2799,\n\t\"./fr\": 3463,\n\t\"./fr-ca\": 2213,\n\t\"./fr-ca.js\": 2213,\n\t\"./fr-ch\": 2848,\n\t\"./fr-ch.js\": 2848,\n\t\"./fr.js\": 3463,\n\t\"./fy\": 1468,\n\t\"./fy.js\": 1468,\n\t\"./ga\": 8163,\n\t\"./ga.js\": 8163,\n\t\"./gd\": 2898,\n\t\"./gd.js\": 2898,\n\t\"./gl\": 6312,\n\t\"./gl.js\": 6312,\n\t\"./gom-deva\": 682,\n\t\"./gom-deva.js\": 682,\n\t\"./gom-latn\": 9178,\n\t\"./gom-latn.js\": 9178,\n\t\"./gu\": 5009,\n\t\"./gu.js\": 5009,\n\t\"./he\": 2795,\n\t\"./he.js\": 2795,\n\t\"./hi\": 7009,\n\t\"./hi.js\": 7009,\n\t\"./hr\": 6506,\n\t\"./hr.js\": 6506,\n\t\"./hu\": 9565,\n\t\"./hu.js\": 9565,\n\t\"./hy-am\": 3864,\n\t\"./hy-am.js\": 3864,\n\t\"./id\": 5626,\n\t\"./id.js\": 5626,\n\t\"./is\": 6649,\n\t\"./is.js\": 6649,\n\t\"./it\": 151,\n\t\"./it-ch\": 5348,\n\t\"./it-ch.js\": 5348,\n\t\"./it.js\": 151,\n\t\"./ja\": 9830,\n\t\"./ja.js\": 9830,\n\t\"./jv\": 3751,\n\t\"./jv.js\": 3751,\n\t\"./ka\": 3365,\n\t\"./ka.js\": 3365,\n\t\"./kk\": 5980,\n\t\"./kk.js\": 5980,\n\t\"./km\": 9571,\n\t\"./km.js\": 9571,\n\t\"./kn\": 5880,\n\t\"./kn.js\": 5880,\n\t\"./ko\": 6809,\n\t\"./ko.js\": 6809,\n\t\"./ku\": 6773,\n\t\"./ku.js\": 6773,\n\t\"./ky\": 5505,\n\t\"./ky.js\": 5505,\n\t\"./lb\": 553,\n\t\"./lb.js\": 553,\n\t\"./lo\": 1237,\n\t\"./lo.js\": 1237,\n\t\"./lt\": 1563,\n\t\"./lt.js\": 1563,\n\t\"./lv\": 1057,\n\t\"./lv.js\": 1057,\n\t\"./me\": 6495,\n\t\"./me.js\": 6495,\n\t\"./mi\": 3096,\n\t\"./mi.js\": 3096,\n\t\"./mk\": 3874,\n\t\"./mk.js\": 3874,\n\t\"./ml\": 6055,\n\t\"./ml.js\": 6055,\n\t\"./mn\": 7747,\n\t\"./mn.js\": 7747,\n\t\"./mr\": 7113,\n\t\"./mr.js\": 7113,\n\t\"./ms\": 8687,\n\t\"./ms-my\": 7948,\n\t\"./ms-my.js\": 7948,\n\t\"./ms.js\": 8687,\n\t\"./mt\": 4532,\n\t\"./mt.js\": 4532,\n\t\"./my\": 4655,\n\t\"./my.js\": 4655,\n\t\"./nb\": 6961,\n\t\"./nb.js\": 6961,\n\t\"./ne\": 2512,\n\t\"./ne.js\": 2512,\n\t\"./nl\": 8448,\n\t\"./nl-be\": 2936,\n\t\"./nl-be.js\": 2936,\n\t\"./nl.js\": 8448,\n\t\"./nn\": 9031,\n\t\"./nn.js\": 9031,\n\t\"./oc-lnc\": 5174,\n\t\"./oc-lnc.js\": 5174,\n\t\"./pa-in\": 118,\n\t\"./pa-in.js\": 118,\n\t\"./pl\": 3448,\n\t\"./pl.js\": 3448,\n\t\"./pt\": 3518,\n\t\"./pt-br\": 2447,\n\t\"./pt-br.js\": 2447,\n\t\"./pt.js\": 3518,\n\t\"./ro\": 817,\n\t\"./ro.js\": 817,\n\t\"./ru\": 262,\n\t\"./ru.js\": 262,\n\t\"./sd\": 8990,\n\t\"./sd.js\": 8990,\n\t\"./se\": 3842,\n\t\"./se.js\": 3842,\n\t\"./si\": 7711,\n\t\"./si.js\": 7711,\n\t\"./sk\": 756,\n\t\"./sk.js\": 756,\n\t\"./sl\": 3772,\n\t\"./sl.js\": 3772,\n\t\"./sq\": 6187,\n\t\"./sq.js\": 6187,\n\t\"./sr\": 732,\n\t\"./sr-cyrl\": 5713,\n\t\"./sr-cyrl.js\": 5713,\n\t\"./sr.js\": 732,\n\t\"./ss\": 9455,\n\t\"./ss.js\": 9455,\n\t\"./sv\": 9770,\n\t\"./sv.js\": 9770,\n\t\"./sw\": 959,\n\t\"./sw.js\": 959,\n\t\"./ta\": 6459,\n\t\"./ta.js\": 6459,\n\t\"./te\": 5302,\n\t\"./te.js\": 5302,\n\t\"./tet\": 7975,\n\t\"./tet.js\": 7975,\n\t\"./tg\": 1294,\n\t\"./tg.js\": 1294,\n\t\"./th\": 2385,\n\t\"./th.js\": 2385,\n\t\"./tk\": 4613,\n\t\"./tk.js\": 4613,\n\t\"./tl-ph\": 8668,\n\t\"./tl-ph.js\": 8668,\n\t\"./tlh\": 8190,\n\t\"./tlh.js\": 8190,\n\t\"./tr\": 4506,\n\t\"./tr.js\": 4506,\n\t\"./tzl\": 3440,\n\t\"./tzl.js\": 3440,\n\t\"./tzm\": 9852,\n\t\"./tzm-latn\": 2350,\n\t\"./tzm-latn.js\": 2350,\n\t\"./tzm.js\": 9852,\n\t\"./ug-cn\": 730,\n\t\"./ug-cn.js\": 730,\n\t\"./uk\": 99,\n\t\"./uk.js\": 99,\n\t\"./ur\": 2100,\n\t\"./ur.js\": 2100,\n\t\"./uz\": 6002,\n\t\"./uz-latn\": 6322,\n\t\"./uz-latn.js\": 6322,\n\t\"./uz.js\": 6002,\n\t\"./vi\": 4207,\n\t\"./vi.js\": 4207,\n\t\"./x-pseudo\": 4674,\n\t\"./x-pseudo.js\": 4674,\n\t\"./yo\": 570,\n\t\"./yo.js\": 570,\n\t\"./zh-cn\": 3644,\n\t\"./zh-cn.js\": 3644,\n\t\"./zh-hk\": 2591,\n\t\"./zh-hk.js\": 2591,\n\t\"./zh-mo\": 9503,\n\t\"./zh-mo.js\": 9503,\n\t\"./zh-tw\": 8080,\n\t\"./zh-tw.js\": 8080\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 6700;","export default class DropDownItem {\n    constructor(id = null, value = '') {\n        this.id = id;\n        this.value = value;\n    }\n}\n","export default class GridColumn {\n    constructor(id,title, key, width, enabled, isFixed, cellColorProp, rowColorProp, readOnly= false, isRemovable) {\n\n        this.id = id;\n        this.title = title;\n        this.key = key;\n        this.width = width;\n        this.cellColorProp = cellColorProp;\n        this.rowColorProp = rowColorProp;\n        this.readOnly = readOnly;\n        this.isFixed = isFixed;\n        this.enabled = enabled;\n        this.isRemovable = isRemovable\n\n    }\n}\n","export default class Validation {\n    constructor(messageNumber = 0, value = false) {\n        this.messageNumber = messageNumber;\n        this.value = value;\n    }\n}\n","export default class Notification {\n    constructor(show = false, content = 'Some Content') {\n        this.id = Math.random().toString(36).substring(2, 15);\n        this.show = show;\n        this.content = content;\n    }\n}\n","import {createStore} from 'vuex'\nimport Notification from \"@/classes/component-classes/Notification\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\nimport GridColumn from \"@/classes/component-classes/GridColumn\";\n\nexport default createStore({\n    state: {\n\n        loginDetails: {},\n\n        userSettings: {\n            searchShipmentColumns: {air: [], sea: [], road: [], rail: [], courier: [], other: []}\n        },\n\n\n        arrivingToday: [\n\n            {\n                id: 1000402,\n                customerRef: 'Customer Ref',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'rail'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'air'\n            },\n            {\n                id: 1,\n                customerRef: 'Customer Ref',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'road'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'rail'\n            },\n            {\n                id: 1,\n                customerRef: 'Fairly Long customer reference',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'sea'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11HHHe33a22212534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'air'\n            },\n            {\n                id: 1,\n                customerRef: 'Customer Ref',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'road'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'rail'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'air'\n            },\n            {\n                id: 1,\n                customerRef: 'Customer Ref',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'road'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'rail'\n            },\n            {\n                id: 1,\n                customerRef: 'Customer RewwwwwwwwwwwwwuuUUUUUUUUUUUUUUUUUUUUUUUUUUUf',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'sea'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11HHHe33a22212534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'air'\n            },\n            {\n                id: 1,\n                customerRef: 'Customer Ref',\n                jobNumber: 'HG65534',\n                jobType: 'Export',\n                date: '11-Mar-24',\n                mode: 'road'\n            },\n            {\n                id: 2,\n                customerRef: 'Another Ref',\n                jobNumber: 'HD11534',\n                jobType: 'Import',\n                date: '11-Mar-24',\n                mode: 'rail'\n            },\n\n\n        ],\n\n\n        tempSecurityId: '205ed095-0eb8-4f92-b428-671ca9c74564',\n\n        // TRIGGERS FOR GLOBAL BANNERS AND LOADERS\n        banners: {\n            error: new Notification(),\n            success: new Notification(),\n            warning: new Notification(),\n        },\n\n        hideLoadingSpinner: true,\n        showNewGridFeature: true,\n\n        newGridPaginationRange: 1,\n        newGridCurrentPage: 1,\n\n        caughtURL: '',\n\n        // ToDo make class to new up in view's\n        widgetList: [\n\n            {\n                id: '2',\n                name: 'import-origins',\n                start: false,\n                over: false,\n                end: false,\n            },\n            {\n                id: '1',\n                name: 'arrivals',\n                start: false,\n                over: false,\n                end: false,\n            },\n            {\n                id: '3',\n                name: 'completed-shipments',\n                start: false,\n                over: false,\n                end: false,\n            },\n\n            {\n                id: '4',\n                name: 'arriving-today',\n                start: false,\n                over: false,\n                end: false,\n            },\n            {\n                id: '5',\n                name: 'late-arrivals',\n                start: false,\n                over: false,\n                end: false,\n            },\n            {\n                id: '6',\n                name: 'month-ahead',\n                start: false,\n                over: false,\n                end: false,\n            },\n\n            {\n                id: '7',\n                name: 'delivered-today',\n                start: false,\n                over: false,\n                end: false,\n            },\n            {\n                id: '8',\n                name: 'late-deliveries',\n                start: false,\n                over: false,\n                end: false,\n            },\n\n\n        ],\n\n        dataSource: [\n            {\n                id: '1',\n                value: 'Option_1'\n            },\n            {\n                id: '2',\n                value: 'Option_2'\n            },\n            {\n                id: '3',\n                value: 'Option_3'\n            },\n            {\n                id: '4',\n                value: 'Option_4'\n            },\n            {\n                id: '5',\n                value: 'Option_5'\n            },\n            {\n                id: '6',\n                value: 'Option_6'\n            },\n            {\n                id: '7',\n                value: 'Option_7'\n            },\n            {\n                id: '8',\n                value: 'Option_8'\n            },\n            {\n                id: '9',\n                value: 'Option_9'\n            },\n            {\n                id: '10',\n                value: 'Option_10'\n            },\n            {\n                id: '11',\n                value: 'Option_11'\n            },\n            {\n                id: '12',\n                value: 'Option_12'\n            },\n            {\n                id: '13',\n                value: 'Option_13'\n            },\n            {\n                id: '14',\n                value: 'Option_14'\n            },\n            {\n                id: '15',\n                value: 'Option_15'\n            },\n            {\n                id: '16',\n                value: 'Option_16'\n            },\n            {\n                id: '17',\n                value: 'Option_17'\n            },\n            {\n                id: '18',\n                value: 'Option_18'\n            },\n            {\n                id: '19',\n                value: 'Option_19'\n            },\n            {\n                id: '20',\n                value: 'Option_20'\n            }\n\n        ],\n\n        showDrawer: false,\n\n        // ToDo remove the menu object from store into the menu component if not needed here\n\n        mainMenu: {},\n\n        // mainMenu: {\n        //\n        //     dashboard: false,\n        //     orders: false,\n        //     shipments: true,\n        //     quotes: true,\n        //     warehouse: true,\n        //     purchaseOrders: false,\n        //     reports: false,\n        //     documents: false,\n        //\n        //     bookings: {\n        //         mainMenuActive: true,\n        //         freight: true,\n        //         agent: true,\n        //     },\n        //\n        //     shipmentItems: [\n        //         {\n        //             text: 'Show Shipments',\n        //             view: 'showshipments',\n        //             active: true,\n        //\n        //         },\n        //         {\n        //             text: \"Update POD's\",\n        //             view: 'updatepods',\n        //             active: false,\n        //\n        //         }\n        //     ],\n        //\n        //     warehouseItems: [\n        //         {\n        //             text: 'Check Stock',\n        //             view: 'stock',\n        //             active: false,\n        //         },\n        //         {\n        //             text: 'PickStock',\n        //             view: 'pickstock',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Browse Picks',\n        //             view: 'browsepick',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Warehouse Jobs',\n        //             view: 'warehousejobs',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'SKU History',\n        //             view: 'skuhistory',\n        //             active: false\n        //         }\n        //     ],\n        //\n        //     freightItems: [\n        //\n        //         {\n        //             text: 'Freight Booking',\n        //             section: 'freightBooking',\n        //             view: 'booking',\n        //             id: 'new',\n        //             active: true\n        //         },\n        //         {\n        //             text: 'Courier Booking',\n        //             section: 'courierBooking',\n        //             view: 'booking',\n        //             id: 'new',\n        //             active: true\n        //         },\n        //\n        //     ],\n        //\n        //     agentItems: [\n        //         {\n        //             text: 'Air Booking',\n        //             section: 'Air',\n        //             view: 'prejob',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Sea Booking',\n        //             section: 'Sea',\n        //             view: 'prejob',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Road Booking',\n        //             section: 'Road',\n        //             view: 'prejob',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Rail Booking',\n        //             section: 'Rail',\n        //             view: 'prejob',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //\n        //     ],\n        //\n        //     orderItems: [\n        //         {\n        //             text: 'New PO',\n        //             view: 'purchaseorder',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Browse',\n        //             view: 'purchaseorder',\n        //             id: 'browse',\n        //             active: false\n        //         },\n        //\n        //\n        //     ],\n        //\n        //     quoteItems: [\n        //         {\n        //             text: 'Create Quote',\n        //             view: 'quote',\n        //             id: 'new',\n        //             active: false\n        //         },\n        //         {\n        //             text: 'Browse Quote',\n        //             view: 'quote',\n        //             id: 'browse',\n        //             active: false\n        //         },\n        //     ]\n        //\n        // },\n\n        dummyGridColumns: [\n\n            new GridColumn('1', 'SKU Group', 'skuGroup', '170', true, false, '', 'rowColor'),\n            new GridColumn('2', 'SKU Number', 'skuNumber', '180', true, false, '', 'rowColor'),\n            new GridColumn('3', 'SKU Name', 'skuName', '265', true, false),\n            new GridColumn('4', 'Job Ref', 'jobRef', '180', true, false),\n            new GridColumn('5', 'Warehouse Ref', 'warehouseRef', '140', true, true),\n            new GridColumn('6', 'Customer Ref', 'customerRef', '100', true, true),\n            new GridColumn('7', 'SO Number', 'soNumber', '200', true, true),\n            new GridColumn('8', 'Deliver To', 'deliverTo', '180', true, true),\n            new GridColumn('9', 'Date From', 'dateFrom', '70', true, true),\n            new GridColumn('10', 'Date To', 'dateTo', '70', true, true),\n            new GridColumn('11', '', 'selectedRow', '60', true, false),\n\n        ],\n\n        dummyGridData: [\n\n            {\n                id: '1',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23',\n                rowColor: true,\n                selectedRow: true\n            },\n            {\n                id: '2',\n                skuGroup: 'Balls',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23',\n                selectedRow: true\n            },\n            {\n                id: '3',\n                skuGroup: 'Bikes',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23',\n                selectedRow: false\n            },\n            {\n                id: '4',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '1',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23',\n                rowColor: true\n            },\n            {\n                id: '2',\n                skuGroup: 'Balls',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '3',\n                skuGroup: 'Bikes',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '4',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '1',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23',\n                rowColor: true\n            },\n            {\n                id: '2',\n                skuGroup: 'Balls',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '3',\n                skuGroup: 'Bikes',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            },\n            {\n                id: '4',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouseRef: 'WH8754388HHH',\n                customerRef: 'CUSR853799976 LIMITED',\n                soNumber: 'SOPP86456SASF',\n                deliverTo: 'Deliver To Information',\n                dateFrom: '17-Apr-23',\n                dateTo: '20-Apr-23'\n            }\n        ],\n\n        dummyPickStockGridColumns: [\n\n            new GridColumn('1', 'SKU Group', 'skuGroup', '200', true, false, 50, 'noStock'),\n            new GridColumn('2', 'SKU Number', 'skuNumber', '200', true, true, 50, 'noStock'),\n            new GridColumn('3', 'SKU Name', 'skuName', '200', true, true, 50, 'noStock'),\n            new GridColumn('4', 'Total', 'total', '50', true, false, 40, 'noStock'),\n            new GridColumn('5', 'Warehouse', 'warehouse', '200', true, true, 50, 'noStock'),\n            new GridColumn('7', 'Available', 'available', '180', true, true, 50, 'noStock'),\n            new GridColumn('6', 'Description Headers', 'skuProperties', '110', true, true, 50),\n            new GridColumn('8', 'QTY', 'pickQuantity', '60', true, true, 10, 'noStock'),\n            new GridColumn('9', '', 'pick', '75', true, false, 40, 'noStock'),\n            new GridColumn('10', 'Allocated', 'allocated', '60', true, true, 10),\n            new GridColumn('10', 'Comments', 'comments', '310', true, true, 10),\n\n        ],\n\n        dummyPickStockGridData: [\n\n            {\n                id: '1',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouse: 'WH8754388HHH',\n                total: '253',\n                available: '100',\n                pickQuantity: null,\n                comments: '',\n                allocated: '',\n                zeroStock: true,\n\n                skuProperties: {\n\n                    descHeadOne: {\n                        heading: 'Color',\n                        value: 'Blue'\n                    },\n\n                    descHeadTwo: {\n                        heading: 'Size',\n                        value: 'Large'\n                    },\n\n                    descHeadThree: {\n                        heading: 'Material',\n                        value: 'Latex Fabiozoo'\n                    },\n\n                    descHeadFour: {\n                        heading: 'Collar Type',\n                        value: 'Modern'\n                    },\n\n                    descHeadFive: {\n                        heading: 'Cuff Style',\n                        value: 'Loose Button'\n                    },\n\n                    descHeadSix: {\n                        heading: 'Fit Style',\n                        value: 'Fitted'\n                    },\n\n                    skuDescription: 'General context jacket sold for winter season',\n                }\n\n            },\n            {\n                id: '2',\n                skuGroup: 'Bikes',\n                skuNumber: 'PPP9864DS',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouse: 'WH8754388HHH',\n                available: '1',\n                pickQuantity: null,\n                comments: '',\n                zeroStock: false,\n                skuProperties: {\n\n                    descHeadOne: {\n                        heading: 'Color',\n                        value: 'Red'\n                    },\n\n                    descHeadTwo: {\n                        heading: 'Size',\n                        value: ''\n                    },\n\n                    descHeadThree: {\n                        heading: 'Material',\n                        value: ''\n                    },\n\n                    descHeadFour: {\n                        heading: 'Collar Type',\n                        value: ''\n                    },\n\n                    descHeadFive: {\n                        heading: 'Cuff Style',\n                        value: 'Elastic'\n                    },\n\n                    descHeadSix: {\n                        heading: 'Fit Style',\n                        value: 'Sllack'\n                    },\n\n                    skuDescription: 'General context jacket sold for summer season range',\n                }\n\n            },\n            {\n                id: '3',\n                skuGroup: 'Shoes',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouse: 'WH8754388HHH',\n                available: '55',\n                pickQuantity: null,\n                comments: '',\n                skuProperties: {\n\n                    descOne: {\n                        heading: 'Color',\n                        value: 'Blue'\n                    },\n\n                    descTwo: {\n                        heading: 'Size',\n                        value: 'Large'\n                    },\n\n                    descThree: {\n                        heading: 'Material',\n                        value: 'Latex Fabiozoo'\n                    },\n\n                    descFour: {\n                        heading: 'Collar Type',\n                        value: 'Modern'\n                    },\n\n                    descFive: {\n                        heading: 'Cuff Style',\n                        value: 'Loose Button'\n                    },\n\n                    descSix: {\n                        heading: 'Fit Style',\n                        value: 'Fitted'\n                    },\n\n                    skuDescription: 'General context jacket sold for winter season',\n                }\n\n            },\n            {\n                id: '4',\n                skuGroup: 'Clothing',\n                skuNumber: 'MO8763346L',\n                skuName: 'Sports Jacket',\n                jobRef: 'Job Reference',\n                warehouse: 'WH8754388HHH',\n                available: '12',\n                pickQuantity: null,\n                comments: '',\n                skuProperties: {\n\n                    descOne: {\n                        heading: 'Color',\n                        value: 'Blue'\n                    },\n\n                    descTwo: {\n                        heading: 'Size',\n                        value: 'Large'\n                    },\n\n                    descThree: {\n                        heading: 'Material',\n                        value: 'Latex Fabiozoo'\n                    },\n\n                    descFour: {\n                        heading: 'Collar Type',\n                        value: 'Modern'\n                    },\n\n                    descFive: {\n                        heading: 'Cuff Style',\n                        value: 'Loose Button'\n                    },\n\n                    descSix: {\n                        heading: 'Fit Style',\n                        value: 'Fitted'\n                    },\n\n                    skuDescription: 'General context jacket sold for winter season',\n                }\n\n            },\n            // {\n            //     id: '5',\n            //     skuGroup: 'Clothing',\n            //     skuNumber: 'MO8763346L',\n            //     skuName: 'Sports Jacket',\n            //     jobRef: 'Job Reference',\n            //     warehouse: 'WH8754388HHH',\n            //     available: '12',\n            //     pickQuantity: null,\n            //     comments: 'Low Stock!',\n            //\n            // },\n            // {\n            //     id: '6',\n            //     skuGroup: 'Clothing',\n            //     skuNumber: 'MO8763346L',\n            //     skuName: 'Sports Jacket',\n            //     jobRef: 'Job Reference',\n            //     warehouse: 'WH8754388HHH',\n            //     available: '12',\n            //     pickQuantity: null,\n            //     comments: 'Low Stock!',\n            //\n            // },\n\n        ]\n\n    },\n\n\n})\n","export default class UserInfo {\n\n    firstName;\n    lastName;\n    email;\n    userId;\n    allowColumnMenuSearchShipments;\n    searchShipmentColumns;\n    showCourierCustoms;\n    showCourierTerms;\n    showAirTrackingLink;\n    showSeaTrackingLink;\n\n}\n","<script setup>\nimport Chart from 'chart.js/auto';\nimport {onMounted} from 'vue'\n\nconst props = defineProps({\n\n  chartId: {type: String},\n  config: {type: Object},\n  height: {type: String, default: '320px'},\n  width: {type: String, default: '320px'},\n  topMargin: {type: String, default: '-40px'},\n  css: {type: String, default: ''},\n\n})\n// Will need to use chart.update() to refresh data source\nlet chart = null;\n\nonMounted(() => {\n\n  chart = new Chart(document.getElementById(props.chartId), props.config);\n\n  // getChartType();\n\n})\n\nfunction getChartType() {\n\n  if(props.css) return props.css;\n\n  return props.config.type;\n}\n\n</script>\n\n<template>\n  <div :class=\"'cmp-chart-' + getChartType()\">\n    <canvas :id=\"props.chartId\"></canvas>\n  </div>\n</template>\n\n<style scoped>\n\n.cmp-chart-bar {\n  width: 500px;\n  margin-top: 20px;\n  height: max-content;\n}\n\n.cmp-chart-bar-small {\n  width: 360px;\n  height: 200px;\n  /*margin-top: 20px;*/\n  /*height: max-content;*/\n}\n\n.cmp-chart-doughnut {\n  width: 320px;\n  height: 320px;\n  margin-top: -40px;\n}\n\n.cmp-chart-pie {\n  width: v-bind(width);\n  height: v-bind(height);\n  margin-top: v-bind(topMargin);\n}\n\n.cmp-chart-line {\n  width: 460px;\n  height: max-content;\n\n}\n</style>\n","import script from \"./UniversalChart.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UniversalChart.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UniversalChart.vue?vue&type=style&index=0&id=8582bb9e&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8582bb9e\"]])\n\nexport default __exports__","import script from \"./DashboardWidget.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DashboardWidget.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DashboardWidget.vue?vue&type=style&index=0&id=4b430000&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4b430000\"]])\n\nexport default __exports__","import script from \"./ArrivalsAndDeliveries.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ArrivalsAndDeliveries.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ArrivalsAndDeliveries.vue?vue&type=style&index=0&id=3245e8f7&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3245e8f7\"]])\n\nexport default __exports__","<script setup>\nimport {onMounted, ref, computed} from 'vue';\nimport store from \"@/store\";\nimport router from \"@/router\";\nconst props = defineProps({\n\n  modelValue: {},\n  arrivingToday: {type: Boolean, default: true },\n  monthAhead: {type: Boolean, default: false },\n})\n\nconst hoverColor = computed(() => {\n\n  if(props.arrivingToday) return '#545454';\n  if(props.monthAhead) return '#b0bcea';\n\n  return '#f3d0d0'\n})\n\nconst textColor = computed(() => {\n\n  if(props.arrivingToday) return 'var(--grid-cell-date-due-today)';\n  if(props.monthAhead) return '#524185';\n\n  return '#b01510'\n})\n\nconst modeIcon = (mode) => {\n\n  switch (mode) {\n\n    case('courier'):\n      return 'fa-regular fa-truck-fast'\n      break;\n\n    case('air'):\n      return 'fa-regular fa-plane cmp-selectable-date-list_mode-air'\n      break;\n\n    case('rail'):\n      return 'fa-regular fa-train cmp-selectable-date-list_mode-rail'\n      break;\n\n    case('sea'):\n      return 'fa-regular fa-ship cmp-selectable-date-list_mode-sea'\n      break;\n\n    case('road'):\n      return 'fa-regular fa-truck'\n      break;\n  }\n\n}\n\nfunction viewSelectedShipment(item) {\n\n  store.state.hideLoadingSpinner = false;\n\n  try {\n\n    router.push({ name: 'viewshipment', params: { owner: store.state.owner, mode: item.mode, id: item.id }})\n\n  } catch (error) {\n\n    store.state.hideLoadingSpinner = true;\n  }\n\n}\n\n\n</script>\n\n<template>\n  <div class=\"cmp-selectable-date-list\">\n    <div class=\"cmp-selectable-date-list_headers\" :class=\"{'cmp-selectable-date-list_grid-arriving-today' :\n          props.arrivingToday, 'cmp-selectable-date-list_grid-late' : !props.arrivingToday}\">\n      <div>Customer Ref</div>\n      <div>Job No.</div>\n      <div>Mode</div>\n      <div>Type</div>\n      <div v-if=\"!props.arrivingToday\">Est. Date</div>\n    </div>\n    <div class=\"cmp-selectable-date-list_list-container\">\n      <div v-for=\"item in modelValue\" class=\"cmp-selectable-date-list_item-container\" @click=\"viewSelectedShipment(item)\">\n          <div :class=\"{'cmp-selectable-date-list_grid-arriving-today' :\n           props.arrivingToday, 'cmp-selectable-date-list_grid-late' : !props.arrivingToday}\">\n            <div :title=\"item.customerRef\">{{item.customerRef}}</div>\n            <div :title=\"item.jobNumber\">{{item.jobNumber}}</div>\n            <div :title=\"item.mode\"><i :class=\"modeIcon(item.mode)\" class=\"cmp-selectable-date-list_mode-icon\"></i></div>\n            <div>{{item.jobType}}\n              <i v-if=\"props.arrivingToday\"\n                 class=\"fa-regular fa-arrow-up-right-from-square cmp-selectable-date-list_link-icon\" style=\"font-size: 13px\">\n              </i>\n            </div>\n            <div v-if=\"!props.arrivingToday\">{{item.date}}\n              <i class=\"fa-regular fa-arrow-up-right-from-square cmp-selectable-date-list_link-icon\" style=\"font-size: 13px;\">\n              </i>\n            </div>\n          </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-selectable-date-list {\n\n  font-size: 13px;\n\n  &_grid-arriving-today {\n    display: grid;\n    grid-template-columns: 180px 100px 50px 60px;\n    gap: 10px;\n  }\n\n  &_grid-late {\n    display: grid;\n    grid-template-columns: 110px 60px 50px 40px 80px;\n    gap: 20px;\n  }\n\n  &_headers {\n    margin-top: 10px;\n    align-items: center;\n    padding: 0 0 4px 10px;\n    font-weight: bold;\n    font-size: 12px;\n  }\n\n  &_list-container {\n    overflow-y: auto;\n    overflow-x: hidden;\n    height: 190px;\n    margin: 8px 6px 0 6px;\n    min-width: 440px;\n  }\n\n  &_item-container {\n    display: flex;\n    border-bottom: 1px solid #eaeaea;\n    height: 20px;\n    align-items: center;\n    color: v-bind(textColor);\n    padding-left: 4px;\n    font-size: 11px;\n  }\n\n  &_item-container:nth-child(even) {\n    background-color: #f8f8f8;\n  }\n\n  &_item-container div {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &_item-container:hover &_link-icon {\n    visibility: visible;\n    color: #ffffff;\n    margin-left: 10px;\n  }\n\n  &_item-container:hover &_mode-icon {\n    color: #ffffff;\n    opacity: 1;\n  }\n\n  &_item-container:hover {\n    //background-color: #545454;\n    background-color: v-bind(hoverColor)\n  }\n\n  &_link-icon {\n    visibility: hidden;\n  }\n\n  &_mode-icon {\n    margin-left: 8px;\n    font-size: 12px;\n    color: var(--aqua-blue-definition);\n    opacity: 0.5;\n  }\n\n  &_mode-air {\n    font-size: 13px;\n  }\n\n  &_mode-rail {\n    font-size: 13px;\n    margin-left: 9px;\n  }\n\n  &_mode-sea {\n    font-size: 13px;\n    margin-left: 7px;\n  }\n}\n</style>\n","import script from \"./UniversalDateList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UniversalDateList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UniversalDateList.vue?vue&type=style&index=0&id=6db74f74&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6db74f74\"]])\n\nexport default __exports__","export function useGetImportOriginsChartData(data) {\n\n    const config = {\n\n        type: 'bar',\n        data: {\n            labels: data.map(each => each.label),\n            datasets: [{\n                label: 'Import Origins',\n                data: data.map(each => each.value),\n                borderWidth: 1,\n                backgroundColor: [\n                    'rgb(184,164,112)',\n                    'rgb(89,146,99)',\n                    'rgba(9,15,71,0.8)',\n                    'rgb(233,202,50)',\n                    'rgb(155,61,33,0.8)',\n                    'rgb(131,150,118,0.8)'\n                ],\n            }],\n\n        },\n        options: {\n            plugins: {\n                legend: {\n                    display: false,\n                    position: 'top',\n                    labels: {\n                        boxWidth: 13,\n                    }\n                },\n\n            },\n            responsive: true,\n            hoverOffset: 15,\n            scales: {},\n            layout: {\n                padding: 20,\n                font: {\n                    family: 'roboto'\n                }\n            }\n        }\n\n    }\n\n    return config;\n\n}\n","export function useGetCompletedShipmentsChartData(data) {\n\n    const config = {\n\n        type: 'doughnut',\n        data: {\n            labels: data.map(each => each.label),\n            datasets: [{\n                label: 'Completed Shipments',\n                data: data.map(each => each.value),\n                borderWidth: 1,\n                backgroundColor: [\n                    '#11557a',\n                    'rgb(50,131,89, 0.5)',\n                    'rgb(248,213,0, 0.5)',\n                    'rgb(122,29,152, 0.5)'\n                ],\n                cutout: '50%',\n                borderRadius: 6\n            }],\n\n        },\n        options: {\n            plugins: {\n                legend: {\n                    display: true,\n                    position: 'right',\n                    labels: {\n                        boxWidth: 12,\n                    }\n                },\n\n            },\n            responsive: true,\n            hoverOffset: 15,\n            scales: {},\n            layout: {\n                padding: 20,\n                font: {\n                    family: 'roboto'\n                }\n            }\n        }\n\n    }\n\n    return config;\n\n}\n","export function useGetSomeChartData(data) {\n\n    const config = {\n\n        type: 'bar',\n        data: {\n            labels: data.map(each => each.label),\n            datasets: [{\n                label: 'Other Data',\n                data: data.map(each => each.value),\n                borderWidth: 1,\n                backgroundColor: [\n                    'rgba(95,95,95,0.5)',\n                    'rgba(95,95,95,0.5)',\n                    'rgba(95,95,95,0.5)',\n                    'rgba(95,95,95,0.5)',\n                    'rgba(95,95,95,0.5)',\n                    'rgba(95,95,95,0.5)',\n                ],\n            }],\n\n        },\n        options: {\n            indexAxis: 'y',\n            plugins: {\n                legend: {\n                    display: true,\n                    position: 'top',\n                    labels: {\n                        boxWidth: 13,\n                    }\n                },\n\n            },\n            responsive: true,\n            hoverOffset: 15,\n            scales: {},\n            layout: {\n                padding: 20,\n                font: {\n                    family: 'roboto'\n                }\n            }\n        }\n\n    }\n\n    return config;\n\n}\n","export function useGetSomeMoreChartData(data) {\n\n    const config = {\n\n        type: 'line',\n        data: {\n            labels: data.map(each => each.label),\n            datasets: [{\n                label: 'Other Data',\n                data: data.map(each => each.value),\n                borderWidth: 1,\n                backgroundColor: [\n                    'rgba(157,63,63,0.5)',\n                    'rgb(37,91,52)',\n                    'rgba(138,121,121,0.5)',\n                    'rgb(121,30,169)',\n                    'rgb(41,114,134)',\n                    'rgb(47,102,8)',\n                ],\n            }],\n\n        },\n        options: {\n            plugins: {\n                legend: {\n                    display: true,\n                    position: 'top',\n                    labels: {\n                        boxWidth: 13,\n                    }\n                },\n\n            },\n            responsive: true,\n            hoverOffset: 15,\n            scales: {},\n            layout: {\n                padding: 20,\n                font: {\n                    family: 'roboto'\n                }\n            }\n        }\n\n    }\n\n    return config;\n\n}\n","export default class ArrivalAndDelivery {\n\n    constructor() {\n\n        this.notMeasured = 0;\n        this.early = 0;\n        this.onTime = 0;\n        this.late = 0;\n    }\n}\n","import ArrivalAndDelivery from \"@/classes/dashboard/ArrivalAndDelivery\";\n\nexport default class Dashboard {\n\n    constructor() {\n\n        this.arrivals = {\n\n            totals: new ArrivalAndDelivery(),\n\n            air: {\n                totals: new ArrivalAndDelivery()\n            },\n            road: {\n                totals: new ArrivalAndDelivery()\n            },\n            sea: {\n                totals: new ArrivalAndDelivery()\n            },\n            rail: {\n                totals: new ArrivalAndDelivery()\n            },\n            courier: {\n                totals: new ArrivalAndDelivery()\n            }\n\n        },\n\n            this.deliveries = {\n\n                totals: new ArrivalAndDelivery(),\n\n                air: {\n                    totals: new ArrivalAndDelivery()\n                },\n                road: {\n                    totals: new ArrivalAndDelivery()\n                },\n                sea: {\n                    totals: new ArrivalAndDelivery()\n                },\n                rail: {\n                    totals: new ArrivalAndDelivery()\n                },\n                courier: {\n                    totals: new ArrivalAndDelivery()\n                }\n\n            }\n    }\n}\n","<script setup>\n\nimport {onMounted, ref, computed} from 'vue';\nimport UniversalChart from \"@/components/dashboard/UniversalChart\";\nimport DashboardWidget from \"@/components/dashboard/DashboardWidget\";\nimport ArrivalsAndDeliveries from \"@/components/dashboard/ArrivalsAndDeliveries\";\nimport WidgetContainer from \"@/components/common/other/WidgetContainer\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport UniversalDateList from \"@/components/dashboard/UniversalDateList\";\nimport MoreInfoPopOutPanel from \"@/components/common/other/MoreInfoPopOutPanel\";\n\nimport {useStore} from \"vuex\";\nimport {useGetImportOriginsChartData} from \"@/composables/dashboard/useGetImportOriginsChartData\";\nimport {useGetCompletedShipmentsChartData} from \"@/composables/dashboard/useGetCompletedShipmentsChartData\";\nimport {useGetDeliveriesChartData} from \"@/composables/dashboard/useGetDeliveriesChartData\";\nimport {useGetSomeChartData} from \"@/composables/dashboard/useGetSomeChartData\";\nimport {useGetSomeMoreChartData} from \"@/composables/dashboard/useGetSomeMoreChartData\";\nimport {useGetArrivalsChartData} from \"@/composables/dashboard/useGetArrivalsChartData\";\nimport {useGetRoadArrivalsChartData} from \"@/composables/dashboard/useGetRoadArrivalsChartData\";\n\nimport axios from \"axios\";\nimport Dashboard from \"@/classes/viewmodels/Dashboard\";\n\nconst store = useStore();\n\n// TODO Chart data & date information\nconst arrivalsAndDeliveries = ref(new Dashboard());\nconst arrivalAndDeliveryDateRange = ref('');\nconst arrivalAndDeliveryReady = ref(false);\n\nconst completedShipments = ref([]);\nconst completedShipmentsDateRange = ref('');\n\n// TODO List widget data\nconst arrivingToday = ref([]);\nconst deliveredToday = ref([]);\nconst lateArrival = ref([]);\nconst lateDelivery = ref([]);\nconst monthAhead = ref([]);\n\nonMounted(() => {\n\n  axios.get('api/Dashboard', {\n\n    params: {\n      owner: store.state.owner,\n      account: store.state.userSettings.account,\n    }\n\n  }).then((response) => {\n\n    arrivalsAndDeliveries.value.arrivals.totals.notMeasured = response.data.arrivalDeliveryTotals.arrivals.notMeasured;\n    arrivalsAndDeliveries.value.arrivals.totals.early = response.data.arrivalDeliveryTotals.arrivals.early;\n    arrivalsAndDeliveries.value.arrivals.totals.onTime = response.data.arrivalDeliveryTotals.arrivals.onTime;\n    arrivalsAndDeliveries.value.arrivals.totals.late = response.data.arrivalDeliveryTotals.arrivals.late;\n\n    arrivalsAndDeliveries.value.deliveries.totals.notMeasured =  response.data.arrivalDeliveryTotals.deliveries.notMeasured;\n    arrivalsAndDeliveries.value.deliveries.totals.early = response.data.arrivalDeliveryTotals.deliveries.early;\n    arrivalsAndDeliveries.value.deliveries.totals.onTime = response.data.arrivalDeliveryTotals.deliveries.onTime;\n    arrivalsAndDeliveries.value.deliveries.totals.late = response.data.arrivalDeliveryTotals.deliveries.late;\n\n    arrivalsAndDeliveries.value.arrivals.air.totals = response.data.arrivalDeliveryTotals.arrivals.air;\n    arrivalsAndDeliveries.value.arrivals.road.totals = response.data.arrivalDeliveryTotals.arrivals.road;\n    arrivalsAndDeliveries.value.arrivals.sea.totals = response.data.arrivalDeliveryTotals.arrivals.sea;\n    arrivalsAndDeliveries.value.arrivals.rail.totals = response.data.arrivalDeliveryTotals.arrivals.rail;\n    arrivalsAndDeliveries.value.arrivals.courier.totals = response.data.arrivalDeliveryTotals.arrivals.courier;\n\n    arrivalsAndDeliveries.value.deliveries.air.totals = response.data.arrivalDeliveryTotals.deliveries.air;\n    arrivalsAndDeliveries.value.deliveries.road.totals = response.data.arrivalDeliveryTotals.deliveries.road;\n    arrivalsAndDeliveries.value.deliveries.sea.totals = response.data.arrivalDeliveryTotals.deliveries.sea;\n    arrivalsAndDeliveries.value.deliveries.rail.totals = response.data.arrivalDeliveryTotals.deliveries.rail;\n    arrivalsAndDeliveries.value.deliveries.courier.totals = response.data.arrivalDeliveryTotals.deliveries.courier;\n\n    arrivalAndDeliveryDateRange.value = response.data.arrivalDeliveryTotals.from + ' - ' + response.data.arrivalDeliveryTotals.to;\n\n    response.data.completedShipments.length? completedShipmentsDateRange.value =\n        response.data.completedShipments.from + ' - ' + response.data.completedShipments.to : '';\n\n    arrivalAndDeliveryReady.value = true;\n\n    completedShipments.value = response.data.completedShipments.data;\n    arrivingToday.value = response.data.arrivingToday;\n    deliveredToday.value = response.data.deliveredToday;\n    lateArrival.value = response.data.lateArrival;\n    lateDelivery.value = response.data.lateDelivery;\n    monthAhead.value = response.data.monthAhead;\n\n  }).catch(function (error) {\n\n    store.state.banners.error = new Notification(true, 'Could Not Retrieve Dashboard Data');\n\n  });\n\n})\n\nconst importOrigins = [\n\n  {\n    label: 'UK',\n    value: 136\n  },\n  {\n    label: 'Canada',\n    value: 63\n  },\n  {\n    label: 'France',\n    value: 9\n  },\n  {\n    label: 'US',\n    value: 34\n  },\n  {\n    label: 'Frankfurt',\n    value: 12\n  },\n  {\n    label: 'China',\n    value: 80\n  },\n\n]\n\nconst completedShipmentsTemp = [\n\n  {\n    label: 'Import',\n    value: 23\n  },\n  {\n    label: 'Export',\n    value: 13\n  },\n  {\n    label: 'Cross Trade',\n    value: 9\n  },\n  {\n    label: 'Domestic',\n    value: 4\n  },\n]\n\nconst importOriginsConfig = useGetImportOriginsChartData(importOrigins);\n\nconst completedShipmentsConfig = computed(() => {\n\n  return useGetCompletedShipmentsChartData(completedShipments.value)\n\n})\n\nconst displayCompletedShipments = computed(() => {\n\n  return completedShipments.value.length > 0;\n\n})\n\nconst tempOne = useGetSomeChartData(importOrigins);\nconst tempTwo = useGetSomeMoreChartData(importOrigins);\n\n</script>\n\n<template>\n  <div style=\"margin-bottom: 10px\"></div>\n  <div class=\"view-dashboard\">\n    <WidgetContainer\n        :height=\"200\"\n        :width=\"400\"\n        display=\"flex\"\n        :widget-containers=\"$store.state.widgetList\">\n      <template #arrivals>\n        <DashboardWidget :height=\"150\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-thin fa-chart-scatter-bubble\"></i>\n          </template>\n          <template #header-text>\n            Arrivals\n          </template>\n          <template #header-tag-line>\n            Import Arrivals & Deliveries From: <strong>{{arrivalAndDeliveryDateRange}}</strong>\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <ArrivalsAndDeliveries\n                :key=\"arrivalAndDeliveryReady\"\n                v-model=\"arrivalsAndDeliveries.arrivals\">\n            </ArrivalsAndDeliveries>\n          </template>\n        </DashboardWidget>\n        <DashboardWidget :height=\"150\" :width=\"460\" style=\"margin-top: 5px;\">\n          <template #icon>\n          </template>\n          <template #header-text>\n            Deliveries\n          </template>\n          <template #header-tag-line>\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <ArrivalsAndDeliveries\n                v-model=\"arrivalsAndDeliveries.deliveries\">\n            </ArrivalsAndDeliveries>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #import-origins>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-thin fa-earth\" style=\"color: #216585\"></i>\n          </template>\n          <template #header-text>\n            Import Origins\n          </template>\n          <template #header-tag-line>\n          </template>\n          <template #header>\n            Demo Data Only\n          </template>\n          <template #content>\n            <UniversalChart\n                v-if=\"importOriginsConfig.data.datasets[0].data.length > 0\"\n                :config=\"importOriginsConfig\"\n                chartId=\"import-origins\">\n            </UniversalChart>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #completed-shipments>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-thin fa-handshake-angle\" style=\"color: #218532\"></i>\n          </template>\n          <template #header-text>\n            Completed Shipments\n          </template>\n          <template #header-tag-line>\n            <strong>{{completedShipmentsDateRange}}</strong>\n          </template>\n          <template #header>\n\n          </template>\n          <template #content>\n            <UniversalChart\n                v-if=\"displayCompletedShipments\"\n                :config=\"completedShipmentsConfig\"\n                chartId=\"completed-shipments\">\n            </UniversalChart>\n            <div v-else><i class=\"fa-kit fa-thin-circle-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #arriving-today>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-kit fa-thin-calendar-days-circle-check\" style=\"color: #23ac20\"></i>\n          </template>\n          <template #header-text>\n            Arriving Today\n          </template>\n          <template #header-tag-line>\n            View Shipment Details Of Todays Arrivals\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <UniversalDateList\n                v-if=\"arrivingToday.length > 0\"\n                v-model=\"arrivingToday\">\n            </UniversalDateList>\n            <div v-else><i class=\"fa-kit fa-thin-line-columns-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #late-arrivals>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-kit fa-thin-calendar-days-circle-xmark\" style=\"color: #b01510\"></i>\n          </template>\n          <template #header-text>\n            Overdue Arrivals\n          </template>\n          <template #header-tag-line>\n            View Detail Of Overdue Shipments\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <UniversalDateList\n                v-if=\"lateArrival.length > 0\"\n                :arrivingToday=\"false\"\n                v-model=\"lateArrival\">\n            </UniversalDateList>\n            <div v-else><i class=\"fa-kit fa-thin-line-columns-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #month-ahead>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-thin fa-calendar-days\" style=\"color: #104bb0\"></i>\n          </template>\n          <template #header-text>\n            Week / Month Ahead\n          </template>\n          <template #header-tag-line>\n            View Future Shipment Details\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <UniversalDateList\n                v-if=\"monthAhead.length > 0\"\n                :arrivingToday=\"false\"\n                :monthAhead=\"true\"\n                v-model=\"monthAhead\">\n            </UniversalDateList>\n            <div v-else><i class=\"fa-kit fa-thin-line-columns-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #delivered-today>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-kit fa-thin-calendar-days-circle-check\" style=\"color: #23ac20\"></i>\n          </template>\n          <template #header-text>\n            Expected Deliveries\n          </template>\n          <template #header-tag-line>\n            View Shipment Details Of Todays Deliveries\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <UniversalDateList\n                v-if=\"deliveredToday.length > 0\"\n                v-model=\"deliveredToday\">\n            </UniversalDateList>\n            <div v-else><i class=\"fa-kit fa-thin-line-columns-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n\n      <template #late-deliveries>\n        <DashboardWidget :height=\"305\" :width=\"460\">\n          <template #icon>\n            <i class=\"fa-kit fa-thin-calendar-days-circle-xmark\" style=\"color: #b01510\"></i>\n          </template>\n          <template #header-text>\n            Overdue Deliveries\n          </template>\n          <template #header-tag-line>\n            View Detail Of Overdue Deliveries\n          </template>\n          <template #header>\n          </template>\n          <template #content>\n            <UniversalDateList\n                v-if=\"lateDelivery.length > 0\"\n                :arrivingToday=\"false\"\n                v-model=\"lateDelivery\">\n            </UniversalDateList>\n            <div v-else><i class=\"fa-kit fa-thin-line-columns-circle-xmark view-dashboard_placeholder-image\"></i>\n              <div class=\"view-dashboard_placeholder-text\">\n                <i class=\"fa-solid fa-database\" style=\"color: #719ECE; font-size: 13px; margin-right: 5px\"></i>No Available Data\n              </div>\n            </div>\n          </template>\n        </DashboardWidget>\n      </template>\n    </WidgetContainer>\n\n\n    <!--      <DashboardWidget>-->\n    <!--        <template #icon>-->\n    <!--          <i class=\"fa-solid fa-truck-ramp-box\" style=\"color: #c8b52c\"></i>-->\n    <!--        </template>-->\n    <!--        <template #header-text>-->\n    <!--          Deliveries-->\n    <!--        </template>-->\n    <!--        <template #header-tag-line>-->\n    <!--        </template>-->\n    <!--        <template #chart-header>-->\n    <!--          On Time Deliveries Per Month-->\n    <!--        </template>-->\n    <!--        <template #chart>-->\n    <!--          <UniversalChart-->\n    <!--              v-if=\"deliveriesConfig.data.datasets[0].data.length > 0\"-->\n    <!--              :config=\"deliveriesConfig\"-->\n    <!--              chartId=\"deliveries\">-->\n    <!--          </UniversalChart>-->\n    <!--        </template>-->\n    <!--      </DashboardWidget>-->\n\n\n    <!--      <DashboardWidget>-->\n    <!--        <template #header-text>-->\n    <!--          Bookings-->\n    <!--        </template>-->\n    <!--        <template #content>-->\n    <!--          <div class=\"view-dashboard_bookings-container\">-->\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">13</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-rectangle-history-circle-plus\"-->\n    <!--                   style=\"font-size: 32px; color: #8f5d2f; margin-right: 10px;\"></i> New Bookings-->\n    <!--              </div>-->\n    <!--              <div class=\"view-dashboard_tile-info-text-b\">Require Notification Sending</div>-->\n    <!--            </div>-->\n\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">26</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-thumbs-up\"-->\n    <!--                   style=\"font-size: 32px; color: #454888; margin-right: 10px;\"></i> Pending Approval-->\n    <!--              </div>-->\n    <!--              <div class=\"view-dashboard_tile-info-text-b\">Notifications Sent</div>-->\n    <!--            </div>-->\n\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">6</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-check\"-->\n    <!--                   style=\"font-size: 32px; color: #309150; margin-right: 10px;\"></i> Approved-->\n    <!--              </div>-->\n    <!--              <div class=\"view-dashboard_tile-info-text-b\">Bookings into Jobs</div>-->\n    <!--            </div>-->\n\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">42</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-chart-network\"-->\n    <!--                   style=\"font-size: 32px; color: #918c30; margin-right: 10px;\"></i> Active Shipments-->\n    <!--              </div>-->\n    <!--              <div class=\"view-dashboard_tile-info-text-b\">Current Quarter</div>-->\n    <!--            </div>-->\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">3</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-pause\"-->\n    <!--                   style=\"font-size: 32px; color: #913030; margin-right: 10px;\"></i> On Hold-->\n    <!--              </div>-->\n    <!--              <div class=\"view-dashboard_tile-info-text-b\">Require Attention!</div>-->\n    <!--            </div>-->\n    <!--            <div class=\"view-dashboard_tile-layout-b\">-->\n    <!--              <div class=\"view-dashboard_data-value-b\">89</div>-->\n    <!--              <div>-->\n    <!--                <i class=\"fa-regular fa-message-question\"-->\n    <!--                   style=\"font-size: 32px; color: #8a8a8a; margin-right: 10px;\"></i> Information Slot-->\n    <!--              </div>-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--        </template>-->\n    <!--      </DashboardWidget>-->\n\n    <!--      <DashboardWidget>-->\n    <!--        <template #icon>-->\n    <!--          <i class=\"fa-solid fa-chart-waterfall\" style=\"color: #216585\"></i>-->\n    <!--        </template>-->\n    <!--        <template #header-text>-->\n    <!--          More Chart Types-->\n    <!--        </template>-->\n    <!--        <template #header-tag-line>-->\n    <!--        </template>-->\n    <!--        <template #chart-header>-->\n    <!--          Top Origins By Number Of Jobs Per Month-->\n    <!--        </template>-->\n    <!--        <template #chart>-->\n    <!--          <UniversalChart-->\n    <!--              v-if=\"tempOne.data.datasets[0].data.length > 0\"-->\n    <!--              :config=\"tempOne\"-->\n    <!--              chartId=\"imports\">-->\n    <!--          </UniversalChart>-->\n    <!--        </template>-->\n    <!--      </DashboardWidget>-->\n\n<!--          <DashboardWidget>-->\n<!--            <template #icon>-->\n<!--              <i class=\"fa-solid fa-chart-waterfall\" style=\"color: #216585\"></i>-->\n<!--            </template>-->\n<!--            <template #header-text>-->\n<!--              Even More Chart Types-->\n<!--            </template>-->\n<!--            <template #header-tag-line>-->\n<!--            </template>-->\n<!--            <template #chart-header>-->\n<!--              Top Origins By Number Of Jobs Per Month-->\n<!--            </template>-->\n<!--            <template #chart>-->\n<!--              <UniversalChart-->\n<!--                  v-if=\"tempTwo.data.datasets[0].data.length > 0\"-->\n<!--                  :config=\"tempTwo\"-->\n<!--                  chartId=\"leavers\">-->\n<!--              </UniversalChart>-->\n<!--            </template>-->\n<!--          </DashboardWidget>-->\n\n\n    <!--      <div class=\"view-dashboard_bookings-section\">-->\n    <!--        <div class=\"view-dashboard_tile-layout\">-->\n    <!--          <div class=\"view-dashboard_data-area\">-->\n    <!--            <div class=\"view-dashboard_data-value\">-->\n    <!--              43-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--          <div class=\"view-dashboard_tile-label\">-->\n    <!--            <i class=\"fa-regular fa-calendar-check\" style=\"font-size: 20px; color: #566ea0; margin-right: 10px;\"></i> Pending Approval-->\n    <!--          </div>-->\n    <!--        </div>-->\n    <!--        <div class=\"view-dashboard_tile-layout\">-->\n    <!--          <div class=\"view-dashboard_data-area\">-->\n    <!--            <div class=\"view-dashboard_data-value\">-->\n    <!--              14-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--          <div class=\"view-dashboard_tile-label\">-->\n    <!--            <i class=\"fa-regular fa-book-open\" style=\"font-size: 20px; color: #569aa0; margin-right: 10px;\"></i> Open Requests-->\n    <!--          </div>-->\n    <!--        </div>-->\n\n    <!--        <div class=\"view-dashboard_tile-layout\">-->\n    <!--          <div class=\"view-dashboard_data-area\">-->\n    <!--            <div class=\"view-dashboard_data-value\">-->\n    <!--              27-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--          <div class=\"view-dashboard_tile-label\">-->\n    <!--            <i class=\"fa-regular fa-circle-check\" style=\"font-size: 20px; color: #56a082; margin-right: 10px;\"></i> Approved-->\n    <!--          </div>-->\n    <!--        </div>-->\n\n    <!--        <div class=\"view-dashboard_tile-layout\">-->\n    <!--          <div class=\"view-dashboard_data-area\">-->\n    <!--            <div class=\"view-dashboard_data-value\">-->\n    <!--              6-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--          <div class=\"view-dashboard_tile-label\">-->\n    <!--            <i class=\"fa-regular fa-ballot-check\" style=\"font-size: 20px; color: #295a0d; margin-right: 10px;\"></i> Confirmed-->\n    <!--          </div>-->\n    <!--        </div>-->\n\n    <!--        <div class=\"view-dashboard_tile-layout\">-->\n    <!--          <div class=\"view-dashboard_data-area\">-->\n    <!--            <div class=\"view-dashboard_data-value\">-->\n    <!--              4-->\n    <!--            </div>-->\n    <!--          </div>-->\n    <!--          <div class=\"view-dashboard_tile-label\">-->\n    <!--            <i class=\"fa-regular fa-pause\" style=\"font-size: 20px; color: #a05656; margin-right: 10px;\"></i> On Hold-->\n    <!--          </div>-->\n    <!--        </div>-->\n    <!--      </div>-->\n\n  </div>\n\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n@import '@/css/dashboard/info-container-type-a.scss';\n@import '@/css/dashboard/info-container-type-b.scss';\n\n.view-dashboard {\n  max-width: 1500px;\n  margin: auto;\n  height: 800px;\n  overflow-y: auto;\n\n  &_bookings-wrapper {\n    margin-top: 30px;\n    gap: 30px;\n  }\n\n  &_top-section, &_bottom-section {\n    gap: 30px;\n  }\n\n  &_bottom-section {\n    margin-top: 10px;\n  }\n\n  &_bookings-title {\n    padding: 5px;\n    border-bottom: 1px solid var(--border-color);\n    //background-image: linear-gradient(0deg, #eaeaea, #ffffff);\n  }\n\n  &_placeholder-image {\n    font-size: 160px;\n    color: #cde8ea;\n    margin-top: 20px;\n  }\n\n  &_placeholder-image-small {\n    font-size: 60px;\n    color: #cde8ea;\n    margin-left: 20px;\n  }\n\n  &_placeholder-text {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 13px;\n    color: #404040;\n    margin-top: 10px;\n    padding: 5px 0 5px 0;\n  }\n\n  &_due-today-date-color {\n    height: 10px;\n    width: 20px;\n    border-radius: 3px;\n    margin: 0 5px 0 20px;\n    background: var(--grid-cell-date-due-today);\n  }\n\n  &_arrivals-header {\n    display: grid;\n    grid-template-columns: 93px 60px 82px 50px;\n    width: 100%;\n    margin-left: 27px;\n    gap: 30px;\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  &_arrivals-data-circles {\n    display: grid;\n    grid-template-columns: 100px 100px 100px 100px;\n    margin: 10px 0  0 35px;\n  }\n\n  &_circle {\n    display: flex;\n    font-size: 13px;\n    height: 54px;\n    width: 54px;\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0px 2px 4px 0px #bfbfbf;\n  }\n\n  &_circle-not-measured {\n    border: 4px solid #3e3e3e9c;\n  }\n\n  &_circle-early {\n    border: 4px solid #f8c8029c;\n  }\n\n  &_circle-on-time {\n    border: 4px solid #11bf289c\n  }\n\n  &_circle-late {\n    border: 4px solid #e00d0d80;\n  }\n\n  &_arrivals-mode-layout {\n    margin: -10px;\n    background: #0a0a0a;\n    height: auto;\n    width: 200px;\n    border-radius: 6px;\n  }\n\n  &_tooltip-wrapper {\n    padding: 10px;\n    color: #fcfcfc;\n  }\n\n  &_not-measured-block {\n    height: 15px;\n    width: 15px;\n    background: #3e3e3e9c;\n    border: 1px solid #8a8a8a;\n  }\n\n  &_tooltip-data {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 10px;\n  }\n}\n\n</style>\n","import script from \"./Dashboard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Dashboard.vue?vue&type=style&index=0&id=ca72082a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ca72082a\"]])\n\nexport default __exports__","import script from \"./SearchToolbar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchToolbar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchToolbar.vue?vue&type=style&index=0&id=6b866cb1&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6b866cb1\"]])\n\nexport default __exports__","<script setup>\n\nimport {inject} from 'vue'\nimport {useStore} from \"vuex\";\nconst shipments = inject(\"shipments\");\n\nconst store = useStore();\n\n</script>\n\n<template>\n  <div v-if=\"store.state.userSettings.highlightActualDate\" class=\"cmp-grid-mode-data-notification_mode-display\">\n    <div style=\"color: #0a0a0a; margin-right: 10px;\">Date Status Indicator:</div>\n    <div class=\"cmp-grid-mode-data-notification_actual-date-color\"></div>\n    <div style=\"font-size: 11px;\">- Actual Date <span style=\"font-size: 10px;\"> (Non Highlighted is Estimated)</span> </div>\n  </div>\n  <div v-else-if=\"store.state.userSettings.useMeasuredGrid\" class=\"cmp-grid-mode-data-notification_mode-display\">\n    <div style=\"color: #0a0a0a\">Date indicators:</div>\n    <div class=\"cmp-grid-mode-data-notification_on-time-date-color\"></div>\n    <div class=\"cmp-grid-mode-data-notification_heading\">On Schedule</div>\n    <div class=\"cmp-grid-mode-data-notification_due-today-date-color\"></div>\n    <div class=\"cmp-grid-mode-data-notification_heading\">Due Today</div>\n    <div class=\"cmp-grid-mode-data-notification_late-date-color\"></div>\n    <div class=\"cmp-grid-mode-data-notification_heading\">Overdue</div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-grid-mode-data-notification {\n\n  &_mode-display {\n    display: flex;\n    align-items: center;\n    font-size: 12px;\n    height: 16px;\n    z-index: 999;\n    padding: 5px 10px 5px 13px;\n    //background: #f8f8f8;\n  }\n\n  &_heading {\n    font-size: 11px;\n  }\n\n  &_actual-date-color {\n    height: 10px;\n    width: 20px;\n    border-radius: 3px;\n    margin: 0 6px 0 6px;\n    background: var(--actual-date);\n  }\n\n  &_late-date-color {\n    height: 10px;\n    width: 20px;\n    border-radius: 3px;\n    margin: 0 5px 0 20px;\n    background: var(--grid-cell-date-late);\n  }\n\n  &_due-today-date-color {\n    height: 10px;\n    width: 20px;\n    border-radius: 3px;\n    margin: 0 5px 0 20px;\n    background: var(--grid-cell-date-due-today);\n  }\n\n  &_on-time-date-color {\n    height: 10px;\n    width: 20px;\n    border-radius: 3px;\n    margin: 0 5px 0 20px;\n    background: var(--grid-cell-date-on-time);\n  }\n}\n\n</style>\n","import script from \"./GridModeDataNotification.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GridModeDataNotification.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GridModeDataNotification.vue?vue&type=style&index=0&id=2930bde4&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2930bde4\"]])\n\nexport default __exports__","\n<script setup>\n\n</script>\n\n<template>\n  <div class=\"cmp-grid-function-tips_wrapper\">\n    <div style=\"font-size: 14px;\">Grid Functionality</div>\n    <span style=\"font-size: 11px;\">(If the grid menu is disabled the configuration of the columns will not be saved)</span>\n    <ul>\n      <li>\n        If enabled, use the menu to disable / enable columns.\n      </li>\n      <li>\n        Drag columns from the heading to re-order them.\n      </li>\n      <li>\n        Resize columns by right clicking on the headings (auto saves when you move away).\n      </li>\n      <li>\n        Right click on data cells to copy the value to clipboard.\n      </li>\n      <li>\n        Left click highlights the current row to spotlight the record for added focus.\n      </li>\n    </ul>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\nul li {\n  margin-bottom: 4px;\n}\n\n.cmp-grid-function-tips {\n\n  &_wrapper {\n    height: 120px;\n    width: 500px;\n    padding: 10px;\n  }\n}\n\n</style>\n","import { render } from \"./GridFunctionTips.vue?vue&type=template&id=2c8e69f8&scoped=true\"\nconst script = {}\n\nimport \"./GridFunctionTips.vue?vue&type=style&index=0&id=2c8e69f8&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2c8e69f8\"]])\n\nexport default __exports__","<script setup>\n\nimport {ref, computed, onMounted, nextTick} from 'vue';\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport GridFunctionTips from \"@/components/common/other/GridFunctionTips\";\nimport GridModeDataNotification from \"@/components/shipments/GridModeDataNotification\";\n\nconst emits = defineEmits(['update:currentPaginationRange', 'update:currentPage', 'click-reset',\n  'click-save', 'selected-row', 'update:highlightRows'])\n\nconst props = defineProps({\n\n  columns: Array,\n\n  dataCy: String,\n  currentPage: {type: Number, default: 1},\n  currentPaginationRange: {type: Number},\n  pageSize: {type: Number, default: 100},\n  allowGridMenu: {type: Boolean, default: false},\n  allowPagination: {type: Boolean, default: true},\n  selectable: {type: Boolean, default: true},\n  rowSelection: {type: Boolean, default: true},\n  height: {type: Number, default: 500},\n  showDateIndicator: {type: Boolean, default: true},\n\n  dataSource: {\n    type: Array,\n    default: function () {\n      return []\n    }\n  },\n\n})\n\nconst sourceColumnIndex = ref(null);\nconst openColumnMenuByIndex = ref(null);\nconst localData = ref([]);\nconst pageButtons = ref([]);\nconst paginationSize = ref(10);\nconst showGridMenu = ref(false);\nconst closeTimer = ref(null);\nconst saveTimer = ref(null);\nconst columnMenuToggleColumns = ref(false);\n\nlet previousLeftPos = 0;\nlet currentSelectedRow = ref();\n\nonMounted(() => {\n\n  localData.value = JSON.parse(JSON.stringify(props.dataSource));\n\n  createPageButtons();\n\n})\n\nconst customColumns = computed(() => {\n\n  return props.columns.filter(c => c.enabled === true)\n});\n\nconst gridHeight = computed(() => {\n\n  return props.height + 'px'\n})\n\nconst wrapperHeight = computed(() => {\n\n  return props.height + 124 + 'px'\n})\n\n\nconst pagedData = computed(() => {\n\n  if (localData.value.length > 0) {\n\n    return localData.value.filter((row, index) => {\n\n      // eg if page size set to 10, and current page is 2 (default)\n      // currentPage is a v-model to the chosen state class\n\n      let startIndex = (props.currentPage - 1) * props.pageSize; // 1 X 10 = 10   / start = 10\n      let endIndex = props.currentPage * props.pageSize; // 2 X 10 = 20   / end = 20\n\n      // if the current index >= 10 (start), and the index is less then 20 (end), return the array from index 10 to 19  = 10 records inclusive (page size!)\n      if (index >= startIndex && index < endIndex) {\n        return true\n      }\n\n    });\n  }\n})\n\nfunction rowDataSource(index) {\n  return props.dataSource[index];\n}\n\nfunction generateRowData(row, key, column) {\n\n  if (column) {\n\n    // Get the row data from the past in key from the current column\n    if (typeof (row[key]) === 'string') {\n\n      if (row[key]) return row[key]\n\n    }\n\n  }\n\n  return row[key];\n}\n\nfunction handleDragStart(e, column) {\n\n  sourceColumnIndex.value = props.columns.findIndex(i => i.id === column.id);\n\n  if (openColumnMenuByIndex.value !== null) {\n\n    e.preventDefault();\n    return;\n  }\n\n  if (column.isFixed) {\n\n    e.preventDefault();\n    return;\n  }\n\n}\n\nfunction handleDragover(e) {\n\n  e.preventDefault();\n  return false;\n}\n\nfunction handleDrop(e, destinationColumnData) {\n\n  e.stopPropagation();\n\n  let mainArrayDestinationIndex = props.columns.findIndex(i => i.id === destinationColumnData.id);\n\n  if (sourceColumnIndex.value !== mainArrayDestinationIndex && !destinationColumnData.isFixed) {\n\n    if (mainArrayDestinationIndex < sourceColumnIndex.value) {\n\n      props.columns.splice(mainArrayDestinationIndex, 0, props.columns[sourceColumnIndex.value]);\n      props.columns.splice(sourceColumnIndex.value + 1, 1);\n\n    } else {\n\n      props.columns.splice(mainArrayDestinationIndex + 1, 0, props.columns[sourceColumnIndex.value]);\n      props.columns.splice(sourceColumnIndex.value, 1);\n\n    }\n\n    if (props.allowGridMenu) emits('click-save');\n\n  }\n}\n\nfunction setLeftPosition(index) {\n\n  if (index === 0) return 0;\n\n  let firstColumnDatum = parseInt(customColumns.value[0].width) + 11;\n  let width = parseInt(customColumns.value[index - 1].width) + 11\n\n  if (index === 1) return firstColumnDatum + 'px';\n\n  if (index === 2) {\n\n    previousLeftPos = width + firstColumnDatum;\n    return width + firstColumnDatum + 'px'\n  }\n\n  let currentValue = previousLeftPos;\n\n  previousLeftPos = width + previousLeftPos;\n\n  if (customColumns.value[index].isFixed) return width + currentValue + 'px';\n\n}\n\nfunction setZ(index) {\n\n  if (customColumns.value[index].isFixed) {\n\n    return 99;\n  }\n\n}\n\nfunction setSelectedRow(column, row, index) {\n\n    // if(currentSelectedRow.value === index) return row.selectedRow = !row.selectedRow;\n\n  if(!column.isFixed)\n  row.selectedRow = !row.selectedRow;\n\n    // currentSelectedRow.value = index;\n\n    // clearHighlightedRow();\n\n    // row.selectedRow = true;\n\n  // if (props.selectable && !row.checkRow) emits('selected-row', props.dataSource[index], index);\n\n}\n\nfunction clearHighlightedRow() {\n\n  for (let ea in localData.value) {\n    localData.value[ea]['selectedRow'] = false;\n  }\n\n}\n\nfunction getPaginationPages() {\n  // Calc the number of pagination buttons required, eg blocks of pages set in paginationSize (10 default)\n  return Math.ceil(pageButtons.value.length / paginationSize.value);\n\n}\n\nfunction splitPagination() {\n\n  return pageButtons.value.filter((row, index) => {\n\n    let startIndex = (props.currentPaginationRange - 1) * paginationSize.value;\n    let endIndex = props.currentPaginationRange * paginationSize.value;\n\n    if (index >= startIndex && index < endIndex) {\n      return true\n    }\n\n  });\n\n}\n\nfunction createPageButtons() {\n\n  pageButtons.value = [];\n\n  let roundUp = Math.ceil(localData.value.length / props.pageSize);\n\n  for (let i = 0; i < roundUp; i++) {\n\n    pageButtons.value.push(\n        {\n          number: i + 1,\n          notValid: false\n        });\n  }\n\n}\n\nfunction pageUp() {\n\n  if (props.currentPaginationRange < getPaginationPages())\n    emits('update:currentPaginationRange', props.currentPaginationRange + 1)\n}\n\nfunction pageDown() {\n\n  if (props.currentPaginationRange > 1) emits('update:currentPaginationRange', props.currentPaginationRange - 1)\n}\n\nfunction handleColumnMenu(e, index, column) {\n\n  e.preventDefault();\n\n  if(!column.isFixed)\n    openColumnMenuByIndex.value ? openColumnMenuByIndex.value = null :   openColumnMenuByIndex.value = index;\n}\n\nfunction handleMouseEnterColMenu() {\n\n  clearTimeout(saveTimer.value);\n  clearTimeout(closeTimer.value);\n}\n\nfunction handleCloseColMenu() {\n\n  closeTimer.value = setTimeout(() => openColumnMenuByIndex.value = null, 1000);\n\n  if(props.allowGridMenu)\n\n    saveTimer.value = setTimeout(() =>  handleColumnWidthSave(), 2000);\n\n}\n\nfunction handleColumnWidthSave() {\n\n  if(props.allowGridMenu) emits('click-save', true);\n}\n\nfunction dragColumnsMessage(col) {\n\n  if(!col.isFixed) return 'Drag Over Other Colum Headers To Re Order';\n  return 'This Column Is Fixed';\n}\n\nfunction resetColumns() {\n\n  props.columns.forEach(function (item) {\n    item.enabled = true;\n  })\n  props.columns.sort((a, b) => {\n    return a.id - b.id\n  });\n}\n\nfunction handleMenuDisplay() {\n\n  showGridMenu.value = !showGridMenu.value;\n\n}\n\nfunction toggleColumns() {\n\n  props.columns.forEach(col => {\n\n    if(!col.isFixed && columnMenuToggleColumns.value) col.enabled = true;\n    if(!col.isFixed && !columnMenuToggleColumns.value) col.enabled = false;\n\n  })\n\n}\n\nfunction copyValue(e, text) {\n\n  e.preventDefault();\n\n  try {\n\n    navigator.clipboard.writeText(text);\n\n  } catch (error) {\n\n    console.log('Needs To Be A HTTPS Secure Site To Use Navigator And Clipboard', error)\n  }\n\n}\n\n</script>\n\n<template>\n  <div class=\"cmp-sticky-grid_wrapper\">\n    <div v-if=\"showGridMenu\" class=\"cmp-sticky-grid_menu\">\n      <div class=\"cmp-sticky-grid_menu-title\">&#9783 Column Configuration\n        <div style=\"font-size: 10px; margin-left: 20px\">Add / Remove Columns</div>\n        <div class=\"cmp-sticky-grid_menu-button-area\">\n          <Button\n              @click=\"emits('click-reset', $event, resetColumns())\"\n              type=\"toolbar\"\n              title=\"Restores Original Column Arrangement\"\n              text=\"Reset\">\n          </Button>\n          <Button\n              @click=\"emits('click-save', $event)\"\n              title=\"Save Column Selections\"\n              text=\"Save\">\n          </Button>\n        </div>\n      </div>\n      <div class=\"cmp-sticky-grid_menu-checkbox-area\">\n        <div style=\"margin: 0px 30px 20px 0; font-weight: bold\">\n          <CheckBox\n              @change=\"toggleColumns()\"\n              v-model=\"columnMenuToggleColumns\"\n              :label-width=\"145\"\n              label=\"Toggle\">\n          </CheckBox>\n        </div>\n        <div v-for=\"(column, index) in columns\">\n          <CheckBox\n              v-if=\"column.isRemovable\"\n              v-model=\"column.enabled\"\n              :label-width=\"145\"\n              :label=\"column.title\">\n          </CheckBox>\n        </div>\n      </div>\n    </div>\n    <div class=\"cmp-sticky-grid_menu-area\">\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          <GridFunctionTips></GridFunctionTips>\n        </template>\n        <i class=\"fa-solid fa-circle-info icon-info\"></i>\n      </StaticTooltip>\n      <div class=\"cmp-sticky-grid_pagination-area\">\n        <div v-if=\"props.allowGridMenu\" @click=\"handleMenuDisplay\" class=\"cmp-sticky-grid_menu-icon\" title=\"Column Configuration\">&#9776</div>\n        <div v-if=\"getPaginationPages() > 0\" class=\"cmp-sticky-grid_pages-area\" title=\"Total Pages\">{{ pageButtons.length }}</div>\n        <div v-if=\"pageButtons.length > 1\"> Pages: </div>\n        <div v-if=\"pageButtons.length === 1\"> Page: </div>\n        <div v-if=\"getPaginationPages() > 1\" style=\"margin: 20px;\">\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              <span v-if=\"props.currentPaginationRange > 1\">Prev Pages</span>\n              <span v-else> No Previous Pages</span>\n            </template>\n            <Button\n                :disabled=\"props.currentPaginationRange === 1\"\n                style=\"width: 20px;\"\n                @click=\"pageDown()\"\n                type=\"toolbar\"\n                text=\"<\">\n            </Button>\n          </StaticTooltip>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              <span v-if=\"props.currentPaginationRange !== getPaginationPages()\">Next Pages</span>\n              <span v-else> No More Pages</span>\n            </template>\n            <Button\n                :disabled=\"props.currentPaginationRange === getPaginationPages()\"\n                style=\"width: 20px;\"\n                @click=\"pageUp()\"\n                type=\"toolbar\"\n                text=\">\">\n            </Button>\n          </StaticTooltip>\n        </div>\n        <div v-for=\"(button, index) in splitPagination()\" :key=\"index\">\n          <Button\n              @click=\"$emit('update:currentPage', button.number)\"\n              :title=\"`Page ${button.number}`\"\n              style=\"width: 30px;\"\n              :class=\"`${button.number === props.currentPage && 'cmp-sticky-grid_active-page'}`\"\n              type=\"toolbar\"\n              :text=\"button.number.toString()\">\n          </Button>\n        </div>\n      </div>\n      <GridModeDataNotification\n          v-if=\"props.showDateIndicator\"\n          style=\"margin-left: auto \">\n      </GridModeDataNotification>\n    </div>\n    <div class=\"cmp-sticky-grid\">\n      <table>\n        <tr class=\"cmp-sticky-grid_table-header-row\">\n          <th\n              :title=\"dragColumnsMessage(col)\"\n              @dragstart=\"handleDragStart($event, col)\"\n              @dragover=\"handleDragover($event)\"\n              @drop=\"handleDrop($event, col)\"\n              @contextmenu=\"handleColumnMenu($event, index, col)\"\n              :style=\"{minWidth: col.width + 'px', left: setLeftPosition(index), zIndex: setZ(index) }\"\n              :data-cy=\"dataCy + 'ColumnIndex' + index\"\n              :class=\"{'cmp-sticky-grid_sticky' : col.isFixed}\"\n              draggable=\"true\" v-for=\"(col, index) of customColumns\">{{ col.title }}\n            <div v-if=\"index === openColumnMenuByIndex\"\n                 class=\"cmp-sticky-grid_column-menu\" title=\"Adjust Column Width\"\n                 @mouseenter=\"handleMouseEnterColMenu\"\n                 @mouseleave=\"handleCloseColMenu\">\n              <input\n                  class=\"cmp-sticky-grid_column-slider\"\n                  v-model=\"col.width\"\n                  type=\"range\"\n                  min=\"50\"\n                  max=\"800\"/>\n            </div>\n<!--            <div style=\"position: absolute; right: 10px; top: 12px\"> &#8645</div>-->\n          </th>\n        </tr>\n        <div v-if=\"localData.length === 0\" style=\"height: 60px;\">\n          <div class=\"cmp-sticky-grid_no-data\"><i class=\"fa-solid fa-database\"></i> No Data</div>\n        </div>\n        <tr v-for=\"(row, rowIndex) in pagedData\" :key=\"rowIndex\" class=\"cmp-sticky-grid_table-data-row\">\n          <template v-for=\"(col, index) of customColumns\">\n            <td\n                v-if=\"typeof $slots[col.key] !== 'undefined'\"\n                @click=\"setSelectedRow(col, row, index)\"\n                @contextmenu=\"$event.preventDefault()\"\n                :style=\"{maxWidth: col.width + 'px', left: setLeftPosition(index)}\"\n                :class=\"{'cmp-sticky-grid_sticky' : col.isFixed,'cmp-sticky-grid_selected' : row.selectedRow}\">\n              <slot :name=\"col.key\" :column=\"col\" :grid=\"row\" :rowData=\"rowDataSource(rowIndex)\" :rowIndex=\"rowIndex\"></slot>\n            </td>\n            <td v-else :class=\"{'cmp-sticky-grid_sticky' : col.isFixed, 'cmp-sticky-grid_selected' : row.selectedRow}\"\n                @click=\"setSelectedRow(col, row, index)\"\n                @contextmenu=\"copyValue($event, generateRowData(row, col.key, col))\"\n                :data-cy=\"dataCy + 'RowIndex' + index\"\n                :title=\"generateRowData(row, col.key)\"\n                :style=\"{maxWidth: col.width + 'px', left: setLeftPosition(index)}\">\n              {{ generateRowData(row, col.key, col) }}\n            </td>\n          </template>\n        </tr>\n      </table>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\ntable {\n  border-spacing: 0;\n  font-size: 12px;\n}\n\n.cmp-sticky-grid {\n  position: relative;\n  //width: 100%;\n  max-height: v-bind(gridHeight);\n  overflow: scroll;\n  border-bottom-left-radius: 5px;\n  border-left: 1px solid #c8c8c8;\n\n  &_wrapper {\n    position: relative;\n    height: v-bind(wrapperHeight);\n  }\n\n  &_table-header-row th {\n    position: sticky;\n    top: 0;\n    border-bottom: 1px solid #dbdbdb;\n    border-right: 1px solid #dbdbdb;\n    padding: 5px;\n    background: var(--grid-header);\n    color: #fcfcfc;\n    text-align: left;\n    height: 30px;\n    font-weight: normal;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  &_table-data-row td {\n    border-bottom: 1px solid #dbdbdb;\n    border-right: 1px solid #dbdbdb;\n    padding-left: 5px;\n    height: 28px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  &_sticky {\n    position: sticky;\n    box-shadow: 4px 1px 6px -1px #888888;\n    background: #fafafa;\n  }\n\n  &_table-data-row:nth-child(even) {\n    background: #f5f5f5;\n  }\n\n  &_table-data-row:nth-child(odd) {\n    background: #ffffff;\n  }\n\n  &_selected {\n    background-image: linear-gradient(180deg, #fffaed, #f6ebc5);\n  }\n\n  &_menu-area {\n    display: flex;\n    padding: 6px;\n    background-image: linear-gradient(90deg, #f5f5f5, #ffffff);\n    border: 1px solid var(--border-color);\n    border-radius: 6px;\n    height: 22px;\n    margin-bottom: 5px;\n  }\n\n  &_pagination-area {\n    display: flex;\n    align-items: center;\n    font-size: 12px;\n  }\n\n  &_pages-area {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    padding: 8px;\n    height: 22px;\n    background-color: #ffffff;\n    margin-right: 10px;\n    font-size: 12px;\n    color: #000000;\n    border-radius: 4px;\n  }\n\n  &_active-page {\n    background-image: none !important;\n    background-color: white;\n    font-weight: bold;\n    color: black !important;\n    box-shadow: 1px 1px 2px 0px #484848 !important;\n  }\n\n  &_menu-icon {\n    margin: 15px;\n    font-size: 18px;\n    cursor: pointer;\n  }\n\n  &_column-menu {\n    position: absolute;\n    top: 25px;\n    left: 3px;\n  }\n\n  &_column-slider {\n    -webkit-appearance: none;\n    height: 8px;\n    border-radius: 2px;\n    background: #e9e9e9;\n  }\n\n  &_menu {\n    position: absolute;\n    top: 36px;\n    z-index: 9999;\n    width: 280px;\n    border: 1px solid #dddddd;\n    border-top: 0;\n    border-bottom-left-radius: 6px;\n    border-bottom-right-radius: 6px;\n    background-image: linear-gradient(0deg, #f6f6f6, #ffffff);\n    box-shadow: 0px 1px 2px 0px #888888;\n  }\n\n  &_menu-title {\n    position: absolute;\n    //margin-left: 6px;\n    left: 40px;\n    font-size: 14px;\n    padding: 0 20px 20px 20px;\n    height: 300px;\n    width: 160px;\n  }\n\n  &_menu-button-area {\n    margin-top: 15px;\n    display: flex;\n    gap: 18px;\n    font-size: 20px;\n  }\n\n  &_menu-checkbox-area {\n    height: 300px;\n    overflow-y: auto;\n    margin-top: 100px;\n    padding-left: 30px;\n  }\n\n  &_no-data {\n    position: absolute;\n    top: 60px;\n    left: 900px;\n    font-size: 16px;\n    color: #9d9d9d;\n  }\n\n}\n\n</style>\n","import script from \"./StickyGrid.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StickyGrid.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StickyGrid.vue?vue&type=style&index=0&id=5eeb7c5f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5eeb7c5f\"]])\n\nexport default __exports__","<script setup>\nimport {ref, provide, useSlots} from 'vue'\nimport {useStore} from 'vuex';\n\nconst store = useStore();\n\nconst slots = useSlots();\nconst tabProps = ref([]);\nconst emits = defineEmits(['tabInformation', 'update:selectedTab'])\n\nconst props = defineProps({\n\n  selectedTab: {type: String}\n})\n\nfunction setIcon(icon, iconColor) {\n\n  return \"<i style=\" + \"'\" + \"color:\" + iconColor + \"'\" + \" class=\" + \"'\" + icon + \"'/i>\"\n}\n\nfunction setSelectedTab(tab) {\n\n  emits('update:selectedTab', tab.name)\n  emits('tabInformation', tab)\n}\n\n// Slots.default creates an array of of the dom nodes created from slots\nslots.default().forEach(item => {\n\n  if(item.props)\n  tabProps.value.push({name: item.props.name, icon: item.props.icon, badgeData: item.props.badgeData,\n    iconColor: item.props.iconColor, cssStyle:item.props.style})\n\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-tabs\">\n    <button\n        class=\"cmp-tabs_tab-button\"\n        :class=\"`${props.selectedTab === tab.name && 'cmp-tabs_active-tab'}`\"\n        :style=\"tab.cssStyle\"\n        v-for=\"(tab, index) in tabProps\"\n        @click=\"setSelectedTab(tab)\"\n        :data-cy=\"'btnTab' + index\"\n        :key=\"tab.name\">\n      <span v-html=\"setIcon(tab.icon, tab.iconColor)\"></span> <span>{{ tab.name }}</span>\n      <div :title=\"tab.badgeData + ' Records Available'\" v-if=\"tab.badgeData > 0\"\n           class=\"cmp-tabs_data-badge\" :class=\"`${props.selectedTab === tab.name && 'cmp-tabs_active-tab-data'}`\" >{{tab.badgeData}}</div>\n    </button>\n    <div class=\"cmp-tabs_tab-content-area\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n\n.cmp-tabs {\n\n  &_tab-button {\n     position: relative;\n     font-family: inherit;\n     height: 28px;\n     margin-right: 2px;\n     padding-left: 25px;\n     padding-right: 25px;\n     color: #000000;\n     border: 1px solid #cbcbcb;\n     border-top-left-radius: 4px;\n     border-top-right-radius: 4px;\n     //background: #f5f5f5;\n      background-image: linear-gradient(0deg, #eaeaea, #ffffff);\n   }\n\n  &_active-tab {\n    position: relative;\n    background: #ffffff;\n    border-bottom: 1px solid #ffffff;\n    padding-top: 1px;\n    opacity: 1!important;\n  }\n\n  &_active-tab-data {\n    background: #168c60 !important;\n  }\n\n  &_tab-button:hover {\n    background: none;\n  }\n\n  &_data-badge {\n    position: absolute;\n    height: 8px;\n    right: 4px;\n    top: -7px;\n    padding: 0px 4px 3px 4px;\n    background: #275087;\n    min-width: 5px;\n    width: max-content;\n    font-size: 9px;\n    border-radius: 4px;\n    color: white;\n  }\n\n  &_tab-content-area {\n    border-top: 1px solid #e0e0e0;\n    margin-left: -10px;\n    margin-top: -1px;\n    padding: 20px 0 0 10px;\n    user-select: none;\n    width: auto;\n    overflow-x: auto;\n    overflow-y: hidden;\n    height: auto;\n    //background-color: #fcfcfc;\n    background: #ffffff;\n  }\n\n}\n</style>\n","import script from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Tabs.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Tabs.vue?vue&type=style&index=0&id=ea28fbe0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"tab-content\"\n       v-show=\"name === selectedTab\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup>\n\nimport {useStore} from 'vuex';\nconst store = useStore();\n\nconst props = defineProps({\n\n  name: {type: String},\n  selectedTab: {type: String},\n  badgeData: null,\n  iconColor: '',\n  style:''\n})\n\n</script>\n\n<style scoped>\n\n</style>\n","import script from \"./TabsContent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TabsContent.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import GridColumn from \"@/classes/component-classes/GridColumn\";\n\nexport class ViewShipment {\n\n    constructor() {\n\n            this.id = null,\n            this.jobNumber = '',\n            this.customerRef = '',\n            this.mode = '',\n            this.shipperName = '',\n            this.shipperOrigin = '',\n\n            this.shipperAddress = {\n                addressLine1: '',\n                addressLine2: '',\n                addressLine3: '',\n                addressLine4: '',\n                postCode: '',\n                country: '',\n                telephone: ''\n            },\n\n            this.shipperContact = {\n                name: '',\n                position: '',\n                telephone: ''\n            },\n\n            this.consigneeName = '',\n            this.consigneeDestination = '',\n\n            this.consigneeAddress = {\n                addressLine1: '',\n                addressLine2: '',\n                addressLine3: '',\n                addressLine4: '',\n                postCode: '',\n                country: '',\n                telephone: ''\n            },\n\n            this.consigneeContact= {\n                name: '',\n                position: '',\n                telephone: ''\n            },\n\n            this.consignmentDetails = {\n                nop: null,\n                weight: null,\n                actualWeight: null,\n                cube: null,\n                description: ''\n            },\n\n            this.milestoneInformation = {\n\n                dateColumns: [\n                    new GridColumn('1', 'Pickup', 'pickupDate', '80', true),\n                    new GridColumn('2', 'Closing', 'closingDate', '80', true),\n                    new GridColumn('3', 'Departure', 'departureDate', '80', true),\n                    new GridColumn('4', 'Arrival', 'arrivalDate', '80', true),\n                    new GridColumn('5', 'Customs', 'customsDate', '80', true),\n                    new GridColumn('6', 'Cleared', 'clearedDate', '80', true),\n                    new GridColumn('7', 'Delivery', 'deliveryDate', '80', true)\n                ],\n\n                dates: [\n                    {\n                        pickupDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        },\n\n                        closingDate: {\n                            est: '',\n                            actual: '',\n                            status: '',\n                        },\n\n                        departureDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        },\n\n                        arrivalDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        },\n\n                        customsDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        },\n\n                        clearedDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        },\n\n                        deliveryDate: {\n                            est: '',\n                            actual: '',\n                            status: ''\n                        }\n\n                    },\n                ],\n\n                milestones: [\n                    {\n                        id: '',\n                        dateTime: '',\n                        milestone: '',\n                        comments: ''\n                    }\n                ]\n\n            },\n\n            this.detailedInformation = {\n\n                incoTerms: 'No incoterms provided - N/A',\n\n                air: {\n                    flightNumber: '',\n                    secondFlightNumber: '', // currently Flight2\n                    awbNumber: '',\n                    hawb: '',\n                    flightDate: ''\n                },\n\n                sea: {\n                    blNumber: '',\n                    hbl: '',\n                    vessel: '',\n                    voyageNumber: '',\n                    showTracking: false,\n                    trackingUrl: ''\n                },\n\n                courier: {\n                    consignmentNumber: '',\n                    podName: '',\n                    podDate: '',\n                    podTime: '',\n                    additionalRef: '', //currently CustRef2\n                    value: '' // including currency\n                }\n            },\n\n            this.warehouseHeaders = [\n                // {\n                //     id: '1',\n                //     warehouseRef: 'PAUL4343',\n                //     cube: '43477',\n                //     supplier: 'Supplier',\n                //     customerRef: 'Cust Ref',\n                //     pieces: '3443',\n                //     grossWeight: '2322.00'\n                // },\n                // {\n                //     id: '2',\n                //     warehouseRef: 'KNOBS',\n                //     cube: '223477',\n                //     supplier: 'Supplier',\n                //     customerRef: 'Cust Ref',\n                //     pieces: '123443',\n                //     grossWeight: '2322.00'\n                // },\n\n\n            ],\n\n            this.warehouseItems = [],\n\n            this.containers = [\n                {\n                    sealNumber: '',\n                    description: '',\n                    nop: '',\n                    grossWeight: '',\n                    cube: '',\n                    releaseRef: '',\n                    depotDate: '',\n                    reference: '',\n                    deliveryDate: '',\n                    loadingTime: ''\n                }\n            ],\n\n            this.collectionAndDelivery =  [\n                {\n                    noteType: '',\n                    customerRef: '',\n                    deliveryDate: '',\n                    status: '', // not showing on screen grab ??  (line 493, job details)\n                    bookingRef: '',\n                    company: '',\n                    nop: '',\n                    weight: '',\n                    description: '',\n                    marksAndNumbers: '',\n                    PODName: '',\n                    PODDate: ''\n                }\n            ],\n\n            this.customs = [\n                // {\n                //     entryNumber: '',\n                //     entryDate: '',\n                //     mrn: ''\n                // }\n            ]\n\n\n\n    }\n\n}\n\n\n","import GridColumn from \"@/classes/component-classes/GridColumn\";\nimport {ViewShipment} from \"@/classes/viewmodels/ViewShipment\";\n\nexport default class Shipments {\n    constructor() {\n\n        this.modes = {\n\n            select: '+/-',\n            air: 'Air',\n            road: 'Road',\n            sea: 'Sea',\n            rail: 'Rail',\n            courier: 'Courier',\n            other: 'Other'\n        }\n\n        this.shipmentGridCurrentPage = {\n\n            air: 1,\n            road: 1,\n            sea: 1,\n            rail: 1,\n            courier: 1,\n            other: 1\n        }\n\n        this.shipmentGridCurrentPaginationPage = {\n\n            air: 1,\n            road: 1,\n            sea: 1,\n            rail: 1,\n            courier: 1,\n            other: 1\n        }\n\n        this.shipmentsData = {\n\n            air: [],\n            road: [],\n            sea: [],\n            rail: [],\n            courier: [],\n            other: []\n\n        }\n\n        this.activeShipmentTabs = {\n\n            air: {name: 'Air', active: true},\n            road:{name: 'Road', active: true},\n            sea: {name: 'Sea', active: true},\n            rail: {name: 'Rail', active: true},\n            courier: {name: 'Courier', active: true},\n            other: {name: 'Other', active: true},\n\n        }\n\n        this.shipmentDocs = [];\n        this.shipmentDocsDrawer = false;\n        this.selectedShowShipmentsTab = '';\n        this.currentDefaultTab = '';\n        this.currentModeDataLength = null;\n        this.showingShipmentSearchData = false;\n        this.shipmentsSearchTerm = '';\n        this.selectedViewShipmentTab = 'Detailed Information';\n        this.warehousePicksModal = false;\n        this.showShipmentsDataFilterType = 'All';\n        this.currentPaginationRange = 1;\n\n        this.viewShipment = new ViewShipment(); //allows ability to new up and empty the screen, on data load error\n\n        // End View Shipment Data\n\n        this.collectionDelivery = {\n\n            gridColumns: [\n\n                new GridColumn('1','Note Type', 'noteType', '100', true),\n                new GridColumn('2','Cust Ref', 'customerRef', '180', true, false, 20),\n                new GridColumn('3','Delivery', 'deliveryDate', '60', true),\n                new GridColumn('4','Booking Ref', 'bookingRef', '160', true),\n                new GridColumn('5','Company', 'company', '200', true, false, 24),\n                new GridColumn('6','Pieces', 'nop', '35', true),\n                new GridColumn('7','Weight', 'weight', '60', true)    ,\n                new GridColumn('8','Description', 'description', '300', true, false, 45),\n                new GridColumn('9','Marks & Numbers', 'marksAndNumbers', '240', true, false, 35),\n                new GridColumn('10','Pod Name', 'podName', '160', true, false, 20),\n                new GridColumn('11','Pod Date', 'podDate', '60', true),\n                new GridColumn('12','Status', 'statusMilestone', '100', false, true, 12),\n\n            ]\n        }\n\n        this.containers = {\n\n            gridColumns: [\n                new GridColumn('1','Container Number - Type', 'container', '180', true),\n                new GridColumn('2','Seal Number', 'sealNumber', '120', true),\n                new GridColumn('3','', 'tracking', '78', true),\n                new GridColumn('4','Goods Description', 'description', '300', true, false, 50),\n                new GridColumn('6','Pieces', 'nop', '35', true),\n                new GridColumn('7','Gross Weight', 'grossWeight', '80', true),\n                new GridColumn('8','Cube', 'cube', '80', true, false, 45),\n                new GridColumn('9','Release Ref', 'releaseRef', '240', true, false, 35),\n                new GridColumn('10','Release Date', 'depotDate', '80', true, false, 9),\n                new GridColumn('11','Reference', 'reference', '280', true),\n                new GridColumn('12','Loading Date', 'deliveryDate', '80', true, true, 12),\n                new GridColumn('13','Loading Time', 'loadingTime', '70', true, true, 12),\n\n            ],\n\n        }\n\n        this.customs = {\n\n            gridColumns: [\n\n                new GridColumn('1','Entry Number / MRN ', 'mrn', '440', true, false, 60),\n                new GridColumn('2','Entry Date', 'entryDate', '80', true, true, 10),\n                new GridColumn('3','Cleared Customs', 'customsClearance', '85', true, true, 10),\n            ]\n        }\n\n        this.warehouseShipmentDetail = {\n\n            gridColumns: [\n                new GridColumn('1', '', 'viewPick', '78', true, false ),\n                new GridColumn('2', '', 'moreDetail', '78', true, true ),\n                new GridColumn('3', 'Warehouse Ref', 'warehouseRef', '340', true, false, 30),\n                new GridColumn('5', 'Supplier', 'supplier', '485', true, true, 50),\n                new GridColumn('6', 'Customer Ref', 'customerRef', '320', true, false, 40),\n                new GridColumn('7', 'Items', 'pieces', '80', true, true, 10),\n                new GridColumn('8', 'Gross Weight', 'grossWeight', '185', true, true, 10),\n                new GridColumn('4', 'Cube', 'cube', '120', true, true, 10),\n\n            ],\n\n        }\n\n\n        this.warehousePicks = {\n\n            gridColumns: [\n\n                new GridColumn('1', 'SKU Group', 'skuGroup', '240', true, false, 50),\n                new GridColumn('2', 'SKU Number', 'skuNumber', '180', true, true, 10),\n                new GridColumn('3', 'SKU Name', 'skuName', '285', true, true, 10),\n                new GridColumn('4', 'Comments', 'skuComments', '310', true, false, 40),\n                new GridColumn('5', 'Quantity', 'quantity', '50', true, true, 10),\n                new GridColumn('6', 'Group Headings (Hover For More Details)', 'skuProperties', '420', true, true, 10),\n\n            ],\n\n            selectedShipmentItem: {},\n\n            dummyData: [\n                {\n                    id: '1',\n                    skuGroup: 'Technical Balls',\n                    skuNumber: '12226343',\n                    skuName: 'Bouncy Items',\n                    quantity: '23',\n                    comments: 'Comments',\n\n                    skuProperties: {\n                        descOne: {\n                            heading: 'Some Large Desc Heading',\n                            value: '34'\n                        },\n                        descTwo: {\n                            heading: 'Color',\n                            value: 'Red'\n                        },\n                        descThree: {\n                            heading: 'Lot Number',\n                            value: '4LOT55789'\n                        },\n                        descFour: {\n                            heading: 'Alfa Bazzarre',\n                            value: 'POYY6654RRE4789'\n                        },\n                        descFive: {\n                            heading: 'Teeth Maluversion Compound',\n                            value: 'Chemical pollution stats'\n                        },\n                        descSix: {\n                            heading: 'Other',\n                            value: 'Fat Boy Slim'\n                        },\n\n                        skuDescription: 'Whatever you want',\n\n                    }\n                },\n\n                {\n                    id: '2',\n                    skuGroup: 'Technical Balls',\n                    skuNumber: 'LOTeAA3',\n                    skuName: 'Bouncy Items',\n                    skuDescription: 'Whatever you want',\n                    quantity: '12',\n                    comments: 'Comments',\n\n                    skuProperties: {\n                        descOne: {\n                            heading: 'Lot Number',\n                            value: ''\n                        },\n                        descTwo: {\n                            heading: 'Bar Code',\n                            value: ''\n                        },\n                        descThree: {\n                            heading: 'Size',\n                            value: 'Large'\n                        },\n                        descFour: {\n                            heading: 'Lot Number',\n                            value: '4LOT55789'\n                        },\n                        descFive: {\n                            heading: 'Teeth Maluversion Compound',\n                            value: 'Chemical pollution stats'\n                        },\n                        descSix: {\n                            heading: 'Best Before',\n                            value: '31-Jan-24'\n                        },\n\n                        skuDescription: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.' +\n                            'and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',\n                    }\n                },\n\n                {\n                    id: '2',\n                    skuGroup: 'Technical Balls',\n                    skuNumber: 'AASSSS6343',\n                    skuName: 'Bouncy Items',\n                    quantity: '6',\n                    comments: 'Comments',\n                    skuProperties: {\n                        descOne: {\n                            heading: 'Size',\n                            value: 'medium'\n                        },\n                        descTwo: {\n                            heading: 'Collar Type',\n                            value: 'Massive'\n                        },\n                        descThree: {\n                            heading: 'Size',\n                            value: 'Small'\n                        },\n                        descFour: {\n                            heading: 'Lot Number',\n                            value: '4LOT55789'\n                        },\n                        descFive: {\n                            heading: 'Teeth Maluversion Compound',\n                            value: 'Chemical pollution stats'\n                        },\n                        descSix: {\n                            heading: 'Other',\n                            value: 'Fat Boy Slim'\n                        },\n\n                        skuDescription: 'Whatever you want',\n                    }\n                }\n            ]\n\n        }\n\n\n        this.shipmentErrorLogs = [];\n\n    }\n\n}\n","import script from \"./LoadingSpinner.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoadingSpinner.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoadingSpinner.vue?vue&type=style&index=0&id=4cd8e907&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4cd8e907\"]])\n\nexport default __exports__","export default class ShipmentSearchColumns {\n\n    securityId = '';\n    mode = '';\n    columns = [];\n\n\n\n}\n","\n<script>\n\n</script>\n\n<template>\n  <div  id=\"Vue-3-component-no-data-found-banner\" class=\"data-error-message-wrapper\">\n    <div class=\"data-error-message\"><i class=\"fa-solid fa-database\" style=\"margin-right:5px; color: #3cb5d7;\"></i>\n      <div>\n        <slot></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.data-error-message-wrapper {\n  background: #ffffff;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n}\n\n.data-error-message {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  width: 360px;\n  margin: 10px auto;\n  background: #f6f6f6;\n  border-radius: 20px;\n  font-size: 20px;\n  color: #111111;\n  /*border-radius: 20px;*/\n  /*height: 40px;*/\n  /*background: var(--side-menu-color);*/\n  /*color: var(--side-menu-text-color);*/\n  /*font-size: 14px;*/\n  /*width: max-content;*/\n  /*padding: 0 20px 0 20px;*/\n  /*justify-content: center;*/\n  /*align-items: center;*/\n  /*display: flex;*/\n}\n\n</style>\n","import { render } from \"./NoDataFoundBanner.vue?vue&type=template&id=e2f20614&scoped=true\"\nconst script = {}\n\nimport \"./NoDataFoundBanner.vue?vue&type=style&index=0&id=e2f20614&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e2f20614\"]])\n\nexport default __exports__","import script from \"./DateInformationTooltip.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DateInformationTooltip.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DateInformationTooltip.vue?vue&type=style&index=0&id=1c126e54&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1c126e54\"]])\n\nexport default __exports__","export function useDownloadLocalFile(response) {\n\n    const link = document.createElement('a');\n\n    link.href = window.URL.createObjectURL(new Blob([response.data]));\n\n    let getPartialFilename = response.headers['content-disposition'].split(\"filename=\");\n    let fileName = getPartialFilename[1].split(\";\")[0];\n\n    link.setAttribute('download', fileName);\n\n    document.body.appendChild(link);\n\n    link.click();\n}\n","import axios from \"axios\";\nimport Notification from \"@/classes/component-classes/Notification\";\n\nexport function useGetDocumentsList(id, route, store, shipments) {\n\n    let mode = shipments.selectedShowShipmentsTab ? shipments.selectedShowShipmentsTab : route.params.mode\n\n    axios.get('Shipments/documents', {\n\n        params: {\n            owner:  store.state.owner,\n            shipmentId: id,\n            mode: mode\n        }\n    }).then((response) => {\n\n        store.state.hideLoadingSpinner = true;\n        shipments.shipmentDocs = response.data\n\n    }).catch(function (error) {\n\n        store.state.hideLoadingSpinner = true;\n        store.state.banners.error = new Notification(true, 'Could Not Retrieve Documents')\n\n    });\n\n    shipments.shipmentDocsDrawer = true;\n\n}\n","import store from \"@/store/index\"\nimport Notification from \"@/classes/component-classes/Notification\";\n\nimport axios from \"axios\";\nimport { ApplicationInsights } from '@microsoft/applicationinsights-web'\n\nexport default {\n\n    async getCompanyDetail(id, route) {\n\n        const response = await axios.get(`api/Company/${id}`, {\n\n            params: {\n\n                owner: store.state.owner,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async getCompanyToEdit(route, section, mode = null) {\n\n        const response = await axios.get(`Shipment/${section}/${route.params.id}`, {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                mode: mode\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data To Edit');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async getShipperMetaData(route, validationSection) {\n\n        let checkForMode = route.params.section;\n\n        if(checkForMode === 'freightBooking' || checkForMode === 'courierBooking') checkForMode = null;\n\n        const response = await axios.get('Shipment/metadata', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userId: store.state.userSettings.userId,\n                validationPageKey: validationSection,\n                mode: checkForMode\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async getPortsByCode(route, searchTerm, isIata) {\n\n        const response = await axios.get('api/Ports/search', {\n\n            params: {\n\n                owner: store.state.owner,\n                searchTerm: searchTerm,\n                mode:route.params.section,\n                isIataSearch: isIata\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async getShipperListByAccount(route) {\n\n        const response = await axios.get('api/Company/account/shippers', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userId: store.state.userSettings.userId,\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async getConsigneeListByAccount(route) {\n\n        const response = await axios.get('api/Company/account/consignees', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userId: store.state.userSettings.userId,\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async searchCompanyByType(route, searchValue, searchType) {\n\n        const response = await axios.get(`api/Company/search/${searchType}`, {\n\n            params: {\n\n                searchTerm: searchValue,\n                userId: store.state.userSettings.userId,\n                owner:  store.state.owner,\n                account: store.state.userSettings.account\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n\n    async saveAddress(tile, section, route) {\n\n        const response = await axios.post(`api/Company/${tile}`, section, {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userId: store.state.userSettings.userId,\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'The Data Has Not Been Saved');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async getChargeableWeight(dims, weightType, route) {\n\n        const response = await axios.post('/Shipment/calculate/chargeableweight', dims, {\n\n            params: {\n\n                owner: store.state.owner,\n                weightType: weightType\n            }\n\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'Chargeable Weight Could Not Be Calculated');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async saveBooking(model, bookingType, route, mode = null) {\n\n        const freightBookingParams = {\n            owner: store.state.owner,\n            account: store.state.userSettings.account,\n            userId: store.state.userSettings.userId,\n            mode: mode\n        }\n\n        const courierBookingParams = {\n            owner: store.state.owner,\n            account: store.state.userSettings.account,\n            userId: store.state.userSettings.userId,\n            validationPageKey: 'courierBookingValidatedFields'\n        }\n\n        let setParams = '';\n\n        bookingType === 'freightBooking' ? setParams = freightBookingParams : setParams = courierBookingParams\n\n        const response = await axios.post(`Shipment/${bookingType}`, model, {\n\n            params: setParams\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Save The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async getExcelFile(searchTerm, route) {\n\n        const response = await axios.get('Shipments/Search/excel', {\n\n            responseType: 'blob',\n            params: {\n\n                accountNumber: store.state.userSettings.account,\n                owner: store.state.owner,\n                searchTerm: searchTerm,\n                userSecurityId: store.state.userSettings.userId\n            }\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'Could Not Perform Download')\n\n        });\n\n        return response ? response : null;\n    },\n\n\n    async getShipments(route, type = 'All') {\n\n        const response = await axios.get('Shipments/Search/', {\n\n            params: {\n\n                accountNumber: store.state.userSettings.account,\n                owner: store.state.owner,\n                userSecurityId: store.state.userSettings.userId,\n                typeFilter: type\n            }\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async getShipmentData(route) {\n\n        const response = await axios.get(`shipment/${route.params.mode}/${route.params.id}`, {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userSecurityId: store.state.userSettings.userId,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n            store.state.hideLoadingSpinner = true;\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async searchShipments(searchTerm, route, type) {\n\n        const response = await axios.get('Shipments/Search/omni', {\n\n            params: {\n\n                searchTerm: searchTerm,\n                accountNumber: store.state.userSettings.account,\n                owner: store.state.owner,\n                userSecurityId: store.state.userSettings.userId,\n                typeFilter: type\n            }\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'Could Not Retrieving The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async saveGridColumns(gridColumns) {\n\n        const response = axios.post('User/shipments/set/columns', gridColumns).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'The Data Has Not Been Saved');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async resetGridColumns(mode) {\n\n        const response = await axios.get('User/shipments/reset/columns', {\n\n            params: {\n\n                securityId: store.state.userSettings.userId,\n                mode: mode\n            }\n\n        }).catch(function (error) {\n\n            store.state.hideLoadingSpinner = true;\n            store.state.banners.error = new Notification(true, 'Could Not Reset The Columns');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async getWarehouseStock(route) {\n\n        const response = await axios.get('Stock/warehouses', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async getWarehouseItems(route, warehouseRef) {\n\n        const response = await axios.get('Warehouse/items', {\n\n            params: {\n\n                owner: store.state.owner,\n                warehouseJobNumber: warehouseRef,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async getLatestStock(route) {\n\n        const response = await axios.get('Stock/checkstock', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n\n    async getStockLines(route, rowId, searchCriteria) {\n\n        const response = await axios.post('Stock/checkstock/lines', searchCriteria, {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                skuId: rowId\n\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async searchStock(route, searchCriteria, url) {\n\n        const response = await axios.post(`Stock/${url}/search`, searchCriteria, {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n    },\n\n    async getStockMetaData(route, validationSection) {\n\n        const response = await axios.get('Stock/metadata', {\n\n            params: {\n\n                owner: store.state.owner,\n                account: store.state.userSettings.account,\n                userId: store.state.userSettings.userId,\n                validationPageKey: validationSection,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n    async getStockDescriptions(route, stockCode) {\n\n        const response = await axios.get('Stock/descriptions', {\n\n            params: {\n\n                stockCode: stockCode,\n                account: store.state.userSettings.account,\n                owner: store.state.owner,\n            }\n\n        }).catch(function (error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Retrieve The Data');\n\n        });\n\n        return response ? response.data : null;\n\n    },\n\n    async getUserInfoById(userId) {\n\n        const response =  axios.get('User/' + userId, {}).catch(function(error) {\n\n            console.log(`Method: getUserInfoById. User Id: ${userId} Error: ${error}`);\n\n            let appInsights = new ApplicationInsights({ config: {\n                    connectionString: 'InstrumentationKey=5ad06641-dc1a-427e-af43-df60fabd94de;IngestionEndpoint=https://uksouth-1.in.applicationinsights.azure.com/;LiveEndpoint=https://uksouth.livediagnostics.monitor.azure.com/',\n                    /* ...Other Configuration Options... */\n                    //loggingLevelConsole: 2,\n\n                } });\n\n            appInsights.loadAppInsights(false);\n\n            appInsights.trackException({exception: new Error(error  )});\n\n            let errorPage = document.getElementById('error')\n            errorPage.style.cssText += \"visibility: visible\"\n\n        });\n\n        return response;\n    },\n\n    async saveShowShipmentsTabConfiguration(saveObject) {\n\n        const response =  axios.post('User/shipments/set/tabs', saveObject).catch(function(error) {\n\n            store.state.banners.error = new Notification(true, 'Could Not Save Tab Configuration');\n\n        });\n\n        return response;\n    }\n\n\n}\n","<script setup>\n// Components\nimport SearchToolbar from \"@/components/shipments/SearchToolbar\";\nimport GridModeDataNotification from \"@/components/shipments/GridModeDataNotification\";\nimport GridCellDetail from \"@/components/common/other/GridCellDetail\";\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport StickyGrid from \"@/components/common/other/StickyGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport Tabs from \"@/components/common/navigation/tabs/Tabs\";\nimport TabsContent from \"@/components/common/navigation/tabs/TabsContent\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\nimport HelpBanner from \"@/components/common/other/HelpBanner\"\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\"\nimport Shipments from \"@/classes/viewmodels/Shipments\";\nimport LoadingSpinner from \"@/components/common/other/LoadingSpinner\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport ShipmentSearchColumns from \"@/classes/global/ShipmentSearchColumns\";\nimport NoDataFoundBanner from \"@/components/shipments/NoDataFoundBanner\";\nimport DateInformationTooltip from \"@/components/common/other/DateInformationTooltip\";\n\n// Vue setup script imports\nimport {inject, onMounted, ref, computed, watch, reactive, toRefs, onBeforeMount} from 'vue'\nimport {useRouter} from 'vue-router';\n\n// Class Imports\nimport Validation from \"@/classes/global/Validation\";\n\n// Usings\nimport {useStore} from 'vuex';\nimport {useRoute} from \"vue-router\";\nimport {useDownloadLocalFile} from \"@/composables/common/useDownloadLocalFile\";\nimport {useGetDocumentsList} from \"@/composables/common/useGetDocumentsList\";\nimport axios from 'axios';\nimport API from \"@/classes/global/API\";\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\n\n// Constants\nconst validationViewModel = inject('validationViewModel');\nconst shipments = inject(\"shipments\");\n\nconst store = useStore();\nconst route = useRoute();\nconst router = useRouter();\nconst shipmentModes = new Shipments().modes\n\nconst searchValidation = ref(new Validation('3', false));\n\n\n// Hard time getting this to work any other way, to keep reacive props for the tab dataBadge. Needs the computed!!\nconst airData = reactive({air: null, road: null, sea: null, rail: null, courier: null, other: null});\nconst {air, road, sea, rail, courier, other} = toRefs(airData)\n\nconst getAirLength = computed(() => {\n  return air\n});\nconst getRoadLength = computed(() => {\n  return road\n});\nconst getSeaLength = computed(() => {\n  return sea\n});\nconst getRailLength = computed(() => {\n  return rail\n});\nconst getCourierLength = computed(() => {\n  return courier\n});\nconst getOtherLength = computed(() => {\n  return other\n});\n\nlet tabRenderSeed = ref(0);\n\nlet tabRenderSeedComplete = true;\n\n\nonMounted(() => {\n\n  if (shipments.value.shipmentsSearchTerm) searchShipments();\n\n  if (!shipments.value.shipmentsSearchTerm) {\n    shipments.value.showingShipmentSearchData = false;\n    getShipmentsData();\n\n  }\n\n  if (!shipments.value.selectedShowShipmentsTab) {\n\n    shipments.value.selectedShowShipmentsTab = store.state.userSettings.showShipmentsTabSettings.default;\n\n    // Set a place for holding the value for reseting radio button to current default if a tab is turned off when user\n    // is using the tab config menu\n    shipments.value.currentDefaultTab = shipments.value.selectedShowShipmentsTab;\n\n  }\n\n})\n\nfunction getCorrectDate(date) {\n\n  if (date.actual === '') return date.est\n  return date.actual\n}\n\nfunction saveGridColumns(colWidth) {\n\n  let searchShipmentColumns = new ShipmentSearchColumns();\n\n  searchShipmentColumns.securityId = store.state.userSettings.userId;\n  searchShipmentColumns.mode = shipments.value.selectedShowShipmentsTab;\n  searchShipmentColumns.columns = store.state.userSettings.searchShipmentColumns[shipments.value.selectedShowShipmentsTab.toLowerCase()];\n\n  const response = API.saveGridColumns(searchShipmentColumns);\n\n  if (response) {\n\n    store.state.hideLoadingSpinner = true;\n    //prevent save banner from showing after column size change\n    if(colWidth !== true)\n    store.state.banners.success = new Notification(true, 'Column Configuration Saved Successfully')\n  }\n\n}\n\nfunction resetGridColumns() {\n\n  const response = API.resetGridColumns(shipments.value.selectedShowShipmentsTab);\n\n  if (response) {\n\n    store.state.hideLoadingSpinner = true;\n    store.state.banners.success = new Notification(true, 'Columns Reset Successfully')\n  }\n\n}\n\nfunction handleSearchFiltering() {\n\n  if (shipments.value.shipmentsSearchTerm) searchShipments();\n\n  refreshData();\n\n}\n\nfunction prepareSearch() {\n\n  if (shipments.value.shipmentsSearchTerm) searchShipments();\n  if (!shipments.value.shipmentsSearchTerm) searchValidation.value.value = true;\n}\n\nfunction clearValidation() {\n\n  searchValidation.value.value = false;\n}\n\nfunction refreshData() {\n\n  if (shipments.value.shipmentsSearchTerm) searchShipments();\n\n  // Logic to ensure pagination does not reset to page 1 during refresh of searched data\n  // Only reset if the search term is cleared going back to 90 days of data.\n  // We know if the showingShipmentSearchData flag is true at this point, it must have been a search.\n  // This prevents the pagination refresh when not using search.\n  if (!shipments.value.shipmentsSearchTerm && shipments.value.showingShipmentSearchData === true) {\n\n    shipments.value.showingShipmentSearchData = false;\n\n    resetGridPagination();\n\n    getShipmentsData();\n\n  } else if (!shipments.value.shipmentsSearchTerm) {\n\n    getShipmentsData()\n  }\n}\n\nasync function searchShipments() {\n\n  if(shipments.value.selectedShowShipmentsTab !== '+/-') {\n\n    const selectedMode = shipments.value.selectedShowShipmentsTab.toLowerCase();\n\n    // Get current data set length to use for logic when maintianing state for pagination (Reset to page 1 if is new search)\n    shipments.value.currentModeDataLength = shipments.value.shipmentsData[selectedMode].length;\n\n    searchValidation.value.value = false;\n    shipments.value.showingShipmentSearchData = true;\n    store.state.hideLoadingSpinner = false;\n\n    const response = await API.searchShipments(shipments.value.shipmentsSearchTerm, route, shipments.value.showShipmentsDataFilterType)\n\n    if (response) {\n\n      store.state.hideLoadingSpinner = true;\n\n      try {\n\n        if (response[selectedMode].data.length !== shipments.value.currentModeDataLength) resetGridPagination();\n\n        mapShipmentData(response)\n\n      } catch (error) {\n\n        // TODO Log Error\n      }\n\n\n    }\n\n  }\n\n}\n\nfunction resetGridPagination() {\n\n  for (let page in shipments.value.shipmentGridCurrentPage) {\n    shipments.value.shipmentGridCurrentPage[page] = 1\n  }\n  ;\n\n  for (let page in shipments.value.shipmentGridCurrentPaginationPage) {\n    shipments.value.shipmentGridCurrentPaginationPage[page] = 1\n  }\n\n}\n\nasync function getShipmentsData() {\n\n  if (shipments.value.showingShipmentSearchData === false) {\n\n    store.state.hideLoadingSpinner = false;\n\n    const response = await API.getShipments(route, shipments.value.showShipmentsDataFilterType);\n\n    if (response) {\n\n      store.state.hideLoadingSpinner = true;\n\n      mapShipmentData(response);\n\n    }\n\n  }\n\n}\n\nasync function downloadToExcel() {\n\n  const response = await API.getExcelFile(shipments.value.shipmentsSearchTerm, route);\n\n  if (response) {\n\n    store.state.hideLoadingSpinner = true;\n\n    useDownloadLocalFile(response);\n\n  }\n\n}\n\nfunction mapShipmentData(response) {\n\n  shipments.value.shipmentsData.air = response.air.data;\n  airData.air = response.air.data.length;\n  shipments.value.shipmentsData.road = response.road.data;\n  airData.road = response.road.data.length;\n  shipments.value.shipmentsData.sea = response.sea.data;\n  airData.sea = response.sea.data.length;\n  shipments.value.shipmentsData.rail = response.rail.data;\n  airData.rail = response.rail.data.length;\n  shipments.value.shipmentsData.courier = response.courier.data;\n  airData.courier = response.courier.data.length;\n  shipments.value.shipmentsData.other = response.other.data;\n  airData.other = response.other.data.length;\n}\n\nfunction getBookingType(row) {\n\n  if (shipments.value.selectedShowShipmentsTab === 'Other' || shipments.value.selectedShowShipmentsTab === 'Courier') {\n\n    let section;\n\n    if (shipments.value.selectedShowShipmentsTab === 'Other') section = 'freightBooking';\n    if (shipments.value.selectedShowShipmentsTab === 'Courier') section = 'courierBooking';\n\n    router.push({name: 'booking', params: {owner: store.state.owner, section: section, id: row.grid.id}});\n\n  } else {\n\n    router.push({\n      name: 'prejob',\n      params: {owner: store.state.owner, section: shipments.value.selectedShowShipmentsTab, id: row.grid.id}\n    });\n  }\n\n}\n\nfunction handleTrackingLink(url) {\n\n  window.open(url);\n}\n\n\nfunction handleTabSelection(tab) {\n\n  if (tab === store.state.userSettings.showShipmentsTabSettings.default) {\n\n    shipments.value.activeShipmentTabs[tab.toLowerCase()].active =\n        !shipments.value.activeShipmentTabs[tab.toLowerCase()].active\n\n  }\n\n}\n\nfunction handleRadioButton(button) {\n  if(!shipments.value.activeShipmentTabs[button.toLowerCase()].active) {\n\n    store.state.userSettings.showShipmentsTabSettings.default = shipments.value.currentDefaultTab;\n  }\n\n}\n\nfunction handleTabConfigSave() {\n\n  store.state.userSettings.showShipmentsTabSettings.air = shipments.value.activeShipmentTabs.air.active;\n  store.state.userSettings.showShipmentsTabSettings.road = shipments.value.activeShipmentTabs.road.active;\n  store.state.userSettings.showShipmentsTabSettings.sea = shipments.value.activeShipmentTabs.sea.active;\n  store.state.userSettings.showShipmentsTabSettings.rail = shipments.value.activeShipmentTabs.rail.active;\n  store.state.userSettings.showShipmentsTabSettings.courier = shipments.value.activeShipmentTabs.courier.active;\n  store.state.userSettings.showShipmentsTabSettings.other = shipments.value.activeShipmentTabs.other.active;\n\n  const saveObject = {\n\n    securityId: store.state.userSettings.userId,\n    showShipmentsTabSettings: store.state.userSettings.showShipmentsTabSettings\n\n  }\n\n  const response = API.saveShowShipmentsTabConfiguration(saveObject);\n\n  if (response) {\n\n    shipments.value.currentDefaultTab = store.state.userSettings.showShipmentsTabSettings.default\n    tabRenderSeed.value ++;\n    store.state.banners.success = new Notification(true, 'Tab Config Saved Successfully');\n\n  }\n\n}\n\nfunction viewSelectedShipment(rowId) {\n\n  store.state.hideLoadingSpinner = false;\n\n  try {\n\n    router.push({ name: 'viewshipment', params: { owner: store.state.owner, mode: shipments.value.selectedShowShipmentsTab, id: rowId }})\n\n  } catch (error) {\n\n    store.state.hideLoadingSpinner = true;\n  }\n\n}\n\n</script>\n\n<template class=\"cmp-shipments\">\n  <LoadingSpinner :hide=\"store.state.hideLoadingSpinner\"></LoadingSpinner>\n  <SearchToolbar>\n    <div class=\"cmp-shipments_toolbar\">\n      <StaticTooltip>\n        <template #content>\n          <strong>Searches Will Include The Following Criteria For All Modes!</strong>\n          <div style=\"padding-top: 6px;\">AWB Number, House Number, Bill Of Lading (BOL)</div>\n          <div style=\"padding-top: 4px;\">Container Number, Job Reference, Customer Reference</div>\n        </template>\n        <i class=\"fa-solid fa-circle-info icon-info\"></i>\n      </StaticTooltip>\n      <TextInput\n          data-cy=\"txtSearchShipment\"\n          :width=\"280\"\n          ref=\"searchInputRef\"\n          placeholder=\"Search...\"\n          :clearable=\"true\"\n          :validation-text=\"validationViewModel.validationMessages\"\n          :validation-fail=\"searchValidation\"\n          @keydown.enter=\"searchShipments()\"\n          @focus=\"clearValidation\"\n          v-model=\"shipments.shipmentsSearchTerm\"\n          label=\"Search Shipments\">\n      </TextInput>\n      <i class=\"fa-duotone fa-square-arrow-right cmp-shipments_search-icon\"\n         @mouseout=\"clearValidation\"\n         @click=\"prepareSearch\"\n         @focusout=\"clearValidation\">\n      </i>\n      <Button\n          data-cy=\"btnRefreshSearchShipment\"\n          @click=\"refreshData\"\n          text=\"Refresh\" type=\"toolbar\"\n          style=\"margin-right: 8px;\">\n      </Button>\n      <StaticTooltip>\n        <template #content>\n          <span><strong>Refresh</strong> Retrieves The Latest Data</span>\n          <div style=\"padding: 4px 0 0 14px;\">Including Any Search Results</div>\n        </template>\n        <div><i class=\"fa-solid fa-circle-info icon-info\"></i></div>\n      </StaticTooltip>\n    </div>\n    <div class=\"cmp-shipments_filter-section\">\n          <div style=\"margin-right: 10px; font-size: 13px;\">Filter By:</div>\n      <input type=\"radio\" name=\"shipmentfilters\" id=\"All\" value=\"All\" @change=\"handleSearchFiltering()\"\n             v-model=\"shipments.showShipmentsDataFilterType\" title=\"Includes Bookings & Jobs\"/>\n      <label for=\"All\">All</label>\n      <input type=\"radio\" name=\"shipmentfilters\" id=\"Bookings\" value=\"Bookings\" @change=\"handleSearchFiltering()\"\n             v-model=\"shipments.showShipmentsDataFilterType\" title=\"Show Bookings Only\"/>\n      <label for=\"Bookings\">Bookings</label>\n      <input type=\"radio\" name=\"shipmentfilters\" id=\"Jobs\" value=\"Jobs\" @change=\"handleSearchFiltering()\"\n             v-model=\"shipments.showShipmentsDataFilterType\" title=\"Show All Active Jobs Only\"/>\n      <label for=\"Jobs\">Jobs</label>\n    </div>\n    <div class=\"cmp-shipments_data-search-message\">\n      <i class=\"fa-solid fa-database\" style=\"color: #69b0cb\"></i>\n      <span v-if=\"!shipments.showingShipmentSearchData\"> Showing <strong style=\"color: #ab3939\">90 Days Data</strong> For: </span>\n      <span v-else> Showing <strong style=\"color: #ab3939\">All Data</strong> For: </span>\n      <span v-if=\"shipments.selectedShowShipmentsTab !== '+/-'\" style=\"font-weight: bold;\"> {{shipments.selectedShowShipmentsTab}}</span>\n    </div>\n    <div class=\"cmp-shipments_toolbar\">\n        <Button\n            data-cy=\"btnExcelDownload\"\n            @click=\"downloadToExcel\"\n            text=\"Export\"\n            title=\"Export Data For All Modes\"\n            type=\"success\"\n            style=\"margin-right: 8px;\">\n        </Button>\n    </div>\n  </SearchToolbar>\n  <Tabs v-model:selectedTab=\"shipments.selectedShowShipmentsTab\" :key=\"tabRenderSeed\">\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.air\"\n        icon=\"fa-regular fa-plane\"\n        :name=\"shipments.modes.air\"\n        :badgeData=\"getAirLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          v-if=\"shipments.shipmentsData.air.length > 0\"\n          :key=\"shipments.shipmentsData.air.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.air\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.air\"\n          :selectable=\"false\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.air\"\n          :dataSource=\"shipments.shipmentsData.air\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              data-cy=\"btnViewShipment\"\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnEditShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:trackJob=\"row\">\n          <Button\n              v-if=\"store.state.userSettings.showAirTrackingLink\"\n              :disabled=\"!row.grid.trackingUrl\"\n              data-cy=\"btnTrackShipment\"\n              @click=\"handleTrackingLink(row.rowData.trackingUrl)\"\n              type=\"secondary\"\n              text=\"TRACK\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             data-cy=\"btnViewDocuments\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Air</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.road\"\n        icon=\"fa-regular fa-truck\"\n        :name=\"shipments.modes.road\"\n        :badgeData=\"getRoadLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          v-if=\"shipments.shipmentsData.road.length > 0\"\n          :key=\"shipments.shipmentsData.road.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.road\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.road\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.road\"\n          :dataSource=\"shipments.shipmentsData.road\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnViewShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Road</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.sea\"\n        icon=\"fa-regular fa-ship\"\n        :name=\"shipments.modes.sea\"\n        :badgeData=\"getSeaLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          :key=\"shipments.shipmentsData.sea.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-if=\"shipments.shipmentsData.sea.length > 0\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.sea\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.sea\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.sea\"\n          :dataSource=\"shipments.shipmentsData.sea\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnViewShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:trackJob=\"row\">\n          <Button\n              v-if=\"store.state.userSettings.showSeaTrackingLink\"\n              :disabled=\"!row.grid.trackingUrl\"\n              data-cy=\"btnViewShipment\"\n              @click=\"handleTrackingLink(row.rowData.trackingUrl)\"\n              type=\"secondary\"\n              text=\"TRACK\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:closing=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.closing.est || row.grid.closing.actual\"\n              v-model:cellColor=\"row.grid.closing.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.closing.est\"\n                  :estTime=\"row.grid.closing.estimatedTime\"\n                  :actualDate=\"row.grid.closing.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.closing) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Sea</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.rail\"\n        icon=\"fa-regular fa-train\"\n        :name=\"shipments.modes.rail\"\n        :badgeData=\"getRailLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          :key=\"shipments.shipmentsData.rail.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-if=\"shipments.shipmentsData.rail.length > 0\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.rail\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.rail\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.rail\"\n          :dataSource=\"shipments.shipmentsData.rail\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnViewShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Rail</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.courier\"\n        icon=\"fa-regular fa-truck-fast\"\n        :name=\"shipments.modes.courier\"\n        :badgeData=\"getCourierLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          :key=\"shipments.shipmentsData.courier.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-if=\"shipments.shipmentsData.courier.length > 0\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.courier\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.courier\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.courier\"\n          :dataSource=\"shipments.shipmentsData.courier\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnViewShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:trackJob=\"row\">\n          <Button\n              v-if=\"store.state.userSettings.showAirTrackingLink\"\n              :disabled=\"!row.grid.trackingUrl\"\n              data-cy=\"btnViewShipment\"\n              @click=\"handleTrackingLink(row.rowData.trackingUrl)\"\n              type=\"secondary\"\n              text=\"TRACK\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Courier</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        v-if=\"store.state.userSettings.showShipmentsTabSettings.other\"\n        icon=\"fa-solid fa-roads\"\n        :name=\"shipments.modes.other\"\n        :badgeData=\"getOtherLength\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <StickyGrid\n          :key=\"shipments.shipmentsData.other.length\"\n          :height=\"580\"\n          :page-size=\"200\"\n          @click-save=\"saveGridColumns\"\n          @click-reset=\"resetGridColumns\"\n          v-if=\"shipments.shipmentsData.other.length > 0\"\n          v-model:currentPage=\"shipments.shipmentGridCurrentPage.other\"\n          v-model:currentPaginationRange=\"shipments.shipmentGridCurrentPaginationPage.other\"\n          :allowGridMenu=\"store.state.userSettings.allowColumnMenuSearchShipments\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :columns=\"store.state.userSettings.searchShipmentColumns.other\"\n          :dataSource=\"shipments.shipmentsData.other\">\n        <template #menu-slot-items>\n        </template>\n        <template v-slot:selectRow=\"row\">\n          <Button\n              @click=\"viewSelectedShipment(row.grid.id)\"\n              type=\"toolbar\"\n              text=\"View\">\n          </Button>\n        </template>\n        <template v-slot:editBooking=\"row\">\n          <Button\n              :disabled=\"!row.grid.isEditable\"\n              data-cy=\"btnViewShipment\"\n              @click=\"getBookingType(row)\"\n              type=\"info\"\n              text=\"Edit\">\n          </Button>\n        </template>\n        <template v-slot:documents=\"row\">\n          <i v-if=\"row.grid.documents\"\n             title=\"View Documents\"\n             @click=\"useGetDocumentsList(row.grid.id, route, store, shipments)\"\n             class=\"fa-solid fa-folder-open grid-docs-icon\">\n          </i>\n        </template>\n        <template v-slot:pickupDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.pickupDate.est || row.grid.pickupDate.actual\"\n              v-model:cellColor=\"row.grid.pickupDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.pickupDate.est\"\n                  :estTime=\"row.grid.pickupDate.estimatedTime\"\n                  :actualDate=\"row.grid.pickupDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.pickupDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:arrivalDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.arrivalDate.est || row.grid.arrivalDate.actual\"\n              v-model:cellColor=\"row.grid.arrivalDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.arrivalDate.est\"\n                  :estTime=\"row.grid.arrivalDate.estimatedTime\"\n                  :actualDate=\"row.grid.arrivalDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.arrivalDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:departureDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.departureDate.est || row.grid.departureDate.actual\"\n              v-model:cellColor=\"row.grid.departureDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.departureDate.est\"\n                  :estTime=\"row.grid.departureDate.estimatedTime\"\n                  :actualDate=\"row.grid.departureDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.departureDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:deliveryDate=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.deliveryDate.est || row.grid.deliveryDate.actual\"\n              v-model:cellColor=\"row.grid.deliveryDate.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.deliveryDate.est\"\n                  :estTime=\"row.grid.deliveryDate.estimatedTime\"\n                  :actualDate=\"row.grid.deliveryDate.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.deliveryDate) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:customs=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.customs.est || row.grid.customs.actual\"\n              v-model:cellColor=\"row.grid.customs.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.customs.est\"\n                  :estTime=\"row.grid.customs.estimatedTime\"\n                  :actualDate=\"row.grid.customs.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.customs) }}</template>\n          </GridCellDetail>\n        </template>\n        <template v-slot:cleared=\"row\">\n          <GridCellDetail\n              v-if=\"row.grid.cleared.est || row.grid.cleared.actual\"\n              v-model:cellColor=\"row.grid.cleared.status\">\n            <template #details>\n              <DateInformationTooltip\n                  :estDate=\"row.grid.cleared.est\"\n                  :estTime=\"row.grid.cleared.estimatedTime\"\n                  :actualDate=\"row.grid.cleared.actual\">\n              </DateInformationTooltip>\n            </template>\n            <template #cell-data>{{ getCorrectDate(row.grid.cleared) }}</template>\n          </GridCellDetail>\n        </template>\n      </StickyGrid>\n      <NoDataFoundBanner v-else>No Data Found For Other</NoDataFoundBanner>\n    </TabsContent>\n    <TabsContent\n        style=\"width:40px; padding:0; opacity: 55%\"\n        :name=\"shipments.modes.select\"\n        :selectedTab=\"shipments.selectedShowShipmentsTab\">\n      <div class=\"cmp-shipments_tab-menu\">\n        <i class=\"fa-sharp fa-thin fa-gears cmp-shipments_tab-menu-cogs-icon\"></i>\n        <div style=\"margin-bottom: 20px; font-weight: bold\">Add or remove current tabs\n<!--          <span style=\"font-size: 10px; font-weight: normal; color: #8f2c2c \">(slight delay will occur when selecting boxes due to data reloading.)</span>-->\n          <div style=\"font-size: 12px; font-weight: normal;\">\n            <i class=\"fa-solid fa-triangle-exclamation icon-info\"/>You cannot remove a tab if it's set to be default!\n          </div>\n          <div style=\"font-size: 12px; font-weight: normal;\">\n            <i class=\"fa-solid fa-triangle-exclamation icon-info\"/>Default can only be set on active tabs!\n          </div>\n          <div style=\"font-size: 11px; font-weight: normal; margin-top: 20px; margin-left:140px; display: flex\">\n            <div>Active</div>\n            <div style=\"margin-left: 10px\">Default</div>\n          </div>\n        </div>\n        <div style=\"display: flex\">\n          <div>\n            <div v-for=\"tab in shipments.activeShipmentTabs\">\n              <CheckBox\n                  @change=\"handleTabSelection(tab.name)\"\n                  v-model=\"tab.active\"\n                  :label=\"tab.name\">\n              </CheckBox>\n            </div>\n          </div>\n          <div>\n            <div class=\"cmp-shipments_tab-menu-radio-buttons\">\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Air\" value=\"Air\" @change=\"handleRadioButton('Air')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Air'\">(current)</span>\n              </div>\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Road\" value=\"Road\" @change=\"handleRadioButton('Road')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Road'\">(current)</span>\n              </div>\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Sea\" value=\"Sea\" @change=\"handleRadioButton('Sea')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Sea'\">(current)</span>\n              </div>\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Rail\" value=\"Rail\" @change=\"handleRadioButton('Rail')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Rail'\">(current)</span>\n              </div>\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Courier\" value=\"Courier\" @change=\"handleRadioButton('Courier')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Courier'\">(current)</span>\n              </div>\n              <div class=\"cmp-shipments_tab-menu-radio-input\">\n                <input type=\"radio\" name=\"tabs\" id=\"Other\" value=\"Other\" @change=\"handleRadioButton('Other')\"\n                       v-model=\"store.state.userSettings.showShipmentsTabSettings.default\"/>\n                <span v-if=\"shipments.currentDefaultTab === 'Other'\">(current)</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div style=\"margin-top: 20px;\">\n            <Button\n                title=\"Save tab configuration. New default tab will be active after refresh of the browser\"\n                style=\"margin-left: 0\"\n                @click=\"handleTabConfigSave()\"\n                text=\"Save\">\n            </Button>\n        </div>\n      </div>\n    </TabsContent>\n  </Tabs>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-shipments {\n\n  &_tab-menu {\n    height: 310px;\n    border: 1px solid var(--border-color);\n    padding: 20px 0 20px 40px;\n    border-radius: var(--rounded-corners);\n    border-left: 6px solid var(--left-border-highlight);\n    background-color: #fdfdfd;\n  }\n\n  &_tab-menu-cogs-icon {\n    position:absolute;\n    right: 420px;\n    font-size: 320px;\n    opacity: 2%;\n\n  }\n\n  &_tab-menu-radio-buttons {\n    margin-top: 2px;\n    margin-left: 40px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &_tab-menu-radio-input {\n    font-size: 11px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 10px;\n    color: #566ea0;\n  }\n\n  &_tab-menu-radio-input > span {\n    margin-left: 6px;\n  }\n\n  &_toolbar {\n    display: flex;\n  }\n\n  &_actual-date-color {\n    height: 14px;\n    width: 34px;\n    border-radius: 3px;\n    margin-right: 5px;\n    background: var(--actual-date);\n  }\n\n  &_search-icon {\n    font-size: 24px;\n    color: #114362;\n    margin: 0 60px 0 10px;\n  }\n\n  &_search-icon:hover {\n    color: #2f9260;\n  }\n\n  &_filter-section {\n    display: flex;\n    align-items: center;\n  }\n\n\n  &_filter-section > label {\n    margin-right: 20px;\n    color: #404040;\n    font-size: 13px;\n  }\n\n  &_filter-section > input {\n    margin: 0 5px 0 0;\n  }\n\n  &_data-search-message {\n    font-size: 12px;\n    width: 300px;\n  }\n\n  @media screen and (max-width: 1220px) {\n    &_tab-menu-cogs-icon {\n      display: none;\n    }\n\n  }\n\n  @media screen and (max-width: 1530px) {\n    &_data-search-message {\n      display: none;\n    }\n\n  }\n\n}\n\n@media screen and (max-width: 1820px) {\n  .excel-download-message {\n    display: none;\n  }\n\n}\n\n\n</style>\n","import script from \"./Shipments.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Shipments.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Shipments.vue?vue&type=style&index=0&id=8d5bf8e6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8d5bf8e6\"]])\n\nexport default __exports__","\n<script setup>\n\nimport {ref, onUnmounted} from 'vue'\n\nconst closeDrawer = ref(false);\nconst emits = defineEmits(['update:open-drawer'])\nconst props = defineProps({\n\n  openDrawer: {type: Boolean},\n  title: {type: String, default: 'Title'},\n  customData: {type: String, default: ''},\n  height: {type: Number, default: 300},\n})\n\nfunction  handleClosing() {\n      emits('update:open-drawer', false);\n      closeDrawer.value = true;\n      setTimeout(() => closeDrawer.value = false, 500);\n    }\n\nonUnmounted( () => {\n  // Ensure the drawer closes when leaving pages\n  if(props.openDrawer) emits('update:open-drawer', false);\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-slide-in-drawer\">\n    <div class=\"cmp-slide-in-drawer_container\">\n      <div class=\"cmp-slide-in-drawer_content-wrapper\" :style=\"{height: props.height + 'px'}\"\n           :class=\"{'cmp-slide-in-drawer_slide-close' : closeDrawer, 'cmp-slide-in-drawer_slide-open' : openDrawer}\">\n        <div class=\"cmp-slide-in-drawer_content-header\">\n          {{ title }} <span>{{ props.customData }}</span>\n        </div>\n        <div><hr/></div>\n        <slot></slot>\n        <div class=\"cmp-slide-in-drawer_footer\" @click=\"handleClosing\">\n          <i class=\"fa-light fa-rectangle-xmark\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-slide-in-drawer {\n\n  &_container {\n    position: relative;\n    display: flex;\n    height: 0;\n    top: -116px;\n    width: 100%;\n    justify-content: center;\n    z-index: 9999;\n  }\n\n  &_content-wrapper {\n    position: relative;\n    padding: 10px 10px 0 10px;\n    display:none;\n    background: #fcfcfc;\n    border-bottom-right-radius: 10px;\n    border-bottom-left-radius: 10px;\n    box-shadow: 0 1px 4px 0 #888888;\n  }\n\n  &_content-header {\n    background: var(--side-menu-color);\n    color: var(--side-menu-text-color);\n    padding: 10px;\n  }\n\n  &_footer {\n    position: absolute;\n    bottom: 0;\n    cursor: pointer;\n    right: 10px;\n    font-size: 26px;\n  }\n\n  &_slide-open {\n    display:block;\n    animation: show_drawer 0.3s ease-in-out;\n  }\n\n  &_slide-close {\n    display:block;\n    animation: close_drawer 0.3s ease forwards;\n  }\n\n}\n\n@keyframes show_drawer {\n  0% {\n    transform: translateY(-100%);\n  }\n}\n\n@keyframes close_drawer {\n  100% {\n    transform: translateY(-110%);\n  }\n}\n\n</style>\n","import script from \"./SlideInDrawer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SlideInDrawer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SlideInDrawer.vue?vue&type=style&index=0&id=e1f802ae&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e1f802ae\"]])\n\nexport default __exports__","<script setup>\nimport {ref, inject} from 'vue'\nimport axios from \"axios\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport NoDataFoundBanner from \"@/components/shipments/NoDataFoundBanner\";\nimport {useRoute} from \"vue-router\";\nimport {useStore} from 'vuex';\nimport {useDownloadLocalFile} from \"@/composables/common/useDownloadLocalFile\";\n\nconst route = useRoute();\nconst store = useStore();\n\nconst shipments = inject(\"shipments\");\n\nfunction downloadDocument(id) {\n\n  axios.get('Shipments/document', {\n\n    responseType:'blob',\n    params: {\n      owner: store.state.owner,\n      id: id\n    }\n\n  }).then((response) => {\n\n    useDownloadLocalFile(response);\n\n  }).catch(function (error) {\n\n    shipments.value.shipmentErrorLogs.push(error);\n    store.state.banners.error = new Notification(true, 'Could Not Perform Download');\n\n  });\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-shipmentDocumentDownload\" v-if=\"shipments.shipmentDocs.length > 0\" class=\"wrapper\">\n    <div class=\"headers\">\n      <div style=\"width: 110px;\">Quote Number</div>\n      <div style=\"width: 115px;\">Invoice Number</div>\n      <div style=\"width: 253px;\">Title</div>\n      <div style=\"width: 200px;\">Comments</div>\n      <div style=\"width: 50px;\"> Download</div>\n      <div></div>\n    </div>\n    <div v-for=\"doc in shipments.shipmentDocs\" :key=\"doc.id\" class=\"data-boxes-wrapper\">\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          {{doc.quoteNumber}}\n        </template>\n        <div style=\"width: 100px;\">{{doc.quoteNumber}}</div>\n      </StaticTooltip>\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          {{doc.invoiceNumber}}\n        </template>\n        <div style=\"width: 105px;\">{{doc.invoiceNumber}}</div>\n      </StaticTooltip>\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          {{doc.name}}\n        </template>\n        <div style=\"width: 240px;\">{{doc.name}}</div>\n      </StaticTooltip>\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          {{doc.description}}\n        </template>\n        <div style=\"width: 200px;\">{{doc.description}}</div>\n      </StaticTooltip>\n      <div @click=\"downloadDocument(doc.id)\" class=\"download-icon\"><i class=\"fa-regular fa-cloud-arrow-down\"></i></div>\n    </div>\n  </div>\n  <div v-else style=\"width: 600px\"><NoDataFoundBanner>No Documents Found</NoDataFoundBanner></div>\n</template>\n\n<style scoped>\n\n.wrapper {\n  font-size: 13px;\n  overflow-y: scroll;\n  height: 124px;\n}\n\n.headers {\n  display: flex;\n  gap: 20px;\n  padding: 4px;\n  font-weight: bold;\n}\n\n.data-boxes-wrapper {\n  display: flex;\n  gap: 20px;\n}\n\n.data-boxes-wrapper div {\n  display: flex;\n  align-items: center;\n  height: 16px;\n  border: 1px solid #e7e7e7;\n  padding: 5px;\n  margin-top: 5px;\n  border-radius: 2px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.download-icon {\n  color: #F68E1E;\n  font-size: 18px;\n  border: none!important;\n  cursor: pointer;\n}\n\n.download-icon:hover {\n  color: #0b3080;\n}\n\n</style>\n","import script from \"./ShipmentDocumentDownload.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShipmentDocumentDownload.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ShipmentDocumentDownload.vue?vue&type=style&index=0&id=7a334bc2&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7a334bc2\"]])\n\nexport default __exports__","<script setup>\n\nimport StaticWidget from \"@/components/common/other/StaticWidget\"\nimport Shipments from \"@/components/shipments/Shipments\"\nimport SlideInDrawer from \"@/components/common/navigation/SlideInDrawer\";\nimport ShipmentDocumentDownload from \"@/components/shipments/ShipmentDocumentDownload\";\nimport GridModeDataNotification from \"@/components/shipments/GridModeDataNotification\";\nimport {useStore} from 'vuex';\n\nimport {inject, onMounted, ref} from 'vue'\n\nconst shipments = inject(\"shipments\");\nconst store = useStore();\n\nlet tabDataModelReady = ref(false);\n\n// function random() {\n//\n//   const textArray = [\"Left Click On Grid Text To Copy To Clipboard!\",\n//     \"Grid Columns Can Be Re-Arranged Using Drag And Drop!\", \"Hovering Over Dates Will Show You More Details!\",\n//     \"Grid Cells Have A Tooltip On Hover, To Display It's Full Contents\"];\n//   let genRandom = Math.floor(Math.random() * 4);\n//\n//   return textArray[genRandom]\n// }\n\n\nonMounted(() => {\n\n  mapTabSelections()\n})\n\nfunction mapTabSelections() {\n\n  shipments.value.activeShipmentTabs.air.active = store.state.userSettings.showShipmentsTabSettings.air;\n  shipments.value.activeShipmentTabs.road.active = store.state.userSettings.showShipmentsTabSettings.road;\n  shipments.value.activeShipmentTabs.sea.active = store.state.userSettings.showShipmentsTabSettings.sea;\n  shipments.value.activeShipmentTabs.rail.active = store.state.userSettings.showShipmentsTabSettings.rail;\n  shipments.value.activeShipmentTabs.courier.active = store.state.userSettings.showShipmentsTabSettings.courier;\n  shipments.value.activeShipmentTabs.other.active = store.state.userSettings.showShipmentsTabSettings.other;\n\n  tabDataModelReady.value = true;\n\n}\n\n</script>\n\n<template id=\"cmp-show-shipments\" class=\"view-show-shipments\">\n  <SlideInDrawer\n      :height=\"218\"\n      title=\"Available Documents\"\n      v-model:open-drawer=\"shipments.shipmentDocsDrawer\">\n    <ShipmentDocumentDownload></ShipmentDocumentDownload>\n  </SlideInDrawer>\n  <StaticWidget\n      height=\"735\"\n      title=\"Shipments For All Modes\">\n    <Shipments v-if=\"tabDataModelReady\"></Shipments>\n    <template v-slot:icon>\n      <i class=\"fa-solid fa-truck-plane\" style=\"color: #46a9b3;\"></i>\n    </template>\n  </StaticWidget>\n</template>\n\n<style lang=\"scss\" scoped>\n\n</style>\n","import script from \"./ShowShipments.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShowShipments.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport {computed} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst getUrl = computed(() => {\n\n  return store.state.caughtURL\n})\n</script>\n\n<template class=\"view-error-page\">\n  <div class=\"view-error-page_error-message-container\">\n    <div><i class=\"fa-regular fa-triangle-exclamation\" style=\"color: var(--info-icon-color);\"></i>\n      <span><strong style=\"color: #9b4242;\"> Sorry, </strong> We can't find the page you are looking for</span>\n      <div style=\"color: #131313; font-size: 14px; display: flex; justify-content: center;\">{{getUrl}}</div>\n      <div style=\"color: #73adba; font-size: 17px; margin: 10px 0 0 60px;\">You may not have permission to view this page, or the url may be incorrect.</div>\n      <div style=\"color: #131313; font-size: 14px; margin: 20px  0 0 200px\">Press the back button or enter a new url.</div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.view-error-page {\n\n  &_error-message-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 160px;\n    width: 800px;\n    margin: 100px auto;\n    background: #fdfdfd;\n    border-radius: 20px;\n    font-size: 30px;\n    color: var(--aqua-blue-definition);\n  }\n\n}\n</style>\n","import script from \"./ErrorPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ErrorPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ErrorPage.vue?vue&type=style&index=0&id=5a4abb6f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5a4abb6f\"]])\n\nexport default __exports__","<script setup>\n\n</script>\n\n<template>\n  <div class=\"view-job-edit-error-page_error-message-container\">\n    <div class=\"view-job-edit-error-page_inner-message\">\n      <i class=\"fa-regular fa-triangle-exclamation\" style=\"color: var(--info-icon-color);margin-right: 10px\"></i>\n      <span> This Job is Not Available To Edit</span>\n    </div>\n    <div class=\"view-job-edit-error-page_inner-message\"\n         style=\"color: #393939; font-size: 13px;\">\n      The requested job is currently active, so the details cannot be changed .\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n\n.view-job-edit-error-page {\n\n  &_error-message-container {\n    padding-top: 40px;\n    height: 100px;\n    width: 800px;\n    margin: 100px auto;\n    background: #fdfdfd;\n    border-radius: 20px;\n    font-size: 22px;\n    color: var(--aqua-blue-definition);\n  }\n\n  &_inner-message {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n}\n\n\n</style>\n","import { render } from \"./JobNotEditableUserInfo.vue?vue&type=template&id=e2b21db8&scoped=true\"\nconst script = {}\n\nimport \"./JobNotEditableUserInfo.vue?vue&type=style&index=0&id=e2b21db8&scoped=true&lang=scss\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e2b21db8\"]])\n\nexport default __exports__","export function useCreateSubstringText(text, subStr) {\n\n    if(text && text.length > subStr) return text.substring(0, subStr) +'....';\n\n    return text;\n}\n","<script setup>\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\n\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\n\nimport {inject} from 'vue'\n\nconst shipments = inject(\"shipments\");\n\n</script>\n\n<template class=\"cmp-view-shipment-from-to\">\n  <div id=\"Vue-3-component-view-shipment-from-to\" class=\"cmp-view-shipment-from-to_wrapper\">\n    <div class=\"cmp-view-shipment-from-to_container\">\n      <div class=\"cmp-view-shipment-from-to_heading\">From\n        <div class=\"cmp-view-shipment-from-to_icon\"><i class=\"fa-sharp fa-regular fa-warehouse-full\"></i></div>\n\n      </div>\n      <div class=\"cmp-view-shipment-from-to_text-box-area\">\n        <div class=\"cmp-view-shipment-from-to_outer-color-box\">\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <div class=\"cmp-view-shipment-from-to_inner-heading\">Shipper Name:</div>\n          </div>\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <StaticTooltip :icon=\"false\">\n              <template #content>\n                {{ shipments.viewShipment.shipperName || 'No Data' }}\n              </template>\n              <div class=\"cmp-view-shipment-from-to_shipper-data\" :class=\"!shipments.viewShipment.shipperName ?\n               'global-no-data-placeholder' : ''\">\n                {{ useCreateSubstringText(shipments.viewShipment.shipperName, 60) || 'Shipper Name....' }}</div>\n            </StaticTooltip>\n          </div>\n        </div>\n        <div class=\"cmp-view-shipment-from-to_outer-color-box\">\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <div class=\"cmp-view-shipment-from-to_inner-heading\">Origin:</div>\n          </div>\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <StaticTooltip :icon=\"false\">\n              <template #content>\n                {{ shipments.viewShipment.shipperOrigin || 'No Data' }}\n              </template>\n              <div class=\"cmp-view-shipment-from-to_shipper-data\" :class=\"!shipments.viewShipment.shipperOrigin ?\n               'global-no-data-placeholder' : ''\">\n                {{  useCreateSubstringText(shipments.viewShipment.shipperOrigin, 60) || 'Origin....' }}\n              </div>\n            </StaticTooltip>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"cmp-view-shipment-from-to_container\">\n      <div class=\"cmp-view-shipment-from-to_heading\">To\n        <div class=\"cmp-view-shipment-from-to_icon cmp-view-shipment-from-to_to-icon\">\n          <i class=\"fa-sharp fa-solid fa-flag-checkered\"></i>\n        </div>\n      </div>\n      <div class=\"cmp-view-shipment-from-to_text-box-area\">\n        <div class=\"cmp-view-shipment-from-to_outer-color-box\">\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <div class=\"cmp-view-shipment-from-to_inner-heading\">Consignee Name:</div>\n          </div>\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <StaticTooltip :icon=\"false\">\n              <template #content>\n                {{ shipments.viewShipment.consigneeName || 'No Data' }}\n              </template>\n              <div class=\"cmp-view-shipment-from-to_shipper-data\" :class=\"!shipments.viewShipment.consigneeName ?\n              'global-no-data-placeholder' : ''\">\n                {{useCreateSubstringText(shipments.viewShipment.consigneeName, 60) || 'Consignee Name....' }}</div>\n            </StaticTooltip>\n          </div>\n        </div>\n        <div class=\"cmp-view-shipment-from-to_outer-color-box\">\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <div class=\"cmp-view-shipment-from-to_inner-heading\">Destination:</div>\n          </div>\n          <div class=\"cmp-view-shipment-from-to_inner-box\">\n            <StaticTooltip :icon=\"false\">\n              <template #content>\n                {{ shipments.viewShipment.consigneeDestination || 'No Data' }}\n              </template>\n              <div class=\"cmp-view-shipment-from-to_shipper-data\" :class=\"!shipments.viewShipment.consigneeDestination ?\n              'global-no-data-placeholder' : ''\">\n                {{  useCreateSubstringText(shipments.viewShipment.consigneeDestination, 60) || 'Consignee Destination....' }}</div>\n            </StaticTooltip>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-view-shipment-from-to {\n\n  &_wrapper {\n    display: flex;\n    gap: 10px;\n  }\n\n  &_container {\n    display: flex;\n    width: 100%;\n    height: 110px;\n    border: 1px solid #e2e2e2;\n    border-radius: var(--rounded-corners);\n    padding: 10px;\n    gap: 60px;\n    border-left: 6px solid var(--left-border-highlight)\n  }\n\n  &_heading {\n    position: relative;\n    width: 100px;\n    font-size: 14px;\n    font-weight: bold;\n  }\n\n  &_icon {\n    font-size: 60px;\n    margin-left: 40px;\n    color: #091c7e;\n    opacity: 0.2;\n  }\n\n  &_to-icon {\n    color: #1e5f2d;\n  }\n\n  &_text-box-area {\n    width: 80%;\n  }\n\n  &_outer-color-box {\n    display: flex;\n    align-items: center;\n    height: 50px;\n    border-radius: 4px;\n    background: #eceff1;\n    margin-bottom: 10px;\n    padding-left: 8px;\n    gap: 20px;\n  }\n\n  &_inner-box {\n    display: flex;\n    align-items: center;\n    height: 28px;\n    width: auto;\n    background: white;\n    margin: 4px;\n    font-size: 13px;\n    font-weight: bold;\n    padding: 0 20px 0 10px;\n    border-radius: 4px;\n  }\n\n  &_inner-heading {\n    width: 110px;\n  }\n\n  &_shipper-data {\n    width: 480px;\n    font-weight: normal;\n  }\n\n  @media screen and (max-width: 1440px) {\n    &_shipper-data {\n      width: max-content;\n\n    }\n\n  }\n}\n\n\n\n\n\n</style>\n","import script from \"./ViewShipmentFromTo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ViewShipmentFromTo.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ViewShipmentFromTo.vue?vue&type=style&index=0&id=1f474ebf&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1f474ebf\"]])\n\nexport default __exports__","import script from \"./Container.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Container.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Container.vue?vue&type=style&index=0&id=329a425e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-329a425e\"]])\n\nexport default __exports__","<script setup>\nimport Validation from '@/classes/global/Validation';\n\nconst emits = defineEmits(['input', 'update:validationFail'])\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  height: {type: Number, default: 60},\n  width: {type: Number, default: 300},\n  validationFail: {type: Object, default: {}},\n  validationText: {type: Array, default: ['Required']},\n  placeholder: {type: String, default: 'Enter Text'},\n  readonly: {type: Boolean, default: false}\n})\n\nfunction performEmits(value) {\n\n  emits('update:validationFail', new Validation());\n  emits('input', value);\n}\n\n</script>\n<template>\n  <div class=\"cmp-text-area\">\n    <textarea\n        :value=\"modelValue\"\n        @input=\"performEmits($event.target.value)\"\n        :readonly=\"props.readonly\"\n        class=\"global-textarea\"\n        :placeholder=\"props.placeholder\"\n        :class=\"{'validation-fail' :validationFail.value }\"\n        :style=\"{height: height + 'px', width: width + 'px'}\"/>\n    <div v-if=\"validationFail.value\" class=\"validation-message\">\n      {{ validationText[validationFail.messageNumber] }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n\n.cmp-text-area {\n  position: relative;\n  /*z-index: 9999;*/\n}\n\n.validation-message {\n  position: absolute;\n  font-family: Arial;\n  font-size: 10px;\n  color: var(--required-field);\n  bottom: 2px;\n  background: #fdfdfd;\n  width: fit-content;\n  padding: 0 3px 0 3px;\n  line-height: normal;\n  border-radius: 6px;\n}\n\n.validation-fail {\n  border: 1px dotted var(--required-field)\n}\n\n\n</style>\n","import script from \"./TextArea.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TextArea.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TextArea.vue?vue&type=style&index=0&id=01989fb8&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-01989fb8\"]])\n\nexport default __exports__","<script setup>\nimport Container from \"@/components/common/other/Container\"\nimport GridColumn from \"@/classes/component-classes/GridColumn\";\nimport GridCellDetail from \"@/components/common/other/GridCellDetail\";\nimport DateInformationTooltip from \"@/components/common/other/DateInformationTooltip\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport NoDataFoundBanner from \"@/components/shipments/NoDataFoundBanner\";\nimport TextArea from \"@/components/common/input/TextArea\";\n\nimport {inject} from 'vue'\n\nconst shipments = inject(\"shipments\");\n\nfunction getCorrectDate(date) {\n\n  if (date.actual === '') return date.est\n  return date.actual\n}\n\n</script>\n\n<template class=\"cmp-consignment-and-milestones\">\n  <div id=\"Vue-3-component-consignment-and-milestones\" class=\"cmp-consignment-and-milestones_wrapper\">\n    <Container\n        style=\"width: 100%;\"\n        height=\"140\"\n        title=\"Consignment Details\">\n      <div class=\"cmp-consignment-and-milestones_consignment-detail-wrapper cmp-consignment-and-milestones_dims\">\n        <div class=\"label\">Pieces</div>\n        <div class=\"cmp-consignment-and-milestones_data\">{{shipments.viewShipment.consignmentDetails.nop}}</div>\n        <div class=\"label\">Weight</div>\n        <div class=\"cmp-consignment-and-milestones_data\">{{shipments.viewShipment.consignmentDetails.weight}}</div>\n        <div class=\"label\">Chargeable Weight</div>\n        <div class=\"cmp-consignment-and-milestones_data\">{{shipments.viewShipment.consignmentDetails.actualWeight}}</div>\n        <div class=\"label\">Cube</div>\n        <div class=\"cmp-consignment-and-milestones_data\">{{shipments.viewShipment.consignmentDetails.cube}}</div>\n      </div>\n      <TextArea\n          style=\"margin-top: 10px;\"\n          v-model=\"shipments.viewShipment.consignmentDetails.description\"\n          placeholder=\"Goods Description\"\n          :readonly=\"true\"\n          :height=\"80\"\n          :width=\"860\">\n      </TextArea>\n<!--      <div class=\"cmp-consignment-and-milestones_consignment-detail-wrapper\">-->\n<!--        <div class=\"label\" style=\"margin-left: -10px;\">Description</div>-->\n<!--        <div class=\"cmp-consignment-and-milestones_data\" style=\"width: 778px; height: 65px; align-items: normal; margin-top: 6px; margin-left: -5px;\">{{shipments.viewShipment.consignmentDetails.description}}</div>-->\n<!--      </div>-->\n      <template v-slot:icon>\n        <i class=\"fa-solid fa-cubes\" style=\"color: #315f83;\"></i>\n      </template>\n    </Container>\n    <Container\n        style=\"width: 100%;\"\n        height=\"140\"\n        title=\"Milestone Information\">\n      <template v-slot:icon>\n        <i class=\"fa-solid fa-list-check\" style=\"color: #dd7b01;\"></i>\n      </template>\n      <div style=\"overflow-x: auto; height: 50px;\">\n        <div class=\"cmp-consignment-and-milestones_date-wrapper\">\n          <div v-for=\"item in shipments.viewShipment.milestoneInformation.dateColumns\" class=\"cmp-consignment-and-milestones_milestone-dates\">\n            <div class=\"label\">{{item.title}}</div>\n            <div v-for=\"data in shipments.viewShipment.milestoneInformation.dates\">\n              <GridCellDetail\n                  :notGridCell=\"true\"\n                  v-model:cellColor=\"data[item.key].status\">\n                <template #details>\n                  <DateInformationTooltip\n                      :estDate=\"data[item.key].est\"\n                      :estTime=\"data[item.key].estimatedTime\"\n                      :actualDate=\"data[item.key].actual\">\n                  </DateInformationTooltip>\n                </template>\n                <template #cell-data>\n                  <div class=\"cmp-consignment-and-milestones_date-data\">{{getCorrectDate( data[item.key])}}</div>\n                </template>\n              </GridCellDetail>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"shipments.viewShipment.milestoneInformation.milestones.length > 0\" class=\"cmp-consignment-and-milestones_milestone-details\">\n        <div class=\"cmp-consignment-and-milestones_headers\">\n          <div class=\"label\" style=\"width: 160px;\">DateTime</div>\n          <div class=\"label\" style=\"width: 280px;\">Milestone</div>\n          <div class=\"label\" style=\"width: 253px;\">Comments</div>\n          <div></div>\n        </div>\n        <div v-for=\"item in shipments.viewShipment.milestoneInformation.milestones\" :key=\"item.id\" class=\"cmp-consignment-and-milestones_data-boxes-wrapper\">\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              {{item.dateTime}}\n            </template>\n            <div style=\"width: 150px;\">{{item.dateTime}}</div>\n          </StaticTooltip>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              {{item.milestone}}\n            </template>\n            <div style=\"width: 270px; white-space: nowrap;\">{{item.milestone}}</div>\n          </StaticTooltip>\n          <StaticTooltip :icon=\"false\" width=\"340\">\n            <template #content>\n              {{item.comments}}\n            </template>\n            <div style=\"width: 350px; white-space: nowrap; \">{{item.comments}}</div>\n          </StaticTooltip>\n        </div>\n      </div>\n      <div v-else class=\"cmp-consignment-and-milestones_no-milestones\">\n        <NoDataFoundBanner>No Milestones Data</NoDataFoundBanner>\n      </div>\n    </Container>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-consignment-and-milestones {\n\n  &_wrapper {\n    display: flex;\n    gap: 10px;\n    width: 100%;\n  }\n\n  &_consignment-detail-wrapper {\n    padding: 10px;\n    display: grid;;\n    grid-template-columns: 70px 90px 50px 160px 120px 160px 50px 120px;\n    grid-column-gap: 5px;\n    font-size: 13px;\n  }\n\n  &_consignment-detail-wrapper &_data {\n    display: flex;\n    align-items: center;\n    border: 1px solid #e2e2e2;\n    height: 18px;\n    padding: 3px;\n    margin-right: 40px;\n    background: white;\n    border-radius: 4px;\n    width: 80%;\n  }\n\n  &_dims {\n    width:fit-content;\n    background: #eceff1;\n    border-radius: 4px;\n    padding: 6px;\n  }\n\n  &_dims div {\n    display: flex;\n    align-items: center;\n  }\n\n  &_date-wrapper {\n    width: fit-content;\n    min-width: 868px;\n    display: flex;\n    gap: 20px;\n    background: #eceff1;\n    border-radius: 4px;\n    height: 38px;\n  }\n\n  &_milestone-dates {\n    font-size: 12px;\n    display: flex;\n    flex: none;\n    align-items: center;\n    padding-left: 5px;\n    gap: 8px;\n  }\n\n  &_date-data {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    height: 26px;\n    overflow: hidden;\n  }\n\n  &_milestone-details {\n    position: relative;\n    margin-top: 10px;\n    overflow-y: auto;\n    height: 80px;\n  }\n\n  &_headers {\n    display: flex;\n    gap: 20px;\n    padding: 4px;\n  }\n\n  &_data-boxes-wrapper {\n    display: flex;\n    gap: 20px;\n  }\n\n  &_data-boxes-wrapper div {\n    display: flex;\n    align-items: center;\n    height: 16px;\n    border: 1px solid #e7e7e7;\n    padding: 5px;\n    margin-top: 5px;\n    border-radius: 2px;\n    overflow: hidden;\n    font-size: 13px;\n    background-color: white;\n  }\n\n  &_no-milestones {\n    margin-top: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n}\n\n</style>\n","import script from \"./ConsignmentAndMilestones.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ConsignmentAndMilestones.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ConsignmentAndMilestones.vue?vue&type=style&index=0&id=c7389764&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c7389764\"]])\n\nexport default __exports__","<script setup>\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport NoDataFoundBanner from \"@/components/shipments/NoDataFoundBanner\";\n\nconst props = defineProps({\n\n  modelValue: {}\n})\n\nfunction addressFormatting(type) {\n\n  let address = [];\n\n  address.push(props.modelValue[type].addressLine1);\n  address.push(props.modelValue[type].addressLine2);\n  address.push(props.modelValue[type].addressLine3);\n  address.push(props.modelValue[type].addressLine4);\n  address.push(props.modelValue[type].postCode);\n  address.push(props.modelValue[type].country);\n\n  return address\n\n}\n\nfunction addressDataCheck(type) {\n\n  for(let item in props.modelValue[type]) {\n\n    return props.modelValue[type][item]\n\n  }\n\n}\n\n</script>\n\n<template class=\"cmp-address-and-contact\">\n  <div class=\"cmp-address-and-contact_two-flex-section\">\n    <div class=\"cmp-address-and-contact_area-width\"><span class=\"label\">Shipper Details</span>\n      <div class=\"cmp-address-and-contact_contact-card\">\n        <div class=\"cmp-address-and-contact_contact-icon\"><i class=\"fa-thin fa-circle-user\"></i>\n        </div>\n        <div class=\"cmp-address-and-contact_contact-text\">\n          <div class=\"cmp-address-and-contact_contact-name\"\n               :class=\"!modelValue.shipperContact.name ? 'global-no-data-placeholder' : ''\">\n            {{ modelValue.shipperContact.name || 'No Contact Name' }}\n          </div>\n          <div class=\"cmp-address-and-contact_contact-position\"\n               :class=\"!modelValue.shipperContact.position ? 'global-no-data-placeholder' : ''\">\n            {{ modelValue.shipperContact.position || 'Position Not Provided' }}\n          </div>\n          <div class=\"global-center-items\">\n            <i class=\"fa-solid fa-square-phone cmp-address-and-contact_contact-tel-icon\" style=\"font-size: 13px;\"></i>\n            <span class=\"cmp-address-and-contact_contact-tel\"\n                  :class=\"!modelValue.shipperContact.telephone ? 'global-no-data-placeholder' : ''\">\n                  {{ modelValue.shipperContact.telephone || 'Number Not Provided' }}\n            </span>\n          </div>\n          <div class=\"global-center-items\">\n            <i class=\"fa-solid fa-envelope\" style=\"color:#228491; font-size: 12px; line-height: normal;\"></i>\n            <span style=\"margin-left: 5px; color: #808080; font-size: 11px;\"\n                  :class=\"!modelValue.shipperContact.email ? 'global-no-data-placeholder' : ''\">\n                {{ modelValue.shipperContact.email || 'Email Not Provided'}}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"cmp-address-and-contact_contact consignee\">\n      <div><span class=\"label\">Consignee Details</span>\n        <div class=\"cmp-address-and-contact_contact-card consignee\">\n          <div class=\"cmp-address-and-contact_contact-icon\"><i class=\"fa-thin fa-circle-user\"></i></div>\n          <div class=\"cmp-address-and-contact_contact-text\">\n            <div class=\"cmp-address-and-contact_contact-name\"\n                 :class=\"!modelValue.consigneeContact.name ? 'global-no-data-placeholder' : ''\">\n              {{ modelValue.consigneeContact.name || 'No Contact Name' }}\n            </div>\n            <div class=\"cmp-address-and-contact_contact-position\"\n                 :class=\"!modelValue.consigneeContact.position ? 'global-no-data-placeholder' : ''\">\n              {{ modelValue.consigneeContact.position || 'Position Not Provided' }}\n            </div>\n            <div class=\"global-center-items\">\n              <i class=\"fa-solid fa-square-phone cmp-address-and-contact_contact-tel-icon\" style=\"font-size: 13px;\"></i>\n              <span class=\"cmp-address-and-contact_contact-tel\"\n                    :class=\"!modelValue.consigneeContact.telephone ? 'global-no-data-placeholder' : ''\">\n                  {{ modelValue.consigneeContact.telephone || 'Number Not Provided' }}\n              </span>\n            </div>\n            <div class=\"global-center-items\">\n              <i class=\"fa-solid fa-envelope\" style=\"color:#228491; font-size: 12px; line-height: normal;\"></i>\n              <span style=\"margin-left: 5px; color: #808080; font-size: 11px;\"\n                    :class=\"!modelValue.consigneeContact.email ? 'global-no-data-placeholder' : ''\">\n                {{ modelValue.consigneeContact.email || 'Email Not Provided'}}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"cmp-address-and-contact_two-flex-section\">\n    <div class=\"cmp-address-and-contact_area-width\">\n      <div class=\"cmp-address-and-contact_contact-card cmp-address-and-contact_address\">\n        <div class=\"cmp-address-and-contact_address-text\">\n          <div style=\"position: absolute; top: 70px; left: 100px;\">\n            <div v-if=\"!addressDataCheck('shipperAddress')\" class=\"global-no-data-placeholder global-center-items\">\n              <i class=\"fa-regular fa-circle-exclamation cmp-address-and-contact_contact-tel-icon\"\n                 style=\"font-size: 13px; margin-right: 5px; color: #d68127;\"></i>No Address Information\n            </div>\n          </div>\n          <div class=\"cmp-address-and-contact_address-company\">{{ modelValue.shipperName }}</div>\n          <div v-for=\"(addressLine, index) in addressFormatting('shipperAddress') \">\n            <MovingTooltip :icon=\"false\">\n              <template #content>\n<!--                <div>-->\n<!--                  <div class=\"label\">AddressLine 1</div><span>{{modelValue.shipperAddress.addressLine1}}</span>-->\n<!--                </div>-->\n                <div v-for=\"each in addressFormatting('shipperAddress') \">{{ each }}</div>\n              </template>\n              <div>{{ addressLine }}</div>\n            </MovingTooltip>\n          </div>\n        </div>\n        <div class=\"cmp-address-and-contact_address-text cmp-address-and-contact_card-footer\">\n          <div><i class=\"fa-solid fa-square-phone cmp-address-and-contact_contact-tel-icon\" style=\"font-size: 16px;\"></i>\n            <span :class=\"!modelValue.shipperAddress.telephone ? 'global-no-data-placeholder' : ''\"\n                  class=\"cmp-address-and-contact_address-tel\">{{ modelValue.shipperAddress.telephone || 'No Number Provided' }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div>\n      <div class=\"cmp-address-and-contact_contact-card cmp-address-and-contact_address\">\n        <div class=\"cmp-address-and-contact_address-text\">\n          <div style=\"position: absolute; top: 70px; left: 100px;\">\n            <div  v-if=\"!addressDataCheck('consigneeAddress')\" class=\"global-no-data-placeholder global-center-items\">\n              <i class=\"fa-regular fa-circle-exclamation cmp-address-and-contact_contact-tel-icon\"\n                 style=\"font-size: 13px; margin-right: 5px; color: #d68127;\"></i>No Address Information\n            </div>\n          </div>\n          <div class=\"cmp-address-and-contact_address-company\">{{ modelValue.consigneeName }}</div>\n          <div v-for=\"(addressLine, index) in addressFormatting('consigneeAddress') \">\n            <MovingTooltip :icon=\"false\">\n              <template #content>\n                <div v-for=\"each in addressFormatting('consigneeAddress') \">{{ each }}</div>\n              </template>\n              <div>{{ addressLine }}</div>\n            </MovingTooltip>\n          </div>\n        </div>\n        <div class=\"cmp-address-and-contact_address-text cmp-address-and-contact_card-footer\">\n          <div><i class=\"fa-solid fa-square-phone cmp-address-and-contact_contact-tel-icon\" style=\"font-size: 16px;\"></i>\n            <span :class=\"!modelValue.consigneeAddress.telephone ? 'global-no-data-placeholder' : ''\"\n                  class=\"cmp-address-and-contact_address-tel\">{{ modelValue.consigneeAddress.telephone || 'No Number Provided' }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-address-and-contact {\n\n  &_two-flex-section {\n    display: flex;\n    margin-left: 50px;\n  }\n\n  &_area-width {\n    width: 50%;\n  }\n\n  &_contact-card {\n    position: relative;\n    margin-top: 10px;\n    width: 340px;\n    height: 80px;\n    border: 1px solid var(--border-color);\n    border-radius: var(--rounded-corners);\n    display: flex;\n    gap: 40px;\n    //background-image: linear-gradient(240deg, #f4f4f4, #ffffff);\n    background: #fff;\n  }\n\n  &_address {\n    height: 150px;\n    overflow: hidden;\n  }\n\n  &_address-company {\n    font-weight: bold;\n    font-size: 12px;\n    color: #131313;\n  }\n\n  &_contact-icon {\n    display: flex;\n    align-items: center;\n    color: #0084c3;\n    opacity: 0.6;\n    font-size: 40px;\n    padding-left: 20px;\n    gap: 50px\n  }\n\n  &_contact-text {\n    padding-top: 5px;\n    color: #232323;\n  }\n\n  &_contact-name {\n    font-size: 12px;\n    font-weight: bold;\n  }\n\n  &_contact-position {\n    font-size: 10px;\n    margin-bottom: 10px;\n    color: #777676;\n  }\n\n  &_contact-tel {\n    font-size: 11px;\n    font-weight: bold;\n    margin-left: 5px;\n  }\n\n  &_address-tel {\n    margin-left: 5px;\n    color: #2d2d2d;\n    font-weight: bold;\n  }\n\n  &_contact-tel-icon {\n    color: #224e91;\n  }\n\n  &_address-text {\n    margin: 10px 0 0 20px;\n    color: #808080;\n    font-size: 11px;\n  }\n\n  &_address-text div {\n    margin-bottom: 2px;\n  }\n\n  &_card-footer {\n    position: absolute;\n    bottom: 0;\n    height: 30px;\n    border-radius: 4px;\n  }\n\n  &_card-footer div {\n    display: flex;\n    align-items: center;\n  }\n\n\n}\n\n</style>\n","import script from \"./AddressAndContact.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddressAndContact.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddressAndContact.vue?vue&type=style&index=0&id=496e1ec5&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-496e1ec5\"]])\n\nexport default __exports__","<script setup>\nimport {ref} from 'vue'\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport Container from \"@/components/common/other/Container\";\nimport Button from \"@/components/common/input/Button\";\nimport AddressAndContact from \"@/components/common/other/AddressAndContact\"\n\nimport {inject} from 'vue'\nimport {useStore} from \"vuex\";\n\nconst shipments = inject(\"shipments\");\n\nconst store = useStore();\n\nfunction openTracking(url) {\n\n  window.open(url);\n}\n\n</script>\n\n<template class=\"cmp-detailed-information\">\n  <div id=\"Vue-3-component-detailed-information\" class=\"cmp-detailed-information_wrapper\">\n    <div class=\"cmp-detailed-information_container\">\n      <AddressAndContact v-model=\"shipments.viewShipment\"></AddressAndContact>\n    </div>\n    <div id=\"terms-detail\" class=\"cmp-detailed-information_mode-banner-wrapper\">\n      <div class=\"cmp-detailed-information_mode-section-terms-banner\">\n        <div class=\"cmp-detailed-information_banner-icon-area\">\n          <i class=\"fa-duotone fa-file-invoice\" style=\"color: #6e1844; font-size: 36px;\"></i>\n        </div>\n        <div class=\"cmp-detailed-information_banner-info-area cmp-detailed-information_inco-terms\">\n          <div class=\"label cmp-detailed-information_heading-text\">Incoterms:</div>\n          <div style=\"width: max-content;\">{{ shipments.viewShipment.detailedInformation.incoTerms.split('-')[0] }}\n          </div>\n          <StaticTooltip width=\"340\" v-if=\"shipments.viewShipment.detailedInformation.incoTerms.split('-')[1]\">\n            <template #content>\n              {{ shipments.viewShipment.detailedInformation.incoTerms.split('-')[1] }}\n            </template>\n            <div class=\"cmp-detailed-information_inco-terms-description\">\n              <i class=\"fa-solid fa-circle-info icon-info\"></i>\n              <span style=\"margin-left: 5px;\">Hover for full description of this incoterm</span>\n            </div>\n          </StaticTooltip>\n<!--          <span v-else style=\"margin-left: 5px;\" class=\"global-no-data-placeholder\">No incoterms description provided</span>-->\n        </div>\n      </div>\n      <div v-if=\"shipments.viewShipment.mode.toLowerCase() === shipments.modes.courier.toLowerCase()\"\n           id=\"courier-detail\">\n        <div class=\"cmp-detailed-information_mode-section-terms-banner\">\n          <div class=\"cmp-detailed-information_banner-icon-area\">\n            <i class=\"fa-duotone fa-map-location-dot\"></i>\n          </div>\n          <div class=\"cmp-detailed-information_banner-info-area\">\n            <div class=\"cmp-detailed-information_courier-detail-grid\">\n              <div class=\"consignment-number\">\n                <div class=\"label\">Consignment Number</div>\n                <div style=\"padding-top: 4px;\">\n                  {{ shipments.viewShipment.detailedInformation.courier.consignmentNumber }}\n                </div>\n              </div>\n              <div class=\"pod-name\">\n                <div class=\"label\">POD Name</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.courier.podName }}</div>\n              </div>\n              <div class=\"pod-date\">\n                <div class=\"label\">POD Date</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.courier.podDate }}</div>\n              </div>\n              <div class=\"pod-date\">\n                <div class=\"label\">POD Time</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.courier.podTime }}</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"shipments.viewShipment.mode.toLowerCase() === shipments.modes.sea.toLowerCase()\" id=\"sea-detail\">\n        <div class=\"cmp-detailed-information_mode-section-terms-banner\">\n          <div class=\"cmp-detailed-information_banner-icon-area\">\n            <i class=\"fa-duotone fa-ship\" style=\"color: #006cd4\"></i>\n          </div>\n          <div class=\"cmp-detailed-information_banner-info-area\">\n            <div class=\"cmp-detailed-information_sea-detail-grid\">\n              <div class=\"consignment-number\">\n                <div class=\"label\">B/L Number</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.sea.blNumber }}</div>\n              </div>\n              <div class=\"pod-name\">\n                <div class=\"label\">HBL</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.sea.hbl }}</div>\n              </div>\n              <div class=\"pod-date\">\n                <div class=\"label\">Vessel</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.sea.vessel }}</div>\n              </div>\n              <div class=\"pod-date\">\n                <div class=\"label\">Voyage Number</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.sea.voyageNumber }}</div>\n              </div>\n              <div class=\"awb-tracking\" style=\"padding-top: 3px;\">\n                <Button\n                    v-if=\"store.state.userSettings.showSeaTrackingLink\"\n                    :disabled=\"!shipments.viewShipment.detailedInformation.sea.trackingUrl\"\n                    @click=\"openTracking(shipments.viewShipment.detailedInformation.sea.trackingUrl)\"\n                    text=\"TRACK\"\n                    type=\"secondary\">\n                </Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"shipments.viewShipment.mode.toLowerCase() === shipments.modes.air.toLowerCase()\" id=\"flight-detail\">\n        <div class=\"cmp-detailed-information_mode-section-terms-banner\">\n          <div class=\"cmp-detailed-information_banner-icon-area\">\n            <i class=\"fa-duotone fa-plane-engines\" style=\"color: #020e32;\"></i>\n          </div>\n          <div class=\"cmp-detailed-information_banner-info-area\">\n            <div class=\"cmp-detailed-information_flight-detail-grid\">\n              <div class=\"flight-number\">\n                <div class=\"label\">Flight Number</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.air.flightNumber }}</div>\n              </div>\n              <div class=\"flight-2\">\n                <div class=\"label\">Flight 2 No.</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.air.secondFlightNumber }}\n                </div>\n              </div>\n              <div class=\"awb-number\">\n                <div class=\"label\">AWB Number</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.air.awbNumber }}</div>\n              </div>\n              <div class=\"hawb\">\n                <div class=\"label\">HAWB</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.air.hawb }}</div>\n              </div>\n              <div class=\"flight-date\">\n                <div class=\"label\">Flight Date</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.air.flightDate }}</div>\n              </div>\n              <div class=\"awb-tracking\" style=\"padding-top: 3px;\">\n                <Button\n                    v-if=\"store.state.userSettings.showAirTrackingLink\"\n                    :disabled=\"!shipments.viewShipment.detailedInformation.air.trackingUrl\"\n                    @click=\"openTracking(shipments.viewShipment.detailedInformation.air.trackingUrl)\"\n                    text=\"AWB Tracking\"\n                    type=\"secondary\">\n                </Button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"shipments.viewShipment.mode.toLowerCase() === shipments.modes.courier.toLowerCase()\"\n           id=\"courier-more-detail\">\n        <div class=\"cmp-detailed-information_mode-section-terms-banner\">\n          <div class=\"cmp-detailed-information_banner-icon-area\">\n            <i class=\"fa-duotone fa-file-invoice-dollar\" style=\"color: #25868f \"></i>\n          </div>\n          <div class=\"cmp-detailed-information_banner-info-area\">\n            <div class=\"cmp-detailed-information_courier-detail-grid\">\n              <div class=\"additional-ref\">\n                <div class=\"label\">Additional Ref</div>\n                <div style=\"padding-top: 4px;\">{{ shipments.viewShipment.detailedInformation.courier.additionalRef }}\n                </div>\n              </div>\n              <div class=\"value\">\n                <div class=\"label\">Value</div>\n                <div v-if=\"shipments.viewShipment.detailedInformation.courier.value\" style=\"padding-top: 4px;\">\n                  {{ shipments.viewShipment.detailedInformation.courier.value }}\n                </div>\n                <div v-else style=\"padding-top: 4px;\">No Data</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-detailed-information {\n\n  &_wrapper {\n    display: flex;\n    font-size: 12px;\n  }\n\n  &_wrapper &_container {\n    width: 100%;\n  }\n\n  &_wrapper &_container:nth-child(1) {\n    border-right: 1px solid #cfcfcf;\n    height: 280px;\n  }\n\n  &_heading-area {\n    display: flex;\n    align-items: center;\n    padding: 10px 10px 0 10px;\n  }\n\n  &_heading-text {\n    margin-left: 20px;\n  }\n\n  &_mode-banner-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  &_mode-section-terms-banner {\n    display: flex;\n    border: 1px solid #e7e7e7;\n    border-radius: var(--rounded-corners);\n    align-items: center;\n    height: 70px;\n    background: #ffffff;\n    width: 870px;\n    margin-left: 33px;\n  }\n\n  &_banner-icon-area {\n    font-size: 32px;\n    margin-left: 10px;\n    width: 40px;\n    opacity: 0.6;\n  }\n\n  &_banner-icon-area i {\n    margin-left: 13px;\n  }\n\n  &_banner-info-area {\n    display: flex;\n    margin-left: 28px;\n    height: 40px;\n    background-color: #eceff1;\n    width: 88%;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  &_inco-terms {\n    align-items: center;\n  }\n\n  &_inco-terms-description {\n    background-color: white;\n    padding: 4px 10px 4px 10px;\n    border-radius: 8px;\n    margin-left: 30px;\n  }\n\n  &_courier-detail-grid {\n    margin: 5px 0 0 20px;\n    display: grid;\n    grid-template-columns: 220px 270px 150px 100px;\n  }\n\n  &_flight-detail-grid {\n    margin: 5px 0 0 20px;\n    display: grid;\n    grid-template-columns: 140px 120px 150px 130px 95px 100px;\n  }\n\n  &_sea-detail-grid {\n    margin: 5px 0 0 20px;\n    display: grid;\n    grid-template-columns: 180px 140px 140px 200px 86px;\n  }\n\n}\n\n</style>\n","import script from \"./DetailedInformation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DetailedInformation.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DetailedInformation.vue?vue&type=style&index=0&id=7bca4120&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7bca4120\"]])\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport {inject} from 'vue';\nimport {useStore} from 'vuex';\n\nconst shipments = inject(\"shipments\");\nconst store = useStore();\n\n</script>\n\n<template class=\"cmp-collectionDelivery\">\n\n  <DataGrid\n      :key=\"shipments.viewShipment.collectionAndDelivery.length\"\n      height=\"160\"\n      :selectable=\"false\"\n      :row-selection=\"false\"\n      :allow-grid-menu=\"false\"\n      :allowPagination=\"false\"\n      :columns=\"shipments.collectionDelivery.gridColumns\"\n      :dataSource=\"shipments.viewShipment.collectionAndDelivery\">\n  </DataGrid>\n\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./CollectionDelivery.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CollectionDelivery.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\"\nimport {inject} from 'vue';\nimport {useStore} from 'vuex';\n\nconst shipments = inject(\"shipments\");\nconst store = useStore();\n\nfunction openTracking(url) {\n\n  window.open(url);\n}\n\n</script>\n\n<template class=\"cmp-containers\">\n\n  <DataGrid\n      height=\"160\"\n      :selectable=\"false\"\n      :row-selection=\"false\"\n      :allow-grid-menu=\"false\"\n      :allowPagination=\"false\"\n      :columns=\"shipments.containers.gridColumns\"\n      :dataSource=\"shipments.viewShipment.containers\">\n    <template v-slot:tracking=\"row\">\n      <Button\n          v-if=\"row.grid.showTracking\"\n          @click=\"openTracking(row.grid.trackingUrl)\"\n          type=\"toolbar\"\n          text=\"Tracking\">\n      </Button>\n    </template>\n  </DataGrid>\n\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./Containers.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Containers.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","\n<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\"\nimport {inject} from 'vue';\nimport {useStore} from 'vuex';\n\nconst shipments = inject(\"shipments\");\nconst store = useStore();\n\nfunction openTracking(url) {\n\n  window.open(url);\n}\n\n</script>\n\n<template class=\"cmp-customs\">\n\n  <DataGrid\n      :key=\"shipments.viewShipment.customs.length\"\n      height=\"160\"\n      :selectable=\"false\"\n      :row-selection=\"false\"\n      :allow-grid-menu=\"false\"\n      :allowPagination=\"false\"\n      :columns=\"shipments.customs.gridColumns\"\n      :dataSource=\"shipments.viewShipment.customs\">\n  </DataGrid>\n\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./Customs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Customs.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport Notification from \"@/classes/component-classes/Notification\";\n\nimport {inject} from 'vue';\nimport axios from \"axios\";\nimport {useRoute} from \"vue-router\";\nimport API from \"@/classes/global/API\";\n\nconst route = useRoute();\nconst shipments = inject(\"shipments\");\n\nasync function prepareModal(row) {\n\n  shipments.value.warehousePicksModal = true;\n  shipments.value.warehousePicks.selectedShipmentItem = row;\n\n  const response = await API.getWarehouseItems(route, row.warehouseRef);\n\n  if(response) {\n\n    shipments.value.viewShipment.warehouseItems = response;\n  }\n\n}\n\n</script>\n\n<template>\n\n    <DataGrid\n        :key=\"shipments.viewShipment.warehouseHeaders.length\"\n        height=\"196\"\n        :selectable=\"false\"\n        :row-selection=\"false\"\n        :allow-grid-menu=\"false\"\n        :allowPagination=\"false\"\n        :dataSource=\"shipments.viewShipment.warehouseHeaders\"\n        :columns=\"shipments.warehouseShipmentDetail.gridColumns\">\n      <template v-slot:viewPick=\"row\">\n        <Button\n            @click=\"prepareModal(row.rowData)\"\n            type=\"toolbar\"\n            text=\"View\">\n        </Button>\n      </template>\n      <template v-slot:moreDetail=\"row\">\n        <Button\n            @click=\"prepareModal(row.rowData)\"\n            type=\"toolbar\"\n            text=\"Details\">\n        </Button>\n      </template>\n    </DataGrid>\n\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./WarehouseShipmentDetail.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WarehouseShipmentDetail.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport GridCellDetail from \"@/components/common/other/GridCellDetail\";\nimport GridCellHeaderAndValue from \"@/components/common/other/GridCellHeaderAndValue\";\nimport MoreInfoPopOutPanel from \"@/components/common/other/MoreInfoPopOutPanel\";\nimport StockDescriptions from \"@/components/warehouse/StockDescriptions\";\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport SearchToolbar from \"@/components/shipments/SearchToolbar\"\n\nimport {inject, computed} from 'vue';\n\nconst shipments = inject(\"shipments\");\n\n// const renderWarehouse = computed(() => {\n//\n//     return shipments.viewShipment.warehouseItems.length\n//\n// })\n\n</script>\n\n<template class=\"cmp-warehouse-item-details\">\n\n  <SearchToolbar width=\"1570px\">\n    <div class=\"cmp-warehouse-item-details_header-items\">\n      <div class=\"label\">Warehouse Ref:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.warehouseRef }}\n        </span>\n      </div>\n      <div class=\"label\">Supplier:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.supplier }}\n        </span>\n      </div>\n      <div class=\"label\">Customer Ref:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.customerRef }}\n        </span>\n      </div>\n      <div class=\"label\">Items:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.pieces }}\n        </span>\n      </div>\n      <div class=\"label\">Gross Weight:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.grossWeight }}\n        </span>\n      </div>\n      <div class=\"label\">Cube:\n        <span class=\"cmp-warehouse-item-details_data\">{{ shipments.warehousePicks.selectedShipmentItem.cube }}\n        </span>\n      </div>\n    </div>\n  </SearchToolbar>\n\n  <DataGrid\n      height=\"460\"\n      :selectable=\"false\"\n      :row-selection=\"false\"\n      :allow-grid-menu=\"false\"\n      :allowPagination=\"false\"\n      :columns=\"shipments.warehousePicks.gridColumns\"\n      :dataSource=\"shipments.viewShipment.warehouseItems\">\n    <template v-slot:skuProperties=\"row\">\n      <GridCellDetail>\n        <template #details>\n          <MoreInfoPopOutPanel\n              v-model=\"row.grid\">\n            <template #header>Stock Item Properties</template>\n            <template #header-extra>SKU Number: {{ row.grid.skuNumber }}</template>\n            <template #content>\n              <StockDescriptions v-model=\"row.grid.skuProperties\"></StockDescriptions>\n            </template>\n          </MoreInfoPopOutPanel>\n        </template>\n        <template #cell-data>\n          <GridCellHeaderAndValue\n              v-model=\"row.grid.skuProperties\">\n          </GridCellHeaderAndValue>\n        </template>\n      </GridCellDetail>\n    </template>\n  </DataGrid>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-warehouse-item-details {\n\n  &_header-items {\n    display: grid;\n    padding-left: 10px;\n    grid-template-columns: 320px 415px 310px 150px 230px 100px;\n    background-color: #fdfdfd;\n    height: 26px;\n    width: 100%;\n    align-items: center;\n    font-size: 13px;\n    border: 1px solid #e5e5e5;\n  }\n\n  &_data {\n    margin-left: 5px;\n    font-size: 13px;\n    font-weight: normal;\n    color: var(--aqua-blue-definition);\n  }\n\n}\n\n</style>\n","import script from \"./WarehouseItemDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WarehouseItemDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./WarehouseItemDetails.vue?vue&type=style&index=0&id=4f56284b&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4f56284b\"]])\n\nexport default __exports__","<script setup>\n\nimport Button from \"@/components/common/input/Button\";\n\nconst props = defineProps({\n\n  modelValue: {},\n  width: {type: String, default: '100%'},\n  height: {type: String, default: 'auto'},\n  title: {type: String, default: 'Title'},\n  showClose: {type: Boolean, default: true}\n\n});\n\nconst emits = defineEmits(['update:modelValue', 'close'])\n\nfunction handleClose() {\n  emits('update:modelValue', false);\n  emits('close');\n\n}\n\n</script>\n\n<template class=\"cmp-modal\">\n  <div v-show=\"modelValue\" class=\"cmp-modal_backdrop\"  data-cy=\"cmpModalWindow\">\n    <div class=\"cmp-modal_wrapper\" :style=\"{width:width}\">\n      <header class=\"cmp-modal_header global-center-items\">\n        <slot name=\"icon\"></slot><slot name=\"header\">{{ title }}</slot>\n        <div title=\"Close\" @click=\"handleClose()\" class=\"cmp-modal_close\"><span>&#735</span> </div>\n      </header>\n      <section class=\"cmp-modal_body\" :style=\"{height:height}\">\n        <slot name=\"body\"></slot>\n      </section>\n      <footer data-cy=\"cmpModalFooter\" class=\"cmp-modal_footer\">\n        <slot name=\"footer\"></slot>\n        <Button\n            data-cy=\"btnModalOkButton\"\n            v-if=\"props.showClose\"\n            @click=\"emits('update:modelValue', false)\"\n            text=\"Close\"\n            type=\"toolbar\">\n        </Button>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-modal {\n\n  &_backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(153, 152, 152, 0.38);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n    backdrop-filter: blur(2px);\n  }\n\n  &_wrapper {\n    border-radius: 4px;\n    border: 1px solid #b7b7b7;\n    background-color: #fdfdfd;\n    user-select: none;\n    animation: fadeIn 1s;\n    -webkit-animation: fadeIn 0.5s;\n    -moz-animation: fadeIn 0.5s;\n    //max-width: 1650px;\n  }\n\n  &_header {\n    position: relative;\n    border-top-right-radius: 4px;\n    border-top-left-radius: 4px;\n    border-bottom: 1px solid #eeeeee;\n    color: #282828;\n    height: 34px;\n    font-size: 14px;\n    font-weight: bold;\n    display: flex;\n    gap: 10px;\n    padding-left: 10px;\n    background: #f3f3f3;\n  }\n\n  &_body {\n    position: relative;\n    padding: 10px 40px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    background: #fcfcfc;\n\n  }\n\n  &_footer {\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n    padding: 5px;\n    display: flex;\n    border-top: 1px solid #eeeeee;\n    justify-content: flex-end;\n    background: #fafafa;\n    height: 24px;\n  }\n\n  &_close {\n    position: absolute;\n    right: 10px;\n    top: 6px;\n    font-size: 35px;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &_close span {\n    padding-top: 14px;\n  }\n\n  &_close:hover {\n    background-color: #b04545;\n    color: #fff;\n  }\n\n}\n\n@keyframes fadeIn {\n  0% {opacity:0;}\n  100% {opacity:1;}\n}\n\n@-moz-keyframes fadeIn {\n  0% {opacity:0;}\n  100% {opacity:1;}\n}\n\n@-webkit-keyframes fadeIn {\n  0% {opacity:0;}\n  100% {opacity:1;}\n}\n\n</style>\n","import script from \"./Modal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Modal.vue?vue&type=style&index=0&id=2abfa820&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2abfa820\"]])\n\nexport default __exports__","<script setup>\nimport {inject} from 'vue'\nimport Tabs from \"@/components/common/navigation/tabs/Tabs\";\nimport TabsContent from \"@/components/common/navigation/tabs/TabsContent\";\nimport DetailedInformation from \"@/components/shipments/DetailedInformation\";\nimport CollectionDelivery from \"@/components/shipments/CollectionDelivery\";\nimport Containers from \"@/components/shipments/Containers\";\nimport Customs from \"@/components/shipments/Customs\";\nimport NoDataFoundBanner from \"@/components/shipments/NoDataFoundBanner\";\nimport WarehouseShipmentDetail from \"@/components/warehouse/WarehouseShipmentDetail\";\nimport WarehouseItemDetails from\"@/components/warehouse/WarehouseItemDetails\"\nimport Modal from \"@/components/common/other/Modal\";\n\nimport {computed} from \"@vue/reactivity\";\n\nconst shipments = inject(\"shipments\");\n\nconst showContainers = computed(() => {\n\n\n  if(shipments.value.viewShipment.mode.toLowerCase() === shipments.value.modes.sea.toLowerCase()) {\n    return true;\n\n  } else {\n    shipments.value.selectedViewShipmentTab = 'Detailed Information';\n    return false\n  }\n\n});\n\n</script>\n\n<template class=\"cmp-view-shipment-tabs-area\">\n  <div id=\"Vue-3-component-view-shipment-tabs-area\" class=\"cmp-view-shipment-tabs-area_tabs-wrapper\">\n    <Tabs v-model:selectedTab=\"shipments.selectedViewShipmentTab\" :key=\"shipments.viewShipment.mode\">\n      <TabsContent\n          icon=\"fa-duotone fa-memo-circle-info\"\n          iconColor=\"#767676\"\n          name=\"Detailed Information\"\n          :selectedTab=\"shipments.selectedViewShipmentTab\">\n        <DetailedInformation></DetailedInformation>\n      </TabsContent>\n      <TabsContent\n          icon=\"fa-duotone fa-warehouse\"\n          iconColor=\"#767676\"\n          name=\"Warehouse\"\n          :selectedTab=\"shipments.selectedViewShipmentTab\">\n        <WarehouseShipmentDetail></WarehouseShipmentDetail>\n      </TabsContent>\n      <TabsContent\n          v-if=\"showContainers\"\n          icon=\"fa-regular fa-container-storage\"\n          iconColor=\"#767676\"\n          name=\"Containers\"\n          :selectedTab=\"shipments.selectedViewShipmentTab\">\n        <Containers></Containers>\n<!--        <div v-else class=\"cmp-view-shipment-tabs-area_incorrect-mode\">-->\n<!--          <NoDataFoundBanner>Not Applicable For this Mode</NoDataFoundBanner>-->\n<!--        </div>-->\n      </TabsContent>\n      <TabsContent\n          icon=\"fa-duotone fa-passport\"\n          iconColor=\"#767676\"\n          name=\"Customs\"\n          :selectedTab=\"shipments.selectedViewShipmentTab\">\n        <Customs></Customs>\n      </TabsContent>\n      <TabsContent\n          icon=\"fa-duotone fa-truck-ramp-box\"\n          iconColor=\"#767676\"\n          name=\"Pickup / Delivery\"\n          :selectedTab=\"shipments.selectedViewShipmentTab\">\n          <CollectionDelivery></CollectionDelivery>\n      </TabsContent>\n    </Tabs>\n  </div>\n  <Modal\n      v-model=\"shipments.warehousePicksModal\"\n      title=\"Warehouse Item Details\"\n      width=\"1680px\"\n      height=\"480px\">\n    <template #icon>\n      <i class=\"fa-solid fa-warehouse-full\" style=\"color: #F68E1E; font-size: 20px\"></i>\n    </template>\n    <template #body>\n      <WarehouseItemDetails></WarehouseItemDetails>\n    </template>\n  </Modal>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-view-shipment-tabs-area {\n\n  &_incorrect-mode {\n    margin-top: 50px;\n  }\n\n  &_tabs-wrapper {\n    margin-top: 20px;\n  }\n\n}\n\n</style>\n","import script from \"./ViewShipmentTabsArea.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ViewShipmentTabsArea.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ViewShipmentTabsArea.vue?vue&type=style&index=0&id=4e6d2094&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4e6d2094\"]])\n\nexport default __exports__","<script setup>\n\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport SearchToolbar from \"@/components/shipments/SearchToolbar\";\nimport Button from \"@/components/common/input/Button\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\"\nimport Notification from \"@/classes/component-classes/Notification\";\nimport ViewShipmentFromTo from \"@/components/shipments/ViewShipmentFromTo\"\nimport ConsignmentAndMilestones from \"@/components/shipments/ConsignmentAndMilestones\";\nimport ViewShipmentTabsArea from \"@/components/shipments/ViewShipmentTabsArea\";\nimport SlideInDrawer from \"@/components/common/navigation/SlideInDrawer\";\nimport ShipmentDocumentDownload from \"@/components/shipments/ShipmentDocumentDownload\";\nimport LoadingSpinner from \"@/components/common/other/LoadingSpinner\";\n\nimport {useGetDocumentsList} from \"@/composables/common/useGetDocumentsList\";\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\n\nimport {useStore} from 'vuex';\nimport {useRoute} from \"vue-router\";\nimport {useRouter} from 'vue-router';\n\n\nimport {ref, inject, onMounted} from 'vue';\nimport axios from \"axios\";\nimport GridColumn from \"@/classes/component-classes/GridColumn\";\nimport {ViewShipment} from \"@/classes/viewmodels/ViewShipment\";\nimport API from \"@/classes/global/API\";\n\nconst shipments = inject(\"shipments\");\nconst store = useStore();\nconst route = useRoute();\nconst router = useRouter();\n\nlet jobNumberCopied = ref(false);\nlet custRefCopied = ref(false);\n\nfunction saveToClipboard(text, heading) {\n\n  navigator.clipboard.writeText(text);\n\n  if (heading === 'jobNumber') jobNumberCopied.value = true;\n  if (heading === 'custRef') custRefCopied.value = true;\n\n  setTimeout(function () {\n\n    jobNumberCopied.value = false;\n    custRefCopied.value = false;\n\n  }, 2000);\n\n}\n\nasync function getSelectedShipment() {\n\n  const shipment = await API.getShipmentData(route);\n\n  if (shipment) {\n\n    store.state.hideLoadingSpinner = true;\n\n    shipments.value.viewShipment = shipment;\n\n  } else {\n\n    shipments.value.viewShipment = new ViewShipment();\n  }\n\n}\n\nfunction checkModeForBol() {\n\n  if (shipments.value.mode === shipments.value.modes.road) return true;\n  if (shipments.value.mode === shipments.value.modes.sea) return true;\n\n  return false;\n\n}\n\nfunction editShipment(routeParams) {\n\n  let bookingType = routeParams.mode;\n\n  // Have to convert the Other & Courier sent from the selected tab, to the respective names for the services.\n\n  if(routeParams.mode === 'Other') bookingType = 'freightBooking';\n  if(routeParams.mode === 'Courier') bookingType = 'courierBooking';\n\n  if(bookingType === 'freightBooking' || bookingType === 'courierBooking') {\n\n    router.push({name: 'booking', params: {owner:  store.state.owner, section: bookingType, id: route.params.id}})\n\n  } else {\n\n    router.push({name: 'prejob', params: {owner:  store.state.owner, section: routeParams.mode , id: route.params.id}})\n  }\n\n}\n\nonMounted(async () => {\n\n  await router.isReady();\n\n  getSelectedShipment();\n\n})\n\n</script>\n\n<template id=\"Vue-3-view-component-view-shipments\" class=\"view-view-shipments\">\n  <LoadingSpinner :hide=\"store.state.hideLoadingSpinner\"></LoadingSpinner>\n  <SlideInDrawer\n      title=\"Available Documents\"\n      v-model:open-drawer=\"shipments.shipmentDocsDrawer\">\n    <ShipmentDocumentDownload></ShipmentDocumentDownload>\n  </SlideInDrawer>\n  <StaticWidget\n      height=\"735\"\n      title=\"Shipment Details\">\n    <template #right-side>\n      <Button\n          v-if=\"shipments.viewShipment.isEditable\"\n          @click=\"editShipment(route.params)\"\n          text=\"Edit\"\n          type=\"info\">\n      </Button>\n      <Button\n          @click=\"useGetDocumentsList(route.params.id, route, store, shipments)\"\n          type=\"warning\"\n          text=\"Docs\">\n      </Button>\n      <Button\n          :disabled=\"true\"\n          type=\"secondary\"\n          title=\"Later Feature\"\n          text=\"Label\">\n      </Button>\n      <Button\n          v-if=\"checkModeForBol()\"\n          text=\"BOL\">\n      </Button>\n    </template>\n    <SearchToolbar>\n      <div class=\"toolbar-content\">\n        <div style=\"width: 340px; margin-left: 50px;\">\n          <StaticTooltip v-if=\"!jobNumberCopied\">\n            <template #content>Copy To Clipboard</template>\n            <i class=\"fa-solid fa-clipboard view-view-shipments_toolbar-clipboard-icons\"\n               @click=\"saveToClipboard(shipments.viewShipment.jobNumber, 'jobNumber')\">\n            </i>\n          </StaticTooltip>\n          <i v-else class=\"fa-solid fa-circle-check view-view-shipments_copied-success\"></i>\n          <span class=\"view-view-shipments_toolbar-headings\">Job Number:</span>\n          <span class=\"view-view-shipments_toolbar-data\">{{ shipments.viewShipment.jobNumber }}</span>\n        </div>\n        <div style=\"width: 740px;\">\n          <StaticTooltip v-if=\"!custRefCopied\">\n            <template #content>Copy To Clipboard</template>\n            <i class=\"fa-solid fa-clipboard view-view-shipments_toolbar-clipboard-icons\"\n               @click=\"saveToClipboard(shipments.viewShipment.customerRef, 'custRef')\">\n            </i>\n          </StaticTooltip>\n          <i v-else class=\"fa-solid fa-circle-check view-view-shipments_copied-success\"></i>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              {{ shipments.viewShipment.customerRef || 'No Data' }}\n            </template>\n            <span class=\"view-view-shipments_toolbar-headings\">Customer Ref:</span>\n            <span :class=\"{'view-view-shipments_toolbar-data' : shipments.viewShipment.customerRef,\n             'global-no-data-placeholder' : !shipments.viewShipment.customerRef }\">\n              {{ useCreateSubstringText(shipments.viewShipment.customerRef, 80) || ' Customer Ref......' }}\n            </span>\n          </StaticTooltip>\n        </div>\n        <div style=\"width: 300px;\">\n          <i class=\"fa-solid fa-truck-plane\" style=\"color: #46a9b3;\"></i>\n          <span class=\"view-view-shipments_toolbar-headings\">Mode:</span><span\n            class=\"view-view-shipments_toolbar-data\">{{ shipments.viewShipment.mode }}</span>\n        </div>\n      </div>\n    </SearchToolbar>\n\n    <ViewShipmentFromTo></ViewShipmentFromTo>\n\n    <ConsignmentAndMilestones></ConsignmentAndMilestones>\n\n    <ViewShipmentTabsArea></ViewShipmentTabsArea>\n\n    <template v-slot:icon>\n      <i class=\"fa-solid fa-square-list\" style=\"color: #bcb46a;\"></i>\n    </template>\n  </StaticWidget>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.view-view-shipments {\n\n  &_toolbar-headings {\n    font-weight: bold;\n    margin-left: 5px;\n  }\n\n  &_toolbar-clipboard-icons {\n    color: #3780d0;\n    cursor: pointer;\n    width: 13px;\n  }\n\n  &_toolbar-data {\n    margin-left: 5px;\n  }\n\n  &_copied-success {\n    color: #3f9968;\n    width: 13px;\n  }\n\n}\n\n\n</style>\n","import script from \"./ViewShipment.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ViewShipment.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ViewShipment.vue?vue&type=style&index=0&id=6d459b71&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6d459b71\"]])\n\nexport default __exports__","<script setup>\n\nimport {ref, provide, onMounted, computed} from 'vue'\nimport Validation from \"@/classes/global/Validation\";\n\nconst minMaxFail = ref(false);\n\nconst emits = defineEmits(['update:modelValue', 'update:validationFail',\n  'min-number-reached','max-number-reached','focusout', 'keydown', 'input', 'blur', 'click' ]);\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  inputType: {type: String, default: 'text'},\n  cssStyle: {type: String},\n  validationFail: {type: Object, default: new Validation()},\n  validationText: {type: Array, default: ['Required']},\n  disable: {type: Boolean, default: false},\n  readonly: {type: Boolean, default: false},\n  placeholder: {type: String},\n  width: {type: Number, default: 50},\n  maxLength: {type: Number, default: 12},\n  maxNumber: {type: Number, default: Infinity},\n  minNumber: {type: Number, default: 0},\n  allowDecimal: {type: Boolean, default: false},\n  label: {type: String, default: ''},\n  labelTop: {type: Boolean, default: false,},\n  labelWidth: {type: Number, default: 105},\n  requiredField: {type: Boolean, default: false}\n})\n\nfunction maxMinNumberCheck(e) {\n\n  let value = e.target.value;\n\n  if (value !== \"\") {\n\n    if (props.maxNumber > 0) {\n      if (value > props.maxNumber || value.length > props.maxLength) {\n        e.preventDefault();\n        emits('update:validationFail', new Validation(1, true));\n        emits('max-number-reached', value);\n        return\n      }\n    }\n\n    if (props.minNumber >= 0) {\n      if (value < props.minNumber) {\n\n        emits('update:validationFail', new Validation(1, true));\n        emits('min-number-reached', value);\n\n      } else {\n        emits('update:validationFail', new Validation());\n        emits('update:modelValue', value);\n      }\n    }\n\n  } else {\n    emits('update:modelValue', value);\n  }\n\n};\n\nfunction filterChars(e) {\n\n  if (!props.allowDecimal) {\n    if (!(/[0-9]/.test(e.key))) {\n      e.preventDefault();\n    }\n\n  } else {\n    if (!(/[0-9]/.test(e.key))) {\n      if (e.key !== '.') {\n        e.preventDefault();\n\n      } else {\n        let split = e.target.value.split(\".\");\n        if (split.length > 1 || e.target.value === \"\") {\n          e.preventDefault();\n        }\n\n      }\n    }\n  }\n\n};\n\nfunction handleFocusOut() {\n  emits('update:validationFail', new Validation());\n  emits('focusout')\n};\n\nfunction handleClear(value) {\n  if (value === '') {\n    emits('update:validationFail', new Validation());\n    emits('update:modelValue', '')\n  }\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-number-only-input\">\n    <TextInput\n        id=\"text-input\"\n        :placeholder=\"placeholder\"\n        type=\"search\"\n        :label=\"label\"\n        :label-top=\"labelTop\"\n        :labelWidth=\"labelWidth\"\n        :requiredField=\"props.requiredField\"\n        :clearable=\"false\"\n        autocomplete=\"off\"\n        :width=\"width\"\n        :readonly=\"readonly\"\n        :disable=\"disable\"\n        :validation-fail=\"validationFail\"\n        :validation-text=\"validationText\"\n        v-model=\"modelValue\"\n        :maxLength=\"maxLength\"\n        @keydown=\"$emit('keydown', $event)\"\n        @click=\"$emit('click', $event)\"\n        @blur=\"$emit('blur', $event)\"\n        @focusout=\"handleFocusOut\"\n        @keypress=\"filterChars\"\n        @update:modelValue=\"handleClear\"\n        @input=\"$emit('input', $event.target.value), maxMinNumberCheck($event)\">\n    </TextInput>\n  </div>\n</template>\n","import script from \"./NumberOnlyInput.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NumberOnlyInput.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\nimport {ref, nextTick, onMounted, computed, watch} from 'vue';\nimport DropDownItem from \"@/classes/component-classes/DropDownItem\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport Validation from \"@/classes/global/Validation\";\n\nimport {useStore} from \"vuex\";\nimport {useRoute} from \"vue-router\";\n\n\nimport axios from 'axios';\nimport API from \"@/classes/global/API\";\n\nconst selectedItem = ref('');\nconst popupSelectResults = ref(props.popupResults);\nconst showResults = ref(false);\nconst selected = ref(-1);\nconst closeTimer = ref(null);\nconst closeTime = ref(600);\nconst localDataSource = ref([]);\nconst readOnly = ref(false);\nconst selectionMade = ref(false);\nconst valueNotValid = ref(false);\nconst menuFullOpenHeight = ref({type: Number, default: 0})\n\n// HTML Refs\nconst inputRef = ref();\nconst selectRef = ref();\nconst ulRef = ref();\n\nconst store = useStore();\nconst route = useRoute();\n\n\nconst emits = defineEmits(['update:modelValue', 'update:validationFail', 'keydown', 'select', 'clear'])\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  dataSource: {\n    type: Array, default: function () {\n      return []\n    }\n  },\n\n  allowCustomValue: {type: Boolean, default: false},\n  placeholder: {type: String, default: 'Select or Enter value... '},\n  clearable: {type: Boolean, default: true},\n  validationFail: {type: Object, default: new Validation()},\n  validationText: {type: Array, default: ['Required']},\n  popupResults: {type: Boolean, default: false},\n  disable: {type: Boolean, default: false},\n  width: {type: Number, default: 450},\n  label: {type: String, default: ''},\n  labelTop: {type: Boolean, default: false},\n  labelWidth: Number,\n  requiredField: {type: Boolean, default: false},\n  selectPrimitiveValue: {type: Boolean, default: false},\n  disableFilter: {type: Boolean, default: false},\n  useServerSearch: {type: Boolean, default: false},\n  searchType: '',\n  maxLength: {type: Number, default: 50},\n  highlightRequiredBackground: {type: Boolean, default: false},\n\n})\n\nconst matches = computed(() => getSortedData());\nconst placeHolder = computed(() => getPlaceHolder());\nconst requiredFieldColor = computed(() => getRequiredFieldColor());\n\nconst activatePortIcons = computed(() => {\n\n  if(props.searchType === 'unlocode' || props.searchType === 'iata' ) return true;\n\n});\n\n\nonMounted(() => {\n\n  fillDropdownData();\n\n})\n\nwatch(() => props.modelValue, () => {\n\n  if (!props.modelValue) {\n\n    // If model is empty, must be clear button\n    selectedItem.value = props.modelValue;\n    emits('update:validationFail', new Validation(0, false));\n\n    // Stops dropdown flicker when typing custom value\n  } else if (localDataSource.value.length > 0) {\n\n    fillDropdownData();\n\n  }\n\n})\n\nfunction fillDropdownData() {\n\n  localDataSource.value = props.dataSource;\n\n  // State - Set prop data from model\n  if (props.modelValue) {\n\n    if (typeof props.modelValue === 'object') {\n\n      // Id and value supplied as object\n      if (props.modelValue.id) {\n\n        selectedItem.value = props.dataSource.find(x => x.id === props.modelValue.id).value;\n        selectionMade.value = true;\n        // this.readOnly = true;\n      } else {\n        selectedItem.value = props.modelValue.value;\n      }\n\n    } else {\n      // Check if modelValue is passed as an id from dataSource items, or primitive value, update accordingly\n      const getItemFromDataSource = props.dataSource.find(x => x.id === props.modelValue);\n\n      if (getItemFromDataSource) selectedItem.value = getItemFromDataSource.value;\n      if (!getItemFromDataSource) selectedItem.value = props.modelValue.trim();\n\n      if(selectedItem.value) updateModelValue(selectedItem.value);\n      // this.readOnly = true;\n\n    }\n\n  }\n}\n\n// Computed\nfunction getSortedData() {\n\n  return localDataSource.value.filter((item) => {\n\n    if (selectedItem.length === 1) {\n      return item.value.toLowerCase().startsWith(selectedItem.value.toLowerCase());\n\n    } else {\n      return item.value.toLowerCase().includes(selectedItem.value.toLowerCase());\n    }\n\n  })\n}\n\nfunction getPlaceHolder() {\n  if (props.dataSource) {\n\n    if (props.dataSource.length === 0 && !activatePortIcons.value) {\n      return 'No data to display';\n    }\n  }\n  return props.placeholder;\n}\n\nfunction getRequiredFieldColor() {\n  if (props.requiredField) {\n    return 'background-color: #ffeda9';\n  }\n  return '';\n}\n\n// End Computed\n\n\nfunction updateValues(e) {\n\n  if (props.useServerSearch) {\n\n    searchFromServer(e.target.value)\n\n    // return\n  }\n\n  selectionMade.value = false;\n\n  emits('update:validationFail', new Validation(0, false));\n\n  !props.allowCustomValue ? valueNotValid.value = !selectionMade.value : false;\n\n  if (props.allowCustomValue) {\n\n    if (props.selectPrimitiveValue) {\n\n      updateModelValue(e.target.value.trim());\n\n    } else {\n\n      updateModelValue(new DropDownItem(props.modelValue.id, e.target.value))\n    }\n\n  } else {\n\n    if (props.selectPrimitiveValue) {\n\n      updateModelValue('');\n\n    } else {\n\n      updateModelValue(new DropDownItem(null, ''));\n    }\n  }\n\n\n}\n\nasync function searchFromServer(searchValue) {\n\n  if (searchValue.trim()) {\n\n    let response;\n\n    switch (props.searchType) {\n\n      case 'shipper' : case 'consignee' : response = await API.searchCompanyByType(route, searchValue, props.searchType);\n        break;\n      case 'iata' : response = await API.getPortsByCode(route, searchValue, true );\n        break;\n      case 'unlocode' : response = await API.getPortsByCode(route, searchValue, false );\n    }\n\n    if(response) localDataSource.value = response;\n\n  } else {\n\n    localDataSource.value = props.dataSource;\n  }\n\n}\n\nfunction updateModelValue(value) {\n\n  if (value.hasOwnProperty('value')) return emits('update:modelValue', value);\n\n  emits('update:modelValue', value.substring(0, props.maxLength));\n\n}\n\nfunction checkValueValid() {\n\n  if (selectedItem.value === '') valueNotValid.value = false;\n  if (!showResults.value) valueNotValid.value = !selectionMade.value && !props.allowCustomValue && selectedItem.value !== '';\n\n}\n\nfunction getSelectResultContainerPosition(popupResults) {\n\n  nextTick(() => {\n\n    let inputElement = inputRef.value\n    let selectDrop = selectRef.value;\n\n    let inputTopPosition = inputElement.$el.children[1].getBoundingClientRect().top;\n    let inputLeftPosition = inputElement.$el.children[1].getBoundingClientRect().left;\n    let inputWidth = inputElement.$el.children[1].getBoundingClientRect().width - 2;\n\n\n    if (selectDrop) {\n\n      let selectHeight = selectDrop.clientHeight + 29;\n      menuFullOpenHeight.value = selectHeight\n\n      if (!popupResults) {\n\n        selectDrop.style.cssText = `top: ${inputTopPosition + \"px\"}; left: ${inputLeftPosition + \"px\"}; min-width: ${inputWidth + \"px\"} `\n      } else {\n\n        selectDrop.style.cssText = `top: ${inputTopPosition - selectHeight + \"px\"}; left: ${inputLeftPosition + \"px\"}; min-width: ${inputWidth + \"px\"} `\n      }\n\n    }\n\n  })\n\n}\n\nfunction reEnterSelect() {\n\n  // Re add this if overscroll css ever has an issue with the selectbox detaching\n\n  // document.addEventListener(\"wheel\", this.autoCloseSelectResults);\n  //\n  // if(this.showResults) {\n  //   document.removeEventListener(\"wheel\", this.closeResults);\n  // }\n\n  document.removeEventListener('wheel', closeResults)\n\n  clearTimeout(closeTimer.value);\n\n}\n\nfunction autoCloseSelectResults(e) {\n\n  //Measure the mouse position within the menu boundaries - close if mouse is out of bounds\n  if (showResults.value) {\n\n    let selectDrop = selectRef.value;\n\n    let selectTop = selectDrop.offsetTop;\n    let selectLeft = selectDrop.offsetLeft;\n    let selectWidth = selectDrop.getBoundingClientRect().width;\n    let selectHeight = selectDrop.clientHeight + 29;\n\n    // Slight difference in value adjustment between popup and normal to stop auto close behaviour bug\n    let selectBottom = selectTop + selectHeight - 32;\n    let selectBottomPopup = selectTop + selectHeight - 29;\n\n    if (!popupSelectResults.value) {\n\n      if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY - window.scrollY < selectTop\n          || e.pageY > selectBottom) {\n\n        window.addEventListener(\"scroll\", closeResults);\n        document.addEventListener(\"wheel\", closeResults);\n        window.addEventListener('click', closeResults)\n\n        // Only close if the menu is fully open\n        if (selectHeight === menuFullOpenHeight.value) {\n\n          clearTimeout(closeTimer.value)\n          closeTimer.value = setTimeout(() => closeResults(), closeTime.value);\n\n        }\n      }\n\n    } else {\n\n      if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY < selectTop\n          || e.pageY > selectBottomPopup) {\n\n        window.addEventListener(\"scroll\", closeResults);\n        document.addEventListener(\"wheel\", closeResults);\n\n        if (selectHeight === menuFullOpenHeight.value) {\n\n          clearTimeout(closeTimer.value)\n          closeTimer.value = setTimeout(() => closeResults(), closeTime.value);\n          selected.value = -1;\n        }\n\n      }\n\n    }\n\n  }\n}\n\nfunction setupClick(e) {\n\n  // Make the select popup if the input is so far down the screen\n  popupSelectResults.value = false;\n\n  let lowerScreenArea = window.outerHeight / 1.3\n\n  if (e.screenY > lowerScreenArea) {\n    popupSelectResults.value = true;\n  }\n\n  showResults.value = true;\n\n  getSelectResultContainerPosition(popupSelectResults.value);\n\n  // If making the selection readonly until clear button is pressed\n\n  // if(!this.readOnly) {\n  //   this.showResults = true;\n  //   this.getSelectResultContainerPosition(this.popupSelectResults);\n  // }\n\n}\n\nfunction stopScroll(e) {\n  if (showResults.value) e.preventDefault();\n}\n\nfunction scrollItems(e) {\n  e.preventDefault();\n\n  if (e.deltaY > 0) {\n    selectRef.value.scrollBy(0, 22)\n\n  } else {\n    selectRef.value.scrollBy(0, -22)\n  }\n\n}\n\nfunction closeResults() {\n\n  showResults.value = false;\n  selected.value = -1;\n\n  window.removeEventListener('scroll', closeResults)\n  document.removeEventListener('wheel', closeResults)\n  window.removeEventListener('click', closeResults)\n}\n\nfunction selectItem(itemSelected, index) {\n\n  let selectedCopy = {...itemSelected};\n\n  emits('update:validationFail', new Validation(0, false));\n\n  // Slight hack to cater for the concat address line 1 in the datasource (maintains the correct value for the model)\n  // The copy prevents the list value being changed through reactivity\n  if (itemSelected.hasOwnProperty('originValue')) {\n    selectedItem.value = itemSelected.originValue;\n    selectedCopy.value = itemSelected.originValue;\n\n  } else {\n    selectedItem.value = itemSelected.value;\n  }\n\n  // this.readOnly = true;\n  showResults.value = false;\n  selected.value = index;\n  selected.value = -1;\n  selectionMade.value = true;\n  valueNotValid.value = false;\n\n  emitCorrectModelValue(selectedCopy);\n\n}\n\nfunction emitCorrectModelValue(itemSelected) {\n\n  emits('select', itemSelected)\n\n  if (props.selectPrimitiveValue) {\n    updateModelValue(itemSelected.value);\n    // emits(\"update:modelValue\", itemSelected.text);\n\n  } else {\n    updateModelValue(itemSelected);\n    // emits(\"update:modelValue\", itemSelected);\n  }\n\n}\n\nfunction handleClear() {\n\n  showResults.value = false;\n  selectionMade.value = false;\n  valueNotValid.value = false;\n  // this.readOnly = false;\n  selectedItem.value = \"\";\n  selected.value = -1;\n  emits(\"update:modelValue\", '');\n  emits('update:validationFail', new Validation(0, false));\n  emits(\"clear\");\n\n  if (props.useServerSearch) localDataSource.value = props.dataSource;\n}\n\nfunction keyboardSelectItem(e) {\n\n  // Disable any scrolling of outside div during keyboard selection\n  if (e.key !== 'Tab') {\n    // e.preventDefault()\n    setupClick(e)\n  } else {\n    showResults.value = false;\n  }\n\n  // If space bar is pressed, show drop down\n  if (e.key === ' ') setupClick(e)\n\n  emits('keydown', e);\n\n  if (e.key === 'Backspace' && selectedItem.value === \"\") {\n    selectedItem.value = \"\";\n    showResults.value = false;\n  }\n\n  if (e.key === 'ArrowUp' || e.key === 'Up') {\n\n    // Prevent carrot form moving around the text box\n    e.preventDefault();\n\n    if (selected.value > 0) selected.value--;\n\n    if (ulRef.value)\n      if (ulRef.value.length > 0 && selected.value >= 0) {\n\n        let highlightedSelectionTop = ulRef.value[selected.value].getBoundingClientRect().top;\n        let selectDropTop = selectRef.value.getBoundingClientRect().top - 22; // 22 height of highlight bar\n\n        if (highlightedSelectionTop === selectDropTop) {\n\n          // To support IE 9 + this polyfill is required\n\n          // npm install smoothscroll-polyfill --save\n\n          // Add to main.js\n          //import smoothscroll from 'smoothscroll-polyfill';\n          //smoothscroll.polyfill();\n\n          selectRef.value.scrollBy(0, -22)\n\n        }\n\n      }\n\n  } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n\n    if (props.useServerSearch) {\n\n      if (selected.value < localDataSource.value.length - 1) selected.value++;\n\n    } else {\n      if (selected.value < matches.value.length - 1) selected.value++;\n    }\n\n    if (selectRef.value && selected.value > 11) {\n      selectRef.value.scrollBy(0, 22)\n\n    }\n\n  } else {\n\n    // Check for enter key being pressed and select item\n    if (e.key === 'Enter' || e.key === 'Tab') {\n\n      if (selected.value !== -1) {\n        inputRef.value.$el.children[1].blur();\n\n        // When filtering, computed (matches array) takes the selected item text and returns one value\n        // in the array, if items with the same name are present in the list the duplicates will populate the array.\n\n        // The emit must take place first, before setting the selectedItem\n        // emits(\"update:modelValue\", JSON.parse(JSON.stringify(matches.value[selected.value])))\n\n        if (props.useServerSearch) {\n\n          emitCorrectModelValue(JSON.parse(JSON.stringify(localDataSource.value[selected.value])));\n          selectedItem.value = localDataSource.value[selected.value].value\n\n        } else {\n\n          emitCorrectModelValue(JSON.parse(JSON.stringify(matches.value[selected.value])));\n          selectedItem.value = matches.value[selected.value].value\n        }\n\n        readOnly.value = true;\n        showResults.value = false;\n        selectionMade.value = true\n        valueNotValid.value = false;\n        selected.value = -1;\n\n      }\n\n    }\n  }\n\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-filtered-dropdown-menu\" style=\"position: relative;\">\n    <div class=\"value-status\" :class=\"{'label-margin' : label}\">\n      <!--      <div v-if=\"selectionMade && allowCustomValue && !disableFilter\"-->\n      <!--           title=\"Indicates the value is from the listed items\">List Item Selected-->\n      <!--      </div>-->\n      <!--      <div-->\n      <!--          v-else-if=\"allowCustomValue\" title=\"You may search the list, or enter any custom value\">Custom Value-->\n      <!--      </div>-->\n    </div>\n    <TextInput\n        id=\"inputElement\"\n        ref=\"inputRef\"\n        :highlightRequiredBackground=\"props.highlightRequiredBackground\"\n        :label=\"label\"\n        :label-top=\"labelTop\"\n        :labelWidth=\"labelWidth\"\n        :requiredField=\"requiredField\"\n        :readonly=\"disableFilter\"\n        :maxLength=\"maxLength\"\n        v-model=\"selectedItem\"\n        v-model:validation-fail=\"validationFail\"\n        :validation-text=\"validationText\"\n        @click.self=\"setupClick\"\n        @keydown.stop=\"keyboardSelectItem\"\n        @input=\"updateValues\"\n        @wheel=\"stopScroll\"\n        @blur=\"checkValueValid\"\n        :clearable=\"clearable\"\n        @cleared=\"handleClear\"\n        :disable=\"disable\"\n        :width=\"width\"\n        @mouseleave=\"autoCloseSelectResults\"\n        :placeholder=\"placeHolder\">\n      <div\n          v-if=\"valueNotValid\"\n          class=\"value-status no-search-error\"\n          :class=\"{'label-margin' : label}\">No Item Selected!\n        <MovingTooltip :icon=\"false\">\n          <span style=\"color: #d45a03; font-size: 12px;\">&#128712;</span>\n          <template #content>\n            <div style=\"width: 300px\">No items were found within the search, or no selection was made. This is <strong>not</strong>\n              a custom value and will not be saved!\n            </div>\n          </template>\n        </MovingTooltip>\n      </div>\n      <div\n          v-if=\"!selectedItem && !disable && !activatePortIcons\">\n        <div id=\"clickIcon\"\n             @mouseleave=\"autoCloseSelectResults\"\n             @wheel.passive=\"stopScroll\"\n             class=\"input-icon-container\"\n             @click=\"setupClick\">\n          <span class=\"input-arrow-down\"></span>\n        </div>\n      </div>\n    </TextInput>\n    <div tabindex=\"0\" id=\"select-results\" ref=\"selectRef\" @mouseleave=\"autoCloseSelectResults\" @wheel=\"scrollItems\"\n         @mouseenter=\"reEnterSelect\" v-if=\"showResults === true\"\n         :class=\"{'select-item-container' : !popupSelectResults, 'select-item-container-popup' : popupSelectResults}\">\n      <ul id=\"results-list\" class=\"select-item-container-list\" data-cy=\"lstDdlResult\">\n        <li v-if=\"!props.useServerSearch\" ref=\"ulRef\" v-for='(item, index) in matches' :key='item.id'\n            @click=\"selectItem(item, index)\"\n            :class='{\"select-highlight-current-row\": selected === index}'>\n          <div class=\"select-item-container-data\" ref=\"listRef\">\n            <div class=\"select-list-items\" :tabindex=\"index\">{{ item.value }}</div>\n          </div>\n        </li>\n        <li v-else ref=\"ulRef\" v-for='(item, index) in localDataSource' :key='item.id'\n            @click=\"selectItem(item, index)\"\n            :class='{\"select-highlight-current-row\": selected === index}'>\n          <div class=\"select-item-container-data\" ref=\"listRef\">\n            <div class=\"select-list-items\" style=\"margin-right: 10px\" :tabindex=\"index\">{{ item.value }}\n              <span v-if=\"activatePortIcons\" class=\"select-icon\">\n                <span v-for=\"port in item.portTypes\">\n                   <span title=\"Sea Port\"><i v-if=\"port === 'SEA'\" class=\"fa-regular fa-ship\"></i></span>\n                   <span title=\"Airport\"><i v-if=\"port === 'AIR'\" class=\"fa-regular fa-plane\" style=\"color: #348a7f\"></i></span>\n                   <span title=\"Road\"><i v-if=\"port === 'ROAD'\" class=\"fa-regular fa-truck\" style=\"color: #d45e2f\"></i></span>\n                   <span title=\"Rail\"><i v-if=\"port === 'RAIL'\" class=\"fa-regular fa-train\" style=\"color: #7a2894\"></i></span>\n                </span>\n              </span>\n            </div>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n\n/*This was added to prevent other imported css from frameworks breaking the select */\n/* May need to be addressed if this causes issues with sharing framework controls */\n* {\n  box-sizing: revert !important;\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n}\n\n::-webkit-scrollbar-track {\n  background-color: #f6f6f6;\n}\n\n::-webkit-scrollbar-thumb {\n  background: #b3b3b3;\n  border-radius: 2px;\n}\n\nul {\n  font-size: 12px;\n  padding: 0;\n}\n\n.input-icon-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  background: #d8d8d8;\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: normal;\n\n}\n\n.input-icon-container:hover {\n  background-color: #d8d8d8;\n  border-radius: 4px;\n}\n\n.input-clear-btn {\n  position: absolute;\n  right: 0;\n  /*top: -4px;*/\n  padding: 8px;\n  z-index: 99;\n  font-weight: bolder;\n  cursor: pointer;\n}\n\n.input-clear-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  font-size: 14px;\n  line-height: normal;\n}\n\n.input-cross {\n  position: absolute;\n  font-family: Arial;\n  transform: rotate(45deg);\n  color: #566ea0;\n  font-size: 20px;\n  right: 5px;\n  /*top: 6px;*/\n  background: none;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.input-clear-btn:hover {\n  opacity: 0.5;\n  transition: 0.3s;\n}\n\n.input-arrow-down {\n  position: absolute;\n  top: 7px;\n  right: 4px;\n  content: \"\";\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 7px solid #0a0a0a;\n}\n\n.select-item-container {\n  top: 0;\n  position: fixed;\n  margin-top: 28px;\n  z-index: 999999;\n  background-color: #fff;\n  box-shadow: 1px 1px 4px 0px #888888;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  max-height: 264px;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  /*transform-origin: top;*/\n  /*transition: transform .2s ease-in-out;*/\n}\n\n.select-item-container-popup {\n  position: fixed;\n  margin-top: 28px;\n  z-index: 999999;\n  /*bottom: -2px;*/\n  /*left: 1px;*/\n  /*right: 1px;*/\n  background-color: #fff;\n  box-shadow: 1px 1px 4px 0px #888888;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  max-height: 263px;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transform-origin: bottom;\n  transition: transform .2s ease-in-out;\n}\n\n.select-highlight-current-row {\n  background-color: #5379ad !important;\n  color: #fff;\n}\n\n.select-item-container-list {\n  list-style: none;\n  margin: 0;\n  cursor: pointer;\n\n}\n\n.select-item-container-list li {\n  height: 20px;\n  padding: 2px 0 0 2px;\n  line-height: normal;\n}\n\n.select-item-container-list li:hover {\n  background-color: #dedede;\n}\n\n.select-item-container-data {\n  display: grid;\n  grid-template-columns: 100%;\n  padding-top: 2px;\n}\n\n.value-status {\n  position: absolute;\n  right: 24px;\n  top: 7px;\n  z-index: 99;\n  background-color: #ffffff;\n  font-size: 12px;\n  color: #42b983;\n  padding-left: 4px;\n  padding-right: 4px;\n  border-radius: 8px;\n}\n\n.label-margin {\n\n}\n\n.no-search-error {\n  color: #f3ba28;\n  line-height: 12px;\n  font-size: 11px;\n}\n\n.select-icon {\n  color: var(--aqua-blue-definition);\n}\n\n.select-icon i {\n  margin-left: 3px;\n  float: right;\n}\n\n</style>\n","import script from \"./MultiSearchDropDown.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MultiSearchDropDown.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MultiSearchDropDown.vue?vue&type=style&index=0&id=1b07b277&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1b07b277\"]])\n\nexport default __exports__","import DropDownItem from \"@/classes/component-classes/DropDownItem\";\n\nexport default class Dimension {\n    constructor(pieces = '', length = '', width = '', height = '', weight = '', packaging = '') {\n\n        this.pieces = pieces\n        this.length = length\n        this.width = width\n        this.height = height\n        this.weight = weight\n        this.packaging = packaging\n    }\n}\n","import Validation from \"@/classes/global/Validation\";\nimport Dimension from \"@/classes/component-classes/Dimension\";\n\nexport default class DimensionExtended extends Dimension {\n    constructor() {\n        super();\n\n        this.readOnly = false;\n        this.showAddButton = true;\n        this.isEditing = false;\n        this.isDeleting = false;\n\n        this.validation = {\n            pieces: new Validation(),\n            length: new Validation(),\n            width: new Validation(),\n            height: new Validation(),\n            weight: new Validation(),\n            packaging: new Validation()\n        }\n\n    }\n}\n","\nexport function useGetValidatedFields(requiredFields, modelProp) {\n\n    let requiredField = false;\n\n    if(requiredFields) {\n\n        requiredFields.forEach(item => {\n\n            if (item.modelName === modelProp) {\n\n                requiredField = item.validate\n\n            }\n        });\n    }\n\n    return requiredField;\n}\n\n\n","<script setup>\n\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\"\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\"\nimport Button from \"@/components/common/input/Button\"\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\nimport DimensionExtended from \"@/classes/component-classes/DimensionExtended\";\nimport Dimension from \"@/classes/component-classes/Dimension\";\n\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\n\nimport {ref, onMounted, nextTick, inject, computed} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst localDimsArray = ref([]);\nconst piecesInputRef = ref();\n\nlet weightTotal = computed(() => {\n\n  let sumWeightColumn = 0;\n\n  for (let i = 0; i < props.modelValue.length; i++) {\n\n    sumWeightColumn +=  props.modelValue[i].weight\n  }\n\n  return sumWeightColumn.toString();\n})\n\nconst emits = defineEmits(['entry-update'])\n\nconst props = defineProps({\n\n  modelValue: {\n    type: Array, default: function () {\n      return []\n    },\n  },\n\n  requiredFields: {type: Array, default: []},\n  validationFail: Boolean,\n  packaging: {type: Array, default: []},\n\n})\n\n\nfunction addDimension(dim, index) {\n\n  let valid = validate(dim);\n\n  if (valid) {\n\n    dim.showAddButton = false;\n    dim.readOnly = true;\n\n    localDimsArray.value.push(new DimensionExtended());\n    props.modelValue.push(new Dimension());\n\n    roundUpDimensions(dim);\n\n    modelValueUpdate(dim, index);\n\n    nextTick(function () {\n\n      // Set focus on the pieces input for a new line\n      piecesInputRef.value[index + 1].$el.firstChild.getElementsByClassName('input-main-style')[0].focus();\n    });\n\n  }\n\n}\n\nfunction roundUpDimensions(dim) {\n\n  dim.pieces = parseInt(dim.pieces);\n  dim.length = Math.ceil(dim.length);\n  dim.width = Math.ceil(dim.width);\n  dim.height = Math.ceil(dim.height);\n  dim.weight = Math.ceil(dim.weight);\n\n}\n\nfunction validate(dim) {\n\n  let valid = true;\n\n  if(!dim.pieces || !dim.length || !dim.width || !dim.height) {\n\n    return valid = false;\n\n  }\n\n  // This code will validate the individual fields according to the custom validation object passed in if the above code is removed\n  props.requiredFields.forEach(item => {\n\n    if (item.validate) {\n\n      if (typeof (dim[item.modelName]) === 'object' && dim.hasOwnProperty(item.modelName.toString())) {\n\n        if (!dim[item.modelName].text) {\n\n          dim.validation[item.modelName].value = true;\n\n          valid = false;\n\n        }\n\n      } else {\n\n        if (dim.hasOwnProperty(item.modelName.toString())) {\n\n          if (!dim[item.modelName]) {\n\n            dim.validation[item.modelName].value = true;\n\n            valid = false;\n\n          }\n        }\n      }\n    } else {\n\n      // if(!dim.pieces || !dim.length || !dim.width || !dim.height) {\n      //\n      //   valid = false;\n      //\n      // }\n\n    }\n  })\n\n  return valid\n\n}\n\nfunction modelValueUpdate(dim, index) {\n\n  // Collect the pure model keys and update the values from the current local dim\n  for (const propName in props.modelValue[0]) {\n    props.modelValue[index][propName] = dim[propName]\n  }\n\n  emits('entry-update', weightTotal)\n\n}\n\nfunction prepareDelete(dim) {\n  dim.isDeleting = true;\n}\n\nfunction cancelDelete(dim) {\n  dim.isDeleting = false;\n}\n\nfunction removeDimension(index, dim) {\n\n  localDimsArray.value.splice(index, 1);\n  props.modelValue.splice(index, 1);\n\n  localDimsArray.value[localDimsArray.value.length - 1].isEditing = false;\n  localDimsArray.value[localDimsArray.value.length - 1].readOnly = false;\n\n  emits('entry-update', weightTotal)\n}\n\nfunction editDimension(dim) {\n  localDimsArray.value.forEach(item => {\n    item.readOnly = true;\n  });\n\n  dim.readOnly = false;\n  dim.isEditing = true;\n\n  // Take the add button away if editing a line\n  localDimsArray.value[localDimsArray.value.length - 1].isEditing = true;\n\n}\n\nfunction acceptEdit(dim, index) {\n\n  let valid = validate(dim)\n\n  if (valid) {\n\n    if (index === localDimsArray.value.length - 1) {\n      props.modelValue.push(new Dimension())\n    }\n\n    roundUpDimensions(dim);\n\n    modelValueUpdate(dim, index);\n\n    dim.readOnly = true;\n    localDimsArray.value[localDimsArray.value.length - 1].isEditing = false;\n    localDimsArray.value[localDimsArray.value.length - 1].readOnly = false;\n  }\n\n}\n\nonMounted(() => {\n\n  // Set memory reference from local data\n  let dimensions = localDimsArray.value\n\n  props.modelValue.forEach(function (item) {\n\n    // Cast the pure model class into the local extended class\n    let dimension = {...new DimensionExtended(), ...item}\n\n    // Set all correct props for returning data for button actions\n    dimension.showAddButton = false;\n    dimension.readOnly = true;\n\n    dimensions.push(dimension)\n  })\n\n  // Add a new empty line of dims after the current dims\n  dimensions.push(new DimensionExtended())\n\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-dimentions-entry\" style=\"width: 920px\">\n    <div class=\"cmp-dimentions-entry_dims-header\">\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'pieces')}\">Pieces</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'length')}\">Length</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'width')}\">Width</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'height')}\">Height</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'weight')}\">Weight</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'packaging')}\">Packaging</div>\n    </div>\n    <div class=\"cmp-dimentions-entry_container\">\n      <div v-for=\"(dim, index) in localDimsArray\" class=\"cmp-dimentions-entry_wrapper\" :key=\"index\">\n        <NumberOnlyInput\n            ref=\"piecesInputRef\"\n            :maxLength=\"4\"\n            v-model=\"dim.pieces\"\n            v-model:validation-fail=\"dim.validation.pieces\"\n            :readonly=\"dim.readOnly\"\n            :width=\"56\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"dim.length\"\n            v-model:validation-fail=\"dim.validation.length\"\n            :allowDecimal=\"true\"\n            :readonly=\"dim.readOnly\"\n            :width=\"100\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"dim.width\"\n            v-model:validation-fail=\"dim.validation.width\"\n            :allowDecimal=\"true\"\n            :readonly=\"dim.readOnly\"\n            :width=\"100\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"dim.height\"\n            v-model:validation-fail=\"dim.validation.height\"\n            :allowDecimal=\"true\"\n            :readonly=\"dim.readOnly\"\n            :width=\"100\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"dim.weight\"\n            v-model:validation-fail=\"dim.validation.weight\"\n            :allowDecimal=\"true\"\n            :readonly=\"dim.readOnly\"\n            :width=\"100\">\n        </NumberOnlyInput>\n        <MultiSearchDropDown\n            :width=\"260\"\n            placeholder=\"Select or Search....\"\n            :clearable=\"!dim.readOnly\"\n            :allowCustomValue=\"false\"\n            :selectPrimitiveValue=\"true\"\n            :disableFilter=\"false\"\n            v-model:validation-fail=\"dim.validation.packaging\"\n            v-model=\"dim.packaging\"\n            :disable=\"dim.readOnly\"\n            :data-source=\"packaging\">\n        </MultiSearchDropDown>\n        <div v-if=\"dim.showAddButton && !dim.isEditing\">\n          <Button type=\"toolbar\" text=\"Add\" @on-click=\"addDimension(dim, index)\"></Button>\n        </div>\n        <div v-if=\"dim.readOnly && !dim.isDeleting\">\n          <Button type=\"info\" text=\"Edit\" @on-click=\"editDimension(dim)\"></Button>\n        </div>\n        <div v-if=\"dim.isDeleting\">\n          <Button type=\"success\" text=\"Yes\" @on-click=\"removeDimension(index, dim)\"></Button>\n        </div>\n        <div v-if=\"!dim.readOnly && dim.isEditing && !dim.isDeleting\">\n          <Button type=\"success\" text=\"Accept\" @on-click=\"acceptEdit(dim, index)\"></Button>\n        </div>\n        <div v-if=\"!dim.showAddButton && !dim.isDeleting\">\n          <Button type=\"danger\" text=\"Delete\" @on-click=\"prepareDelete(dim)\"></Button>\n        </div>\n        <div v-if=\"dim.isDeleting\">\n          <Button type=\"secondary\" text=\"No\" @on-click=\"cancelDelete(dim)\"></Button>\n        </div>\n      </div>\n    </div>\n    <div class=\"cmp-dimentions-entry_validation-error\" v-if=\"!props.validationFail\">Please Enter Required Dimensions\n    </div>\n  </div>\n\n</template>\n\n\n<style lang=\"scss\" scoped>\n\n.cmp-dimentions-entry {\n\n  &_wrapper {\n    width: 940px;\n    display: flex;\n    gap: 4px;\n  }\n\n  &_wrapper > div {\n    margin-bottom: 3px;\n  }\n\n  &_container {\n    height: 145px;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  &_dims-header {\n    margin-bottom: 3px;\n    font-size: 13px;\n    display: grid;\n    grid-template-columns: 62px 104px  104px 104px 103px 262px;\n\n  }\n\n  &_dims-header div {\n    //background-color: #ffffff;\n    //padding: 5px 5px 5px 5px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    //border-left: 1px solid #b8b8b8;\n    color: #2b2b2b;\n    font-size: 13px;\n    font-weight: bold;\n    display: flex;\n\n  }\n\n  &_validation-error {\n    color: var(--required-field);\n    font-size: 12px;\n  }\n\n}\n\n</style>\n","import script from \"./DimensionsEntry.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DimensionsEntry.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DimensionsEntry.vue?vue&type=style&index=0&id=132f68fa&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-132f68fa\"]])\n\nexport default __exports__","export function useCheckFieldsForData(model) {\n\n    let result = false;\n\n    for (const each in model) {\n\n        if (typeof (model[each]) === 'string' && model[each]) {\n\n            result = true;\n\n            // This is to switch the check to boolean, only for the customs model\n        } else if(model.hasOwnProperty('customs')) {\n\n            if(model[each]) result = true;\n\n        } else {\n\n            // Must be ddl object\n            if(model[each] !== null) {\n\n                if(model[each].value) result = true;\n            }\n        }\n    }\n\n    return result;\n}\n","<script setup>\n\nimport {useCheckFieldsForData} from \"@/composables/common/useCheckFieldsForData\";\nimport {ref, computed} from 'vue';\n\nconst tileColour = computed(() => {\n\n  return props.tileColor\n\n})\n\nconst props = defineProps ({\n\n  viewModel: {},\n  tileSelectionModel: {},\n  validationProp: Boolean,\n  useIcons: {type:Boolean, default: true},\n  tileColor: {type: String, default: '#c9c8c7'},\n})\n\nconst emits = defineEmits(['select'])\n\n</script>\n<template class=\"cmp-section-tile\">\n  <div class=\"cmp-section-tile_tile\" :class=\"{'cmp-section-tile_active' : props.tileSelectionModel}\"\n       @click=\"emits('select')\">\n    <div class=\" cmp-section-tile_icon\"><slot name=\"icon\"></slot></div>\n    <div class=\"cmp-section-tile_tile-title\"><slot name=\"title\"></slot>\n      <div class=\"cmp-section-tile_tile-description\"><slot name=\"description\"></slot></div>\n    </div>\n    <div>\n      <i v-if=\"!props.tileSelectionModel\"\n         class=\"fa-regular fa-angle-down cmp-section-tile_lower-icon-button\"\n         style=\"color: #f57a1d; font-size: 28px;\">\n      </i>\n      <i v-if=\"props.tileSelectionModel\"\n         class=\"fa-regular fa-angle-down cmp-section-tile_lower-icon-button-open\"\n         style=\"color: #0ad42e;\">\n      </i>\n      <i v-if=\"useCheckFieldsForData(props.viewModel) && props.validationProp && !props.tileSelectionModel\"\n         class=\"fa-regular fa-shield-check cmp-section-tile_success-icon-button\"\n         style=\"color: #7ce93d;\" title=\"Fields have data and any validation is correct\">\n      </i>\n      <div v-if=\"!props.validationProp && props.useIcons\" class=\"cmp-section-tile_upper-icon-button\">\n        <i class=\"fa-solid fa-triangle-exclamation\" style=\"color: #ffc600\" title=\"Please Fill All Required Fields\"></i>\n      </div>\n      <span v-if=\"!props.validationProp && props.useIcons\" class=\"cmp-section-tile_validation-message\">Required Fields</span>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-section-tile {\n\n  &_tile {\n    position: relative;\n    height: 70px;\n    width: auto;\n    border-radius: 6px;\n    //background-image: linear-gradient(0deg, #5d8fa1, #173746);\n    background: v-bind(tileColour);\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 20px;\n    gap: 20px;\n    cursor: pointer;\n  }\n\n  &_icon {\n    font-size: 40px;\n    color: white;\n  }\n\n  &_tile-title {\n    color: white;\n    font-size: 15px;\n    font-weight: bold;\n  }\n\n  &_tile-description {\n    font-size: 11px;\n    font-weight: normal;\n    width: max-content;\n  }\n\n  &_tile:hover, &_active {\n    opacity: 0.9;\n  }\n\n  &_lower-icon-button {\n    position: absolute;\n    font-size: 18px;\n    bottom: 0px;\n    right: 6px;\n    cursor: pointer;\n  }\n\n  &_success-icon-button {\n    position: absolute;\n    font-size: 20px;\n    top: 6px;\n    right: 7px;\n    cursor: default;\n  }\n\n  &_lower-icon-button-open {\n    position: absolute;\n    font-size: 40px;\n    right: 2px;\n    cursor: pointer;\n  }\n\n  &_upper-icon-button {\n    position: absolute;\n    font-size: 20px;\n    top: 2px;\n    right: 8px;\n    cursor: default;\n  }\n\n  &_validation-message {\n    font-size: 10px;\n    color: #ffbf0a;\n    position: absolute;\n    bottom: 2px;\n    left: 10px;\n  }\n\n}\n\n</style>\n","import script from \"./SectionTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SectionTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SectionTile.vue?vue&type=style&index=0&id=16507abd&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-16507abd\"]])\n\nexport default __exports__","<script setup>\n\nimport { computed } from 'vue';\n\nconst props = defineProps({\n\n  displayType: String,\n\n  width: {\n    type: Number,\n    default: 540\n  },\n\n  highlight: {type: String, default: '#274e77'}\n\n})\n\nconst highlightColor = computed(() => {\n\n  return props.highlight;\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-booking-summary-display_container\" :style=\"{width: props.width + 'px'}\">\n    <div class=\"cmp-booking-summary-display_title-icon-area\">\n      <div class=\"cmp-booking-summary-display_title-icon\">\n        <slot name=\"icon\"></slot>\n      </div>\n      <div class=\"cmp-booking-summary-display_title-text\">\n        <slot name=\"title\"></slot>\n      </div>\n    </div>\n    <div class=\"cmp-booking-summary-display_content\" v-if=\"props.displayType === 'address'\">\n      <div class=\"cmp-booking-summary-display_content-heading\">\n        <slot name=\"heading\"></slot>\n      </div>\n      <div class=\"cmp-booking-summary-display_content-extra\">\n        <slot name=\"second-content\"></slot>\n      </div>\n      <div class=\"cmp-booking-summary-display_content-extra\">\n        <slot name=\"third-content\"></slot>\n      </div>\n      <div class=\"cmp-booking-summary-display_content-extra\">\n        <slot name=\"fourth-content\"></slot>\n      </div>\n    </div>\n    <div v-else id=\"grid-area\" class=\"cmp-booking-summary-display_content-grid\">\n      <div>\n        <slot :name=\"1\"></slot>\n      </div>\n      <div>\n        <slot :name=\"2\"></slot>\n      </div>\n      <div>\n        <slot :name=\"3\"></slot>\n      </div>\n      <div>\n        <slot :name=\"4\"></slot>\n      </div>\n    </div>\n    <div>\n      <slot name=\"placeholder\"></slot>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n#grid-area div {\n  border-right: 1px solid #f3f3f3;\n}\n\n#grid-area div:last-of-type {\n  border-right: none;\n}\n\n.cmp-booking-summary-display {\n\n  &_container {\n    position: relative;\n    display: flex;\n    height: 70px;\n    border: 1px solid #f3f3f3;\n    border-left: 6px solid v-bind(highlightColor);\n    border-radius: var(--rounded-corners);\n    background-color: #ffffff;\n    margin-bottom: 10px;\n  }\n\n  &_title-icon-area {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 120px;\n    height: 100%;\n    border-right: 1px solid var(--border-color);\n    //background-color: #f9f9f9;\n  }\n\n  &_title-icon {\n    font-size: 50px;\n    position: absolute;\n    top: 6px;\n    left: 34px;\n    color: #477d923d;\n\n  }\n\n  &_title-text {\n    font-size: 17px;\n    font-weight: bold;\n    z-index: 99;\n  }\n\n  &_content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-left: 162px;\n  }\n\n  &_content-heading {\n    font-weight: bold;\n    font-size: 14px;\n  }\n\n  &_content-extra {\n    font-size: 12px;\n    font-weight: normal;\n    color: #474747;\n  }\n\n  &_content-grid {\n    display: flex;\n    flex-direction: row;\n    margin-left: 144px;\n  }\n\n  &_content-grid div {\n    width: 319px;\n  }\n\n\n}\n</style>\n","import script from \"./BookingSummaryDisplay.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BookingSummaryDisplay.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BookingSummaryDisplay.vue?vue&type=style&index=0&id=2a9995b8&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2a9995b8\"]])\n\nexport default __exports__","<script setup>\n\nimport {ref, nextTick, onMounted, computed} from 'vue';\nimport Validation from \"@/classes/global/Validation\";\nimport TextArea from \"@/components/common/input/TextArea\"\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\n\nconst popupSelectResults = ref(props.popupResults);\nconst showResults = ref(false);\nconst closeTimer = ref(null);\nconst closeTime = ref(600);\nconst menuFullOpenHeight = ref({type: Number, default: 0})\n\n// HTML Refs\nconst inputRef = ref();\nconst selectRef = ref();\nconst ulRef = ref();\n\nconst emits = defineEmits(['update:modelValue', 'update:validationFail'])\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  placeholder: {type: String, default: 'Text Area...'},\n  clearable: {type: Boolean, default: true},\n  validationFail: {type: Object, default: new Validation()},\n  validationText: {type: Array, default: ['Required']},\n  popupResults: {type: Boolean, default: false},\n  disable: {type: Boolean, default: false},\n  width: {type: Number, default: 450},\n  textAreaWidth: {type: Number},\n  label: {type: String, default: ''},\n  labelTop: {type: Boolean, default: false},\n  labelWidth: Number,\n  requiredField: {type: Boolean, default: false},\n  maxLength: {type: Number, default: 50}\n\n})\n\nconst requiredFieldColor = computed(() => getRequiredFieldColor());\n\nconst displayedValue = computed( {\n\n  get() {\n\n    return useCreateSubstringText(props.modelValue, props.maxLength)\n\n  },\n\n  set(val) {\n\n    return val\n  }\n\n});\n\nconst handleTextAreaWidth = computed(() => {\n\n  if(!props.textAreaWidth) return props.width -7\n\n  return props.textAreaWidth -7;\n})\n\nconst vFocus = {\n  mounted: (el) => {\n    el.firstChild.focus()\n  }\n}\n\n\nfunction getRequiredFieldColor() {\n  if (props.requiredField) {\n    return 'background-color: #ffeda9';\n  }\n  return '';\n}\n\n// End Computed\n\nfunction getSelectResultContainerPosition(popupResults) {\n\n  nextTick(() => {\n\n    let inputElement = inputRef.value\n    let selectDrop = selectRef.value;\n\n    let inputTopPosition = inputElement.$el.children[1].getBoundingClientRect().top;\n    let inputLeftPosition = inputElement.$el.children[1].getBoundingClientRect().left;\n    let inputWidth = inputElement.$el.children[1].getBoundingClientRect().width - 2;\n\n\n    if (selectDrop) {\n\n      let selectHeight = selectDrop.clientHeight + 29;\n      menuFullOpenHeight.value = selectHeight\n\n      if (!popupResults) {\n\n        selectDrop.style.cssText = `top: ${inputTopPosition + \"px\"}; left: ${inputLeftPosition + \"px\"}; width: ${inputWidth + \"px\"} `\n      } else {\n\n        selectDrop.style.cssText = `top: ${inputTopPosition - selectHeight + \"px\"}; left: ${inputLeftPosition + \"px\"}; width: ${inputWidth + \"px\"} `\n      }\n\n    }\n\n  })\n\n}\n\nfunction reEnterSelect() {\n\n  document.removeEventListener('wheel', closeResults)\n\n  clearTimeout(closeTimer.value);\n\n}\n\nfunction autoCloseSelectResults(e) {\n\n  //Measure the mouse position within the menu boundaries - close if mouse is out of bounds\n  if (showResults.value) {\n\n    let selectDrop = selectRef.value;\n\n    let selectTop = selectDrop.offsetTop;\n    let selectLeft = selectDrop.offsetLeft;\n    let selectWidth = selectDrop.getBoundingClientRect().width;\n    let selectHeight = selectDrop.clientHeight + 29;\n\n    // Slight difference in value adjustment between popup and normal to stop auto close behaviour bug\n    let selectBottom = selectTop + selectHeight - 32;\n    let selectBottomPopup = selectTop + selectHeight - 29;\n\n    if (!popupSelectResults.value) {\n\n      if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY - window.scrollY < selectTop\n          || e.pageY > selectBottom) {\n\n        window.addEventListener(\"scroll\", closeResults);\n        document.addEventListener(\"wheel\", closeResults);\n        window.addEventListener('click', closeResults)\n\n        // Only close if the menu is fully open\n        if (selectHeight === menuFullOpenHeight.value) {\n\n          clearTimeout(closeTimer.value)\n          closeTimer.value = setTimeout(() => closeResults(), closeTime.value);\n\n        }\n      }\n\n    } else {\n\n      if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY < selectTop\n          || e.pageY > selectBottomPopup) {\n\n        window.addEventListener(\"scroll\", closeResults);\n        document.addEventListener(\"wheel\", closeResults);\n\n        if (selectHeight === menuFullOpenHeight.value) {\n\n          clearTimeout(closeTimer.value)\n          closeTimer.value = setTimeout(() => closeResults(), closeTime.value);\n\n        }\n\n      }\n\n    }\n\n  }\n}\n\nfunction setupClick(e) {\n\n  // Make the select popup if the input is so far down the screen\n\n  popupSelectResults.value = false;\n  let lowerScreenArea = window.outerHeight / 1.3\n\n  if (e.screenY > lowerScreenArea) {\n\n    popupSelectResults.value = true;\n  }\n\n  showResults.value = !showResults.value\n\n  getSelectResultContainerPosition(popupSelectResults.value);\n\n}\n\nfunction stopScroll(e) {\n  if (showResults.value) e.preventDefault();\n}\n\n\nfunction closeResults() {\n\n  showResults.value = false;\n  window.removeEventListener('scroll', closeResults)\n  document.removeEventListener('wheel', closeResults)\n  window.removeEventListener('click', closeResults)\n}\n\n\nfunction handleClear() {\n  showResults.value = false;\n  emits(\"update:modelValue\", '');\n  emits('update:validationFail', new Validation(0, false));\n}\n\nfunction emitValues(value) {\n\n  emits('update:validationFail', new Validation());\n  emits('update:modelValue', value);\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-filtered-dropdown-menu\" style=\"position: relative;\">\n    <div class=\"value-status\" :class=\"{'label-margin' : label}\">\n    </div>\n    <TextInput\n        id=\"inputElement\"\n        ref=\"inputRef\"\n        :label=\"label\"\n        :label-top=\"labelTop\"\n        :labelWidth=\"labelWidth\"\n        :requiredField=\"requiredField\"\n        :title=\"props.modelValue\"\n        :readonly=\"true\"\n        v-model=\"displayedValue\"\n        :validation-fail=\"validationFail\"\n        :validation-text=\"validationText\"\n        @click.self=\"setupClick\"\n        @wheel=\"stopScroll\"\n        @cleared=\"handleClear\"\n        :clearable=\"clearable\"\n        @mouseleave=\"autoCloseSelectResults\"\n        :disable=\"disable\"\n        :width=\"width\"\n        :placeholder=\"props.placeholder\">\n    </TextInput>\n    <div tabindex=\"0\" id=\"select-results\" ref=\"selectRef\" @mouseleave=\"autoCloseSelectResults\"\n         @mouseenter=\"reEnterSelect\" v-if=\"showResults === true\"\n         :class=\"{'select-item-container' : !popupSelectResults, 'select-item-container-popup' : popupSelectResults}\">\n      <TextArea\n          @input=\"emitValues($event)\"\n          v-model=\"props.modelValue\"\n          v-focus\n          :height=\"140\"\n          :width=\"handleTextAreaWidth\">\n      </TextArea>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n\n/*This was added to prevent other imported css from frameworks breaking the select */\n/* May need to be addressed if this causes issues with sharing framework controls */\n* {\n  box-sizing: revert !important;\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n}\n\n::-webkit-scrollbar-track {\n  background-color: #f6f6f6;\n}\n\n::-webkit-scrollbar-thumb {\n  background: #b3b3b3;\n  border-radius: 2px;\n}\n\nul {\n  font-size: 12px;\n  padding: 0;\n}\n\n.input-icon-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  background: #d8d8d8;\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: normal;\n\n}\n\n.input-icon-container:hover {\n  background-color: #d8d8d8;\n  border-radius: 4px;\n}\n\n.input-clear-btn {\n  position: absolute;\n  right: 0;\n  /*top: -4px;*/\n  padding: 8px;\n  z-index: 99;\n  font-weight: bolder;\n  cursor: pointer;\n}\n\n.input-clear-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  font-size: 14px;\n  line-height: normal;\n}\n\n.input-cross {\n  position: absolute;\n  font-family: Arial;\n  transform: rotate(45deg);\n  color: #566ea0;\n  font-size: 20px;\n  right: 5px;\n  /*top: 6px;*/\n  background: none;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.input-clear-btn:hover {\n  opacity: 0.5;\n  transition: 0.3s;\n}\n\n/*.input-arrow-down {*/\n/*  position: absolute;*/\n/*  top: 7px;*/\n/*  right: 3px;*/\n/*  content: \"\";*/\n/*  border-left: 7px solid transparent;*/\n/*  border-right: 7px solid transparent;*/\n/*  border-top: 8px solid #393939;*/\n/*}*/\n\n.select-item-container {\n  top: 0;\n  position: fixed;\n  margin-top: 26px;\n  z-index: 999999;\n}\n\n.select-item-container-popup {\n  position: fixed;\n  margin-top: 36px;\n  z-index: 999999;\n}\n\n\n.value-status {\n  position: absolute;\n  left: 5px;\n  top: -6px;\n  z-index: 99;\n  background-color: #ffffff;\n  font-size: 11px;\n  color: #42b983;\n  padding-left: 4px;\n  padding-right: 4px;\n  border-radius: 8px;\n}\n\n.label-margin {\n  left: 115px;\n}\n\n\n\n</style>\n","import script from \"./DropDownTextArea.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DropDownTextArea.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DropDownTextArea.vue?vue&type=style&index=0&id=5c6b2119&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5c6b2119\"]])\n\nexport default __exports__","export default class ContactDetail {\n    constructor() {\n\n        this.id = 0;\n        this.title = '';\n        this.firstName = '';\n        this.lastName = '';\n        this.phone = '';\n        this.email = '';\n        this.department = '';\n        this.value = '';\n\n    }\n}\n","import Validation from \"@/classes/global/Validation\";\n\nexport default class ValidationBase {\n    constructor() {\n        this.validationMessages = ['Required', 'Max Number 20', 'Incorrect Format', 'Enter Search Text'];\n        this.shipperName = new Validation();\n        this.shipperRef =  new Validation();\n        this.shipperAddressLine1 = new Validation();\n        this.shipperAddressLine2 = new Validation();\n        this.shipperCity = new Validation();\n        this.shipperCounty = new Validation();\n        this.shipperPostcode = new Validation();\n        this.shipperCountry = new Validation();\n        this.shipperVatNumber = new Validation();\n        this.shipperContactFullName = new Validation();\n        this.shipperContactTitle = new Validation();\n        this.shipperContactFirstName = new Validation();\n        this.shipperContactLastName = new Validation();\n        this.shipperContactPhone = new Validation();\n        this.shipperContactEmail = new Validation();\n        this.shipperContactDepartment = new Validation();\n        this.consigneeName = new Validation();\n        this.consigneeRef = new Validation();\n        this.additionalRef = new Validation();\n        this.consigneeAddressLine1 = new Validation();\n        this.consigneeAddressLine2 = new Validation();\n        this.consigneeCity = new Validation();\n        this.consigneeCounty = new Validation();\n        this.consigneePostcode = new Validation();\n        this.consigneeCountry = new Validation();\n        this.consigneeVatNumber = new Validation();\n        this.consigneeContactFullName = new Validation();\n        this.consigneeContactTitle = new Validation();\n        this.consigneeContactFirstName = new Validation();\n        this.consigneeContactLastName = new Validation();\n        this.consigneeContactPhone = new Validation();\n        this.consigneeContactEmail = new Validation();\n    }\n}\n","import Validation from \"@/classes/global/Validation\";\nimport ValidationBase from \"@/classes/global/ValidationBase\";\n\nexport default class FreightBookingValidation extends ValidationBase {\n\n    constructor() {\n\n        super();\n\n        this.shipmentRef = new Validation();\n        this.shipmentShipperRef = new Validation();\n        this.shipmentConsigneeRef = new Validation();\n        this.shipmentCarrier = new Validation();\n        this.shipmentServiceType = new Validation();\n        this.shipmentBillingParty = new Validation();\n        this.shipmentBillingPartyDetail = new Validation();\n        this.shipmentDescription = new Validation();\n        this.shipmentPickupDate = new Validation();\n        this.shipmentDeliveryDate = new Validation();\n        this.shipmentDeliveryTime = new Validation();\n        this.shipmentCurrency = new Validation();\n        this.shipmentValue = new Validation();\n        this.shipmentComments = new Validation();\n        this.totalPieces = new Validation();\n        this.totalWeight = new Validation();\n\n    }\n\n\n        // this.validationMessages = ['Required', 'Max Number 20', 'Incorrect Format', 'Enter Search Text'];\n        // this.shipperName = new Validation();\n        // this.shipperAddressLine1 = new Validation();\n        // this.shipperAddressLine2 = new Validation();\n        // this.shipperCity = new Validation();\n        // this.shipperCounty = new Validation();\n        // this.shipperPostcode = new Validation();\n        // this.shipperCountry = new Validation();\n        // this.shipperVatNumber = new Validation();\n        // this.shipperContactFullName = new Validation();\n        // this.shipperContactTitle = new Validation();\n        // this.shipperContactFirstName = new Validation();\n        // this.shipperContactLastName = new Validation();\n        // this.shipperContactPhone = new Validation();\n        // this.shipperContactEmail = new Validation();\n        // this.shipperContactDepartment = new Validation();\n        // this.consigneeName = new Validation();\n        // this.consigneeAddressLine1 = new Validation();\n        // this.consigneeAddressLine2 = new Validation();\n        // this.consigneeCity = new Validation();\n        // this.consigneeCounty = new Validation();\n        // this.consigneePostcode = new Validation();\n        // this.consigneeCountry = new Validation();\n        // this.consigneeVatNumber = new Validation();\n        // this.consigneeContactFullName = new Validation();\n        // this.consigneeContactTitle = new Validation();\n        // this.consigneeContactFirstName = new Validation();\n        // this.consigneeContactLastName = new Validation();\n        // this.consigneeContactPhone = new Validation();\n        // this.consigneeContactEmail = new Validation();\n\n}\n","import Validation from \"@/classes/global/Validation\";\nimport ValidationBase from \"@/classes/global/ValidationBase\";\n\nexport default class CourierBookingValidation extends ValidationBase{\n\n    constructor() {\n        super();\n\n        this.customerRef = new Validation();\n        this.customerRefTwo = new Validation();\n        this.collectByDate = new Validation();\n        this.collectByTime = new Validation();\n        this.description = new Validation();\n        this.comments = new Validation();\n        this.deliveryDate = new Validation();\n        this.deliveryTime = new Validation();\n        this.currency = new Validation();\n        this.value = new Validation();\n        this.service = new Validation();\n        this.termsOfShipment = new Validation();\n        this.totalPieces = new Validation();\n        this.totalWeight = new Validation();\n        this.customsStatus = new Validation();\n        this.customsComments = new Validation();\n\n    }\n\n\n\n\n\n}\n","\nexport default class ShipperDetail {\n    constructor() {\n\n        this.id = 0;\n        this.shipperName = '';\n        this.shipperAddressLine1 = '';\n        this.shipperAddressLine2 = '';\n        this.shipperCity = '';\n        this.shipperCounty = '';\n        this.shipperCountry = '';\n        this.shipperPostcode = '';\n        this.shipperVatNumber = '';\n        this.shipperContactId = 0;\n        this.shipperContactFullName = '';\n        this.shipperContactTitle = '';\n        this.shipperContactFirstName = '';\n        this.shipperContactLastName = '';\n        this.shipperContactPhone = '';\n        this.shipperContactEmail = '';\n        this.shipperContactDepartment = '';\n        this.shipperContacts = [];\n        this.shipperRef = '';\n    }\n}\n","export default class ConsigneeDetail {\n    constructor() {\n\n        this.id = 0;\n        this.consigneeName = '';\n        this.consigneeAddressLine1 = '';\n        this.consigneeAddressLine2 = '';\n        this.consigneeCity = '';\n        this.consigneeCounty = '';\n        this.consigneeCountry = '';\n        this.consigneePostcode = '';\n        this.consigneeVatNumber = '';\n        this.consigneeContactId = '';\n        this.consigneeContactFullName = '';\n        this.consigneeContactTitle = '';\n        this.consigneeContactFirstName = '';\n        this.consigneeContactLastName = '';\n        this.consigneeContactPhone = '';\n        this.consigneeContactEmail = '';\n        this.consigneeContacts = [];\n        this.consigneeRef = '';\n        this.additionalRef = '';\n    }\n}\n","import ShipperDetail from \"@/classes/bookings/ShipperDetail\";\nimport ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\n\nexport class Booking {\n\n    constructor() {\n\n        this.id = 0;\n        this.jobNumber = '';\n        this.customer = '';\n\n        this.shipper = new ShipperDetail();\n        this.consignee = new ConsigneeDetail();\n\n        this.dimensions = {\n\n            multiLineDims: [],\n            totalPieces: '',\n            totalWeight: '',\n            chargeableWeight: '',\n            cubeUnit:'',\n            cube: ''\n        }\n\n        this.isUpdate = {\n\n            shipper: false,\n            consignee: false\n\n        }\n\n        this.unitOfMeasureSwitch = false,\n        this.cubeUnitSwitch = false,\n\n        this.files = [];\n\n    }\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\n\nexport default class FreightBooking extends Booking {\n\n    constructor() {\n        super();\n\n        this.shipment = {\n\n            shipmentRef: '',\n            shipmentRefBolNumber: false,\n            shipmentShipperRef: '',\n            shipmentConsigneeRef: '',\n            shipmentCarrier: '',\n            shipmentServiceType: '',\n            shipmentBillingParty: '',\n            shipmentBillingPartyId: '',\n            shipmentBillingPartyDetail: '',\n            shipmentDescription: '',\n            shipmentComments: '',\n            shipmentPickupDate: '',\n            shipmentDeliveryDate: '',\n            shipmentDeliveryTime: '',\n            shipmentCurrency: '',\n            shipmentValue: '',\n            shipmentInsurance: false,\n            shipmentInsuranceAmount: '',\n\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            shipment: false,\n            dimensions: false,\n            documents: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            shipment: true,\n            dimensions: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        this.tempValidatedFields = [\n\n            //     new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            //     new ValidatedField('shipperAddressLine1', true, false, 'Shipper AddressLine 1'),\n            //     new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            //     new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            //     new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            //     new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            //     new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            //     new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            //     new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            //     new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            //     new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            //     new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            //     new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            //     new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            //     new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            //     new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            //     new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            //     new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            //     new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            //     new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            //     new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            //     new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            //     new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            //     new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            //     new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            //     new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            //     new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            //     new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            //     new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            //     new ValidatedField('shipmentRef', true, false, 'Shipment Reference'),\n            //     new ValidatedField('shipmentConsigneeRef', true, false, 'Shipment Consignee Ref'),\n            //     new ValidatedField('shipmentShipperRef', true, false, 'Shipment Shipper Ref'),\n            //     new ValidatedField('shipmentCarrier', true, false, 'Shipment Carrier'),\n            //     new ValidatedField('shipmentServiceType', true, false, 'Shipment Service Type'),\n            //     new ValidatedField('shipmentBillingParty', true, false, 'Shipment Billing Party'),\n            //     new ValidatedField('shipmentBillingPartyDetail', false, false, 'Shipment Billing Party Detail'),\n            //     new ValidatedField('shipmentDescription', true, false, 'Shipment Description'),\n            //     new ValidatedField('shipmentPickupDate', true, false, 'Shipment Pickup Date'),\n            //     new ValidatedField('shipmentDeliveryDate', true, false, 'Shipment Delivery Date'),\n            //     new ValidatedField('shipmentDeliveryTime', true, false, 'Shipment Delivery Time'),\n            //     new ValidatedField('shipmentCurrency', true, false, 'Shipment Currency'),\n            //     new ValidatedField('shipmentValue', true, false, 'Shipment Value'),\n            //     new ValidatedField('shipmentComments', true, false, 'Shipment Comments'),\n            //     new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            //     new ValidatedField('length', false, false, 'Dims Length'),\n            //     new ValidatedField('width', false, false, 'Dims Width'),\n            //     new ValidatedField('height', false, false, 'Dims Height'),\n            //     new ValidatedField('weight', false, false, 'Dims Weight'),\n            //     new ValidatedField('packaging', false, false, 'Dims Packaging'),\n            //     new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            //     new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n        ]\n    }\n\n\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\nexport default class CourierBooking extends Booking {\n\n    constructor() {\n        super();\n\n        this.screenSwitches = {\n\n            termsOfShipment: true,\n            customsStatus: true\n        }\n\n        this.consignment = {\n\n            customerRef: '',\n            customerRefTwo: '',\n            collectByDate: '',\n            collectByTime: '',\n            documentsOnly: false,\n            insurance: false,\n            insuranceType: '',\n            description: '',\n            comments: '',\n            deliveryDate: '',\n            deliveryTime: '',\n            currency: '',\n            value: '',\n            service: '',\n            termsOfShipment: '',\n            termsDescription: ''\n        }\n\n        this.customsComments = '';\n\n        this.customs = [];\n\n        this.customsSelect = {\n\n            // customs is an id for the object, when using the checkFieldsForData method (composable) it switches to look at booleans\n            // the value of false is never changed or needed\n            customs: false,\n\n            kimberlyCerts: false,\n            carnet: false,\n            ipr: false,\n            ti: false,\n            opr: false,\n            other: false,\n            repair: false,\n            cites: false,\n            tibBondWarehouse: false,\n            exportLicence: false,\n            freeCirculation: false\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            consignment: false,\n            dimensions: false,\n            documents: false,\n            customs: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            consignment: true,\n            dimensions: true,\n            customs: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        this.tempValidatedFields = [\n\n            //     new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            //     new ValidatedField('shipperAddressLine1', true, false, 'Shipper AddressLine 1'),\n            //     new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            //     new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            //     new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            //     new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            //     new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            //     new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            //     new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            //     new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            //     new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            //     new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            //     new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            //     new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            //     new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            //     new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            //     new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            //     new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            //     new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            //     new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            //     new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            //     new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            //     new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            //     new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            //     new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            //     new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            //     new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            //     new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            //     new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            //     new ValidatedField('customerRef', true, false, 'Customer Ref 1'),\n            //     new ValidatedField('customerRefTwo', true, false, 'Customer Ref 2'),\n            //     new ValidatedField('collectByDate', true, false, 'Collect By Date'),\n            //     new ValidatedField('collectByTime', true, false, 'Collect By Time'),\n            //     new ValidatedField('deliveryDate', true, false, 'Delivery Date'),\n            //     new ValidatedField('deliveryTime', true, false, 'Delivery Time'),\n            //     new ValidatedField('currency', true, false, 'Consignment Currency'),\n            //     new ValidatedField('value', true, false, 'Consignment Value'),\n            //     new ValidatedField('service', true, false, 'Service Type'),\n            //     new ValidatedField('termsOfShipment', true, false, 'Terms Of Shipment'),\n            //     new ValidatedField('description', true, false, 'Consignment Description'),\n            //     new ValidatedField('comments', true, false, 'Consignment Comments'),\n            //     new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            //     new ValidatedField('length', false, false, 'Dims Length'),\n            //     new ValidatedField('width', false, false, 'Dims Width'),\n            //     new ValidatedField('height', false, false, 'Dims Height'),\n            //     new ValidatedField('weight', false, false, 'Dims Weight'),\n            //     new ValidatedField('packaging', false, false, 'Dims Packaging'),\n            //     new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            //     new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n            //     new ValidatedField('customsStatus', true, false, 'Customs Status'),\n        ]\n\n    }\n\n}\n","export function useValidateRequiredFields(dataModel, validationViewModel, requiredFields) {\n\n    let result = true;\n\n    requiredFields.forEach(item => {\n        // Look at the required validated fields object, if any values are set true, this is a chosen required field\n        // check the model data and validate for the required controls. Other Validation can be checked and a different\n        // message triggered if you pass the validation-text v-model to the control, then choose the message number required\n\n        if (item.validate) {\n\n            //TODO Make sure we only work with flat data and not ddl {id, text} objects to check for validation\n\n            // if (typeof (dataModel[item.modelName]) === 'object' && dataModel.hasOwnProperty(item.modelName.toString())) {\n            //\n            //     if (!dataModel[item.modelName].value) {\n            //         validationViewModel[item.modelName].value = true;\n            //         validationViewModel[item.modelName].messageNumber = 0;\n            //         result = false;\n            //     } else {\n            //         validationViewModel[item.modelName].value = false;\n            //     }\n            //\n            // } else {\n            //\n            if (dataModel.hasOwnProperty(item.modelName.toString())) {\n\n                if (!dataModel[item.modelName]) {\n                    validationViewModel[item.modelName].value = true;\n                    validationViewModel[item.modelName].messageNumber = 0;\n                    result = false;\n                } else {\n                    validationViewModel[item.modelName].value = false;\n                }\n\n            }\n\n        }\n\n    })\n\n    return result;\n}\n","export function useTimeGenerator(format) {\n\n        let interval = 30; //minutes interval\n        let times = []; // time array\n        let startTime = 0; // start time\n        let amPm = ['AM', 'PM']; // AM-PM\n\n        //loop to increment the time and push results in array\n        for (let i = 0; startTime < 24*60; i++) {\n            let hours = Math.floor(startTime/60); // getting hours of day in 0-24 format\n            let minutes = (startTime % 60); // getting minutes of the hour in 0-55 format\n\n            // pushing data in array in [0:00 - 12:00 AM/PM format]\n            if(format === 12)times[i] = (\"\" + (hours % 12)).slice(-2) + ':' + (\"0\" + minutes).slice(-2) + amPm[Math.floor(hours/12)];\n            // startTime = startTime + interval;\n\n            // 24 Hr Format\n            if(format == 24)times[i] = {id: i, value: (\"0\" + (hours % 24)).slice(-2) + ':' + (\"0\" + minutes).slice(-2)};\n            startTime = startTime + interval;\n        }\n\n        return times;\n\n}\n","\nexport default class BaseBookingSave {\n    constructor() {\n\n        this.id = 0;\n        this.jobNumber = ''\n    }\n}\n","import BaseBookingSave from \"@/classes/models/BaseBookingSave\";\n\nexport function useMapBookingSave(viewModel, bookingType) {\n\n    // BaseBooking has basic id & job No. bookingSaveDetail is built on the fly below by adding the props fro the model\n    let bookingSaveDetail = new BaseBookingSave();\n\n    bookingSaveDetail.id = viewModel.id;\n    bookingSaveDetail.jobNumber = viewModel.jobNumber;\n\n    bookingSaveDetail.shipper = JSON.parse(JSON.stringify(viewModel.shipper));\n    bookingSaveDetail.shipper.shipperCountry = bookingSaveDetail.shipper.shipperCountry ?.split('-')[0];\n    bookingSaveDetail.shipper.shipperName = bookingSaveDetail.shipper.shipperName ?.split('-')[0].trim();\n    delete bookingSaveDetail.shipper.shipperContacts;\n\n    bookingSaveDetail.consignee = JSON.parse(JSON.stringify(viewModel.consignee));\n    bookingSaveDetail.consignee.consigneeCountry = bookingSaveDetail.consignee.consigneeCountry ?.split('-')[0];\n    bookingSaveDetail.consignee.consigneeName = bookingSaveDetail.consignee.consigneeName ?.split('-')[0].trim();\n    delete bookingSaveDetail.consignee.consigneeContacts;\n\n    bookingSaveDetail.dimensions = JSON.parse(JSON.stringify(viewModel.dimensions));\n\n    // Set the unit of measure value in text for the service from the UI switch bool value\n    viewModel.unitOfMeasureSwitch ? bookingSaveDetail.dimensions.unitOfMeasure = 'imperial' :\n        bookingSaveDetail.dimensions.unitOfMeasure = 'metric';\n\n    bookingSaveDetail.dimensions.totalPieces = bookingSaveDetail.dimensions.totalPieces ?.toString();\n    bookingSaveDetail.dimensions.chargeableWeight = bookingSaveDetail.dimensions.chargeableWeight ?.toString();\n\n    bookingSaveDetail.files = viewModel.files;\n\n    if(bookingType === 'freightBooking') {\n\n        bookingSaveDetail.shipment = JSON.parse(JSON.stringify(viewModel.shipment));\n        bookingSaveDetail.shipment.shipmentCurrency = bookingSaveDetail.shipment.shipmentCurrency ?.split('-')[0];\n        bookingSaveDetail.shipment.shipmentBillingParty = viewModel.shipment.shipmentBillingPartyId ? viewModel.shipment.shipmentBillingPartyId : '';\n        delete bookingSaveDetail.shipment.shipmentBillingPartyId;\n    }\n\n    if(bookingType === 'courierBooking') {\n\n        bookingSaveDetail.consignment = JSON.parse(JSON.stringify(viewModel.consignment));\n        bookingSaveDetail.customs = viewModel.customs;\n        bookingSaveDetail.customsComments = viewModel.customsComments;\n        bookingSaveDetail.consignment.currency = bookingSaveDetail.consignment.currency ?.split('-')[0];\n    }\n\n    if(bookingType === 'preJobAir') preJobMappingFactory('flightShipment');\n    if(bookingType === 'preJobSea') preJobMappingFactory('seaShipment');\n    if(bookingType === 'preJobRoad') preJobMappingFactory('roadShipment');\n    if(bookingType === 'preJobRail') preJobMappingFactory('railShipment');\n\n    function preJobMappingFactory(section) {\n\n        bookingSaveDetail[section] = JSON.parse(JSON.stringify(viewModel[section]));\n        bookingSaveDetail[section].currency =  bookingSaveDetail[section].currency ?.split('-')[0];\n        bookingSaveDetail[section].placeOfReceipt = bookingSaveDetail[section].placeOfReceiptId ?.trim();\n        bookingSaveDetail[section].originPort = bookingSaveDetail[section].originPortId ?.trim();\n        bookingSaveDetail[section].destinationPort = bookingSaveDetail[section].destinationPortId ?.trim();\n        bookingSaveDetail[section].finalDestination = bookingSaveDetail[section].finalDestinationId ?.trim();\n        bookingSaveDetail[section].shipperRef = viewModel.shipper.shipperRef;\n        bookingSaveDetail[section].consigneeRef = viewModel.consignee.consigneeRef;\n        bookingSaveDetail[section].consigneeRefAdditional = viewModel.consignee.additionalRef;\n\n        bookingSaveDetail[section].cube = viewModel.dimensions.cube;\n\n        viewModel.cubeUnitSwitch ? bookingSaveDetail.cubeUnit = 'feet' :\n            bookingSaveDetail.cubeUnit = 'meters'\n    }\n\n    return(bookingSaveDetail);\n\n}\n","import API from \"@/classes/global/API\";\n\nexport async function useGetChargeableWeight(route, totalWeight, modelValue) {\n\n    if (!modelValue.dimensions.unitOfMeasure) modelValue.dimensions.unitOfMeasure = 'metric'\n\n    modelValue.dimensions.totalWeight = totalWeight;\n\n    const response = await API.getChargeableWeight(\n        modelValue.dimensions.multiLineDims, modelValue.dimensions.unitOfMeasure, route);\n\n    if (response) {\n\n        try {\n\n            modelValue.dimensions.chargeableWeight = response.ChargeableWeight;\n            modelValue.dimensions.totalPieces = response.totalPieces\n        } catch (error) {\n\n\n        }\n\n    }\n}\n","export function useMapShipperAddress(data, modelValue) {\n\n    modelValue.shipper.shipperContacts = [];\n\n    modelValue.shipper.id = data.id;\n    modelValue.shipper.shipperAddressLine1 = data.addressLine1;\n    modelValue.shipper.shipperAddressLine2 = data.addressLine2;\n    modelValue.shipper.shipperCity = data.city;\n\n    if (data.country) {\n        modelValue.shipper.shipperCountry = modelValue.metaData.countries.find(c => c.id === data.country).value;\n    }\n\n    modelValue.shipper.shipperCounty = data.county;\n    modelValue.shipper.shipperPostcode = data.postCode;\n    modelValue.shipper.shipperVatNumber = data.vatNumber;\n\n    modelValue.isUpdate.shipper = true;\n\n    if(data.contacts) {\n\n        data.contacts.forEach(contact => {\n            modelValue.shipper.shipperContacts.push(contact)\n        })\n\n    }\n\n}\n","export function useValidateContactEmail(modelValue, isShipper, validationViewModel) {\n\n    const emailRegExCheck = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/\n\n    if (isShipper) {\n\n        if (modelValue.shipper.shipperContactEmail.length > 0) {\n\n            if (emailRegExCheck.test(modelValue.shipper.shipperContactEmail)) {\n\n                return true;\n            }\n\n            validationViewModel.shipperContactEmail.value = true;\n            validationViewModel.shipperContactEmail.messageNumber = 1;\n\n            return false\n        }\n\n        return true;\n\n    } else {\n\n        if (modelValue.consignee.consigneeContactEmail.length > 0) {\n\n            if (emailRegExCheck.test(modelValue.consignee.consigneeContactEmail)) {\n\n                return true;\n            }\n\n            validationViewModel.consigneeContactEmail.value = true;\n            validationViewModel.consigneeContactEmail.messageNumber = 1;\n\n            return false\n        }\n\n        return true;\n\n    }\n\n\n}\n","export function useValidateContact(modelValue, tile) {\n\n    if (tile === 'shipper') return !!(modelValue.shipper.shipperContactFirstName && modelValue.shipper.shipperContactLastName);\n\n    if (tile === 'consignee') return !!(modelValue.consignee.consigneeContactFirstName && modelValue.consignee.consigneeContactLastName);\n\n}\n","export function useNewContactMessage(modelValue, isShipper) {\n\n    if (isShipper) {\n\n        return !!(!modelValue.shipper.shipperContactFullName &&\n            modelValue.shipper.shipperContactFirstName && modelValue.shipper.shipperContactLastName);\n\n    } else {\n\n        return !!(!modelValue.consignee.consigneeContactFullName && modelValue.consignee.consigneeContactFirstName\n            && modelValue.consignee.consigneeContactLastName);\n    }\n\n}\n","export function useMapConsigneeAddress(data, modelValue) {\n\n    modelValue.consignee.consigneeContacts = [];\n\n    modelValue.consignee.id = data.id;\n    modelValue.consignee.consigneeAddressLine1 = data.addressLine1;\n    modelValue.consignee.consigneeAddressLine2 = data.addressLine2;\n    modelValue.consignee.consigneeCity = data.city;\n\n    if (data.country) {\n        modelValue.consignee.consigneeCountry = modelValue.metaData.countries.find(c => c.id === data.country).value;\n    }\n\n    modelValue.consignee.consigneeCounty = data.county;\n    modelValue.consignee.consigneePostcode = data.postCode;\n    modelValue.consignee.consigneeVatNumber = data.vatNumber;\n\n    modelValue.isUpdate.consignee = true;\n\n    if(data.contacts) {\n\n        data.contacts.forEach(contact => {\n            modelValue.consignee.consigneeContacts.push(contact)\n        })\n    }\n\n}\n","export function useClearShipperContact(modelValue) {\n\n    modelValue.shipper.shipperContactId = 0;\n    modelValue.shipper.shipperContactFullName = '';\n    modelValue.shipper.shipperContactTitle = '';\n    modelValue.shipper.shipperContactFirstName = '';\n    modelValue.shipper.shipperContactLastName = '';\n    modelValue.shipper.shipperContactPhone = '';\n    modelValue.shipper.shipperContactEmail = '';\n    modelValue.shipper.shipperContactDepartment = '';\n}\n","export function useClearConsigneeContact(modelValue) {\n\n    modelValue.consignee.consigneeContactId = 0;\n    modelValue.consignee.consigneeContactFullName = '';\n    modelValue.consignee.consigneeContactTitle = '';\n    modelValue.consignee.consigneeContactFirstName = '';\n    modelValue.consignee.consigneeContactLastName = '';\n    modelValue.consignee.consigneeContactPhone = '';\n    modelValue.consignee.consigneeContactEmail = '';\n\n}\n","export function useMapShipperContact(contact, modelValue) {\n\n    modelValue.shipper.shipperContactId = contact.id;\n    modelValue.shipper.shipperContactTitle = contact.title;\n    modelValue.shipper.shipperContactFirstName = contact.firstName;\n    modelValue.shipper.shipperContactLastName = contact.lastName;\n    modelValue.shipper.shipperContactPhone = contact.phone;\n    modelValue.shipper.shipperContactEmail = contact.email;\n    modelValue.shipper.shipperContactDepartment = contact.department;\n    modelValue.shipper.shipperContactFullName = contact.value;\n}\n","export function useMapConsigneeContact(contact, modelValue) {\n\n    modelValue.consignee.consigneeContactId = contact.id;\n    modelValue.consignee.consigneeContactTitle = contact.title;\n    modelValue.consignee.consigneeContactFirstName = contact.firstName;\n    modelValue.consignee.consigneeContactLastName = contact.lastName;\n    modelValue.consignee.consigneeContactPhone = contact.phone;\n    modelValue.consignee.consigneeContactEmail = contact.email;\n}\n","export default class ShipperSaveDetail {\n    constructor() {\n\n        this.id = 0;\n        this.name = '';\n        this.addressLine1 = '';\n        this.addressLine2 = '';\n        this.city = '';\n        this.county = '';\n        this.postCode = '';\n        this.country = '';\n        this.vatNumber = '';\n        this.contacts = [];\n        this.isShipperAddress = true;\n    }\n}\n","import ShipperSaveDetail from \"@/classes/models/ShipperSaveDetail\";\nimport API from \"@/classes/global/API\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport store from \"@/store/index\"\n\nexport async function useMapShipperSave(modelValue, route, isNewContact) {\n\n    let section = new ShipperSaveDetail();\n\n    section.id = modelValue.shipper.id;\n    section.name = modelValue.shipper.shipperName ?? '';\n    section.addressLine1 = modelValue.shipper.shipperAddressLine1;\n    section.addressLine2 = modelValue.shipper.shipperAddressLine2 ?? '';\n    section.city = modelValue.shipper.shipperCity ?? '';\n    section.county = modelValue.shipper.shipperCounty ?? '';\n    section.postCode = modelValue.shipper.shipperPostcode ?? '';\n    section.country = modelValue.shipper.shipperCountry.split('-')[0] ?? '';\n    section.vatNumber = modelValue.shipper.shipperVatNumber ?? '';\n    section.contacts = modelValue.shipper.shipperContacts ?? [];\n    section.isShipperAddress = true;\n\n    modelValue.isUpdate.shipper = true;\n\n    const addressDetail = await API.saveAddress('shipper', section, route)\n\n    if (addressDetail) {\n\n        store.state.hideLoadingSpinner = true;\n        store.state.banners.success = new Notification(true, 'Information Saved Successfully');\n\n        try {\n\n            modelValue.shipper.id = addressDetail.id;\n            modelValue.shipper.shipperContacts = addressDetail.contacts;\n\n            // Check if new contact just added, set id from new returned record (last in list)\n            if( modelValue.shipper.shipperContactId === 0) {\n\n                modelValue.shipper.shipperContactId = addressDetail.contacts[addressDetail.contacts.length - 1].id\n\n            }\n\n\n        } catch (error) {\n\n            //TODO log error\n        }\n\n    }\n\n\n}\n","import ShipperSaveDetail from \"@/classes/models/ShipperSaveDetail\";\n\nexport default class ConsigneeSaveDetail extends ShipperSaveDetail {\n    constructor() {\n        super();\n\n    }\n\n}\n","import ConsigneeSaveDetail from \"@/classes/models/ConsigneeSaveDetail\";\nimport API from \"@/classes/global/API\";\nimport store from \"@/store\";\nimport Notification from \"@/classes/component-classes/Notification\";\n\nexport async function useMapConsigneeSave(modelValue, route, isNewContact) {\n\n    let section = new ConsigneeSaveDetail()\n\n    section.id = modelValue.consignee.id;\n    section.name = modelValue.consignee.consigneeName ?? '';\n    section.addressLine1 = modelValue.consignee.consigneeAddressLine1;\n    section.addressLine2 = modelValue.consignee.consigneeAddressLine2;\n    section.city = modelValue.consignee.consigneeCity;\n    section.county = modelValue.consignee.consigneeCounty;\n    section.postCode = modelValue.consignee.consigneePostcode;\n    section.country = modelValue.consignee.consigneeCountry.split('-')[0];\n    section.vatNumber = modelValue.consignee.consigneeVatNumber;\n    section.contacts = modelValue.consignee.consigneeContacts;\n    section.isShipperAddress = false;\n\n    modelValue.isUpdate.consignee = true;\n\n    const addressDetail = await API.saveAddress('consignee', section, route)\n\n    if (addressDetail) {\n\n        store.state.hideLoadingSpinner = true;\n        store.state.banners.success = new Notification(true, 'Information Saved Successfully');\n\n        try {\n\n            modelValue.consignee.id = addressDetail.id;\n            modelValue.consignee.consigneeContacts = addressDetail.contacts;\n\n            if(isNewContact) {\n                modelValue.consignee.consigneeContactId = addressDetail.contacts[addressDetail.contacts.length -1].id;\n            }\n\n        } catch (error) {\n\n            //TODO log error\n        }\n\n    }\n}\n","export default class UploadedFileSave {\n    constructor() {\n\n        this.fileName = '';\n        this.file = '';\n        this.contentType = '';\n        this.encoding = ';'\n\n    }\n}\n","import UploadedFileSave from \"@/classes/global/UploadedFileSave\";\n\nexport async function useProcessUploadedFiles(files, modelValue) {\n\n    for (const file of files) {\n\n        // Convert file size from bytes to megabytes\n        let fileSize = Math.round((file.size / 1024 / 1024) * 100) / 100;\n\n        if (fileSize < 28) {\n\n            let prepareFile = new UploadedFileSave();\n\n            const convertFile = await getAsBase64(file);\n            const splitFile = convertFile.split(';');\n            const getContentType = splitFile[0].split(':');\n            const getFile = splitFile[1].split(',');\n\n            prepareFile.fileName = file.name;\n            prepareFile.contentType = getContentType[1];\n            prepareFile.encoding = getFile[0];\n            prepareFile.file = getFile[1];\n\n            modelValue.files.push(prepareFile)\n\n        } else {\n\n            // File too big - return back for error message\n            return {file: file, value: false};\n        }\n\n    }\n\n    async function getAsBase64(file) {\n\n        return await readFile(file)\n    }\n\n    function readFile(file) {\n\n        return new Promise((resolve, reject) => {\n            // Create file reader\n            let reader = new FileReader()\n\n            // Register event listeners\n            reader.addEventListener(\"loadend\", e => resolve(e.target.result));\n            reader.addEventListener(\"error\", reject);\n\n            reader.readAsDataURL(file);\n        })\n    }\n\n    return {name: 'file size ok', value: true};\n\n}\n","export function useTileSelection(tile, modelValue) {\n\n    // Get array of the current screen tile selection object keys\n    const tilesObj = Object.keys(modelValue.tileSelection);\n\n    let currentTile = tilesObj.filter(function (propKey) {\n        // Return the current key with the value set to true in the model ( this is the previous tile )\n        return modelValue.tileSelection[propKey]\n    })\n\n    //Check the tile currently active (for when moving from tile to tile)\n\n    for (let each in modelValue.tileSelection) {\n\n        if (modelValue.tileSelection[each] !== modelValue.tileSelection[tile]) {\n            modelValue.tileSelection[each] = false;\n        }\n\n    }\n\n    modelValue.tileSelection[tile] = !modelValue.tileSelection[tile];\n\n    return currentTile;\n}\n","export function useResetValidation(dataModel, validationViewModel) {\n\n    for(const each in dataModel) {\n\n        if(validationViewModel.hasOwnProperty(each)) {\n\n            validationViewModel[each].value = false;\n        }\n    }\n\n}\n","import ShipperDetail from \"@/classes/bookings/ShipperDetail\";\nimport ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\nimport {useResetValidation} from \"@/composables/common/useResetValidation\";\n\nexport function useClearCompany(area, props, validationViewModel) {\n\n    props.modelValue.isUpdate[area] = false;\n\n    if (area === 'shipper') return props.modelValue.shipper = new ShipperDetail();\n    if (area === 'consignee') return props.modelValue.consignee = new ConsigneeDetail();\n\n    useResetValidation(props.modelValue[area], validationViewModel.value[props.validationViewModelSection]);\n    props.modelValue.tileValidation[area] = true;\n\n}\n","export function useMapContact(contact, modelValue, isShipper, isNewContact) {\n\n    if(isShipper) {\n\n        contact.title = modelValue.shipper.shipperContactTitle;\n        contact.firstName = modelValue.shipper.shipperContactFirstName;\n        contact.lastName = modelValue.shipper.shipperContactLastName;\n        contact.phone = modelValue.shipper.shipperContactPhone;\n        contact.email = modelValue.shipper.shipperContactEmail;\n        contact.department = modelValue.shipper.shipperContactDepartment;\n\n        // Update the visible dropdown value\n        modelValue.shipper.shipperContactFullName = modelValue.shipper.shipperContactTitle + ' '\n            + modelValue.shipper.shipperContactFirstName + ' ' + modelValue.shipper.shipperContactLastName;\n\n        contact.value = modelValue.shipper.shipperContactTitle + ' '\n            + modelValue.shipper.shipperContactFirstName + ' ' + modelValue.shipper.shipperContactLastName;\n\n        if(isNewContact) modelValue.shipper.shipperContacts.push(contact)\n\n    } else {\n\n        contact.title = modelValue.consignee.consigneeContactTitle;\n        contact.firstName = modelValue.consignee.consigneeContactFirstName;\n        contact.lastName = modelValue.consignee.consigneeContactLastName;\n        contact.phone = modelValue.consignee.consigneeContactPhone;\n        contact.email = modelValue.consignee.consigneeContactEmail;\n\n        modelValue.consignee.consigneeContactFullName = modelValue.consignee.consigneeContactTitle + ' '\n            + modelValue.consignee.consigneeContactFirstName + ' ' + modelValue.consignee.consigneeContactLastName;\n\n        contact.value = modelValue.consignee.consigneeContactTitle + ' '\n            + modelValue.consignee.consigneeContactFirstName + ' ' + modelValue.consignee.consigneeContactLastName;\n\n        if(isNewContact) modelValue.consignee.consigneeContacts.push(contact)\n\n    }\n\n    return contact;\n}\n","<script setup>\nimport {ref, inject, computed, toRefs, reactive, onMounted, onUnmounted} from 'vue';\nimport axios from 'axios';\nimport { useAsyncState } from '@vueuse/core'\n\n// Components\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport DimensionsEntry from \"@/components/common/other/DimensionsEntry\";\nimport FilteredDropdownMenu from \"@/components/common/input/FilteredDropdownMenu\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport DropDownMenu from \"@/components/common/input/DropDownMenu\";\nimport AddressWithContact from \"@/components/common/other/AddressWithContact\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport Button from \"@/components/common/input/Button\";\nimport SectionTile from \"@/components/bookings/SectionTile\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport DateInput from \"@/components/common/input/DateInput\";\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\";\nimport TextArea from \"@/components/common/input/TextArea\";\nimport FreightBookingDetail from \"@/components/bookings/FreightBookingDetail\";\nimport CourierBookingDetail from \"@/components/bookings/CourierBookingDetail\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport BookingSummaryDisplay from \"@/components/bookings/BookingSummaryDisplay\";\nimport DropDownTextArea from \"@/components/common/input/DropDownTextArea\";\n\n// Classes\nimport API from \"@/classes/global/API\";\nimport {ViewShipment} from \"@/classes/viewmodels/ViewShipment\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport ShipperDetail from \"@/classes/bookings/ShipperDetail\";\nimport ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\nimport ContactDetail from \"@/classes/bookings/ContactDetail\";\nimport ShipperSaveDetail from \"@/classes/models/ShipperSaveDetail\";\nimport ConsigneeSaveDetail from \"@/classes/models/ConsigneeSaveDetail\";\nimport UploadedFileSave from \"@/classes/global/UploadedFileSave\";\nimport FreightBookingValidation from \"@/classes/bookings/FreightBookingValidation\";\nimport CourierBookingValidation from \"@/classes/bookings/CourierBookingValidation\";\nimport FreightBooking from \"@/classes/viewmodels/FreightBooking\";\nimport CourierBooking from \"@/classes/viewmodels/CourierBooking\";\nimport Dimension from \"@/classes/component-classes/Dimension\";\n\n// Composables\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\nimport {useValidateRequiredFields} from \"@/composables/common/useValidateRequiredFields\";\nimport {useCheckFieldsForData} from \"@/composables/common/useCheckFieldsForData\";\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\nimport {useTimeGenerator} from \"@/composables/common/useTimeGenerator\";\nimport {useResetValidation} from \"@/composables/common/useResetValidation\";\nimport {useMapBookingSave} from \"@/composables/bookings/useMapBookingSave\";\nimport {useGetDropDownValue} from \"@/composables/common/useGetDropDownValue\";\nimport {useGetChargeableWeight} from \"@/composables/bookings/useGetChargeableWeight\";\nimport {useMapShipperAddress} from \"@/composables/bookings/useMapShipperAddress\";\nimport {useValidateContactEmail} from \"@/composables/bookings/useValidateContactEmail\";\nimport {useValidateContact} from \"@/composables/bookings/useValidateContact\";\nimport {useNewContactMessage} from \"@/composables/bookings/useNewContactMessage\";\n\n\nimport {useStore} from \"vuex\";\nimport {useRoute, useRouter} from \"vue-router\";\nimport {useMapConsigneeAddress} from \"@/composables/bookings/useMapConsigneeAddress\";\nimport {useClearShipperContact} from \"@/composables/bookings/useClearShipperContact\";\nimport {useClearConsigneeContact} from \"@/composables/bookings/useClearConsigneeContact\";\nimport {useMapShipperContact} from \"@/composables/bookings/useMapShipperContact\";\nimport {useMapConsigneeContact} from \"@/composables/bookings/useMapConsigneeContact\";\nimport {useMapShipperSave} from \"@/composables/bookings/useMapShipperSave\";\nimport {useMapConsigneeSave} from \"@/composables/bookings/useMapConsigneeSave\";\nimport {useProcessUploadedFiles} from \"@/composables/common/useProcessUploadFiles\";\nimport {useTileSelection} from \"@/composables/bookings/useTileSelection\";\nimport {useClearCompany} from \"@/composables/bookings/useClearCompany\";\nimport {useMapContact} from \"@/composables/bookings/useMapContact\";\n\nconst router = useRouter();\nconst store = useStore();\nconst route = useRoute();\n\nconst validationViewModel = inject(\"validationViewModel\");\n\nconst props = defineProps({\n\n  modelValue: {},\n  validationViewModelSection: '',\n  tileColor: {type: String, default: '#3a6b82'}\n\n})\n\nconst emits = defineEmits(['update:modelValue'])\n\nconst uploadButton = ref();\nconst uploadFileSizeError = ref(false);\n// const emailRegExCheck = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/\n\nconst updateShipperContacts = computed(() => {\n\n  return props.modelValue.shipper.shipperContacts;\n})\n\nconst updateConsigneeContacts = computed(() => {\n\n  return props.modelValue.consignee.consigneeContacts;\n})\n\nconst updateFileInput = computed(() => {\n\n  return props.modelValue.files.length\n})\n\nconst isEditCourierBooking = computed(() => {\n\n  // This is to hide the inputs and summary on edit, for the email only data not sent to db\n  if (route.params.id !== 'new' && route.params.section === 'courierBooking') {\n\n    return true;\n  }\n\n})\n\nconst getPlaceholder = computed(() => getAddressPlaceholder());\n\nconst allowWeightEntry = computed(() => {\n\n  return props.modelValue.dimensions.multiLineDims.length > 0;\n})\n\n\nlet uploadFileSizeErrorMessage = ref();\nlet validationSection = ref();\n\nonMounted(() => {\n\n  if (route.params.id === 'new' && props.modelValue.id !== 0) {\n\n    handleNewBooking(route.params.section);\n\n  }\n\n  // This is required to manage the state of the validation object for edit and new bookings.\n  // It prevents the validation state being held when coming out of an edit and into a new freight booking.\n  // Checks the url for an edit id number to ensure you have just come from the edit screen,\n  // then resets validation. If you are going back and forth with a new booking,\n  // the original state is held and the validation is not reset.\n  router.beforeEach((to, from) => {\n\n    const isEditId = /^\\d+$/.test(from.params.id)\n\n    if (isEditId && props.validationViewModelSection === 'freightBooking') {\n\n      resetTileValidationIcon();\n\n      validationViewModel.value[props.validationViewModelSection] = new FreightBookingValidation();\n    }\n\n    if (isEditId && props.validationViewModelSection === 'courierBooking') {\n\n      resetTileValidationIcon();\n\n      validationViewModel.value[props.validationViewModelSection] = new CourierBookingValidation();\n    }\n\n  })\n\n  prepShipmentMetaData();\n\n});\n\nconst insuranceTypes = [\n  {\n    id: '1',\n    value: 'Insured By Customer'\n  },\n  {\n    id: '2',\n    value: 'Insured By Carrier'\n  },\n]\n\nfunction getAddressPlaceholder() {\n\n  return require(`@/assets/address_placeholder.png`);\n}\n\nfunction getChargeableWeightCalculation(totalWeight) {\n\n  const weightTotal = totalWeight.value; // copy computed value\n  useGetChargeableWeight(route, weightTotal, props.modelValue);\n\n}\n\nfunction mapShipperAddress(data) {\n\n  useClearShipperContact(props.modelValue);\n  useMapShipperAddress(data, props.modelValue);\n\n}\n\nfunction mapConsigneeAddress(data) {\n\n  useClearConsigneeContact(props.modelValue);\n  useMapConsigneeAddress(data, props.modelValue);\n\n}\n\nfunction mapSelectedShipperContactDetail(contact) {\n\n  useMapShipperContact(contact, props.modelValue);\n\n}\n\nfunction mapSelectedConsigneeContactDetail(contact) {\n\n  useMapConsigneeContact(contact, props.modelValue);\n\n}\n\nfunction mapShipperSaveDetails(isNewContact = false) {\n\n  useMapShipperSave(props.modelValue, route, isNewContact);\n\n}\n\nfunction mapConsigneeSaveDetails(isNewContact = false) {\n\n  useMapConsigneeSave(props.modelValue, route, isNewContact);\n\n}\n\nfunction handleTileSelection(tile) {\n\n  let currentTile = useTileSelection(tile, props.modelValue, validationViewModel);\n\n  //Check the tile currently active (for when moving from tile to tile)\n  if (tile !== 'customs') checkFields(currentTile[0]);\n\n  //Check the new active tile\n  if (tile !== 'customs') checkFields(tile);\n\n}\n\nfunction handleCustomsStatus(event, status) {\n\n  if (event.target.checked) {\n\n    props.modelValue.customs.push(status);\n    props.modelValue.tileValidation.customs = true;\n\n  } else {\n\n    props.modelValue.customs.splice(props.modelValue.customs.findIndex(x => x == status), 1)\n\n  }\n\n}\n\nfunction handleValidateAndClose(tile) {\n\n  if (tile === 'customs') {\n\n    let customsValid = validateCustomsStatus();\n\n    if (customsValid) handleTileSelection('customs');\n\n    return\n  }\n\n  let validationResult = validate(tile);\n\n  if (validationResult) handleTileSelection(tile);\n\n  return validationResult\n\n}\n\nfunction handleRemoveDocument(index) {\n\n  props.modelValue.files.splice(index, 1);\n\n}\n\nfunction handleUpload() {\n\n  uploadButton.value.click()\n}\n\nfunction handleClearCompany(area) {\n\n  useClearCompany(area, props, validationViewModel);\n\n}\n\nfunction handleShipperSave(isUpdate) {\n\n  let sectionIsValid = validate('shipper');\n  let contactIsValid = validateContact('shipper')\n\n  if (sectionIsValid && contactIsValid && checkShipperEmailValid() && isUpdate && props.modelValue.shipper.shipperContactFullName) {\n\n    let contactToEdit = props.modelValue.shipper.shipperContacts.find(c => c.id === props.modelValue.shipper.shipperContactId);\n\n    useMapContact(contactToEdit, props.modelValue, true, false);\n\n    mapShipperSaveDetails();\n\n    return;\n\n  } else if (contactIsValid && props.modelValue.tileValidation['shipper'] && checkShipperEmailValid()) {\n\n    let newContact = new ContactDetail();\n\n    useMapContact(newContact, props.modelValue, true, true);\n\n    // This is to enable the contactId to be set for the latest added contact\n    mapShipperSaveDetails(true);\n\n    return;\n\n  }\n\n  // This should run if no contact data is entered and the general validation has passed\n  if (props.modelValue.tileValidation['shipper'] && checkShipperEmailValid()) mapShipperSaveDetails();\n\n}\n\nfunction handleConsigneeSave(isUpdate) {\n\n  let sectionIsValid = validate('consignee');\n  let contactIsValid = validateContact('consignee')\n\n  if (sectionIsValid && contactIsValid && checkConsigneeEmailValid() && isUpdate && props.modelValue.consignee.consigneeContactFullName) {\n\n    let contactToEdit = props.modelValue.consignee.consigneeContacts.find(c => c.id === props.modelValue.consignee.consigneeContactId);\n\n    useMapContact(contactToEdit, props.modelValue, false, false);\n\n    mapConsigneeSaveDetails();\n\n    return;\n\n  } else if (contactIsValid && props.modelValue.tileValidation['consignee'] && checkConsigneeEmailValid()) {\n\n    let newContact = new ContactDetail();\n\n    useMapContact(newContact, props.modelValue, false, true)\n\n    mapConsigneeSaveDetails(true);\n\n    return;\n\n  }\n\n  if (props.modelValue.tileValidation['consignee'] && checkConsigneeEmailValid()) mapConsigneeSaveDetails();\n}\n\nfunction checkShipperEmailValid() {\n\n  return useValidateContactEmail(props.modelValue, true, validationViewModel.value[props.validationViewModelSection]);\n\n}\n\nfunction checkConsigneeEmailValid() {\n\n  return useValidateContactEmail(props.modelValue, false, validationViewModel.value[props.validationViewModelSection]);\n\n}\n\nfunction handleNewBooking(section) {\n\n  router.push({name: 'booking', params: {owner: store.state.owner, section: section, id: 'new'}});\n\n  if (section === 'freightBooking') {\n\n    emits('update:modelValue', new FreightBooking());\n\n  } else {\n\n    emits('update:modelValue', new CourierBooking());\n  }\n\n  prepShipmentMetaData();\n\n}\n\nfunction validateContact(tile) {\n\n  return useValidateContact(props.modelValue, tile);\n\n}\n\nfunction selectBillingPartyId(selection) {\n\n  props.modelValue.shipment.shipmentBillingPartyId = selection.id;\n}\n\nfunction newContactMessage(isShipper) {\n\n  return useNewContactMessage(props.modelValue, isShipper);\n\n}\n\nfunction allowShipperSaveButton() {\n\n  return !(props.modelValue.shipper.shipperName && props.modelValue.shipper.shipperAddressLine1);\n\n}\n\nfunction allowConsigneeSaveButton() {\n\n  return! (props.modelValue.consignee.consigneeName && props.modelValue.consignee.consigneeAddressLine1);\n\n}\n\nfunction handleTermsDescription(ddlData) {\n\n  props.modelValue.consignment.termsDescription = ddlData.termDetail;\n\n}\n\nfunction validateCustomsStatus() {\n\n  let customsValid = true;\n\n  const validateStatus = useGetValidatedFields(props.modelValue.metaData.validatedFields, 'customsStatus');\n  const validateComments = useGetValidatedFields(props.modelValue.metaData.validatedFields, 'customsComments');\n\n  if (validateStatus && props.modelValue.customs.length === 0) {\n\n    props.modelValue.tileValidation['customs'] = false;\n\n    customsValid = false;\n\n  } else if (validateComments && !props.modelValue.customsComments) {\n\n    validationViewModel.value[props.validationViewModelSection].customsComments.value = true;\n    props.modelValue.tileValidation['customs'] = false;\n\n    customsValid = false;\n\n  } else {\n\n    props.modelValue.tileValidation['customs'] = true;\n  }\n\n  return customsValid;\n}\n\nfunction checkFields(tile) {\n\n  if (useCheckFieldsForData(props.modelValue[tile])) {\n\n    props.modelValue.tileValidation[tile] = validate(tile);\n\n  }\n\n}\n\nfunction validate(tile) {\n\n  let fieldsValid = useValidateRequiredFields(props.modelValue[tile],\n      validationViewModel.value[props.validationViewModelSection], props.modelValue.metaData.validatedFields);\n\n  props.modelValue.tileValidation[tile] = fieldsValid;\n\n  return fieldsValid\n\n}\n\nfunction resetTileValidationIcon() {\n\n  for (let each in props.modelValue.tileValidation) {\n\n    props.modelValue.tileValidation[each] = true;\n\n  }\n}\n\nasync function prepShipmentMetaData() {\n\n  if (route.params.section === 'freightBooking') validationSection = 'freightBookingValidatedFields';\n  if (route.params.section === 'courierBooking') validationSection = 'courierBookingValidatedFields';\n\n  const response = await API.getShipperMetaData(route, validationSection);\n\n  if (response) props.modelValue.metaData = response;\n\n}\n\nasync function getCompanyDetails(name, section) {\n\n  props.modelValue[section].id = parseInt(name.id);\n\n  let response = await API.getCompanyDetail(name.id, route)\n\n  if (response) {\n\n    try {\n\n      if (section === 'shipper') mapShipperAddress(response);\n      if (section === 'consignee') mapConsigneeAddress(response);\n\n    } catch (error) {\n\n      // TODO Log Error\n\n    }\n\n  }\n\n}\n\nasync function validateSubmit(bookingType) {\n\n  props.modelValue.tileValidation['shipper'] = validate('shipper');\n  props.modelValue.tileValidation['consignee'] = validate('consignee');\n  props.modelValue.tileValidation['dimensions'] = validate('dimensions');\n\n  if (props.validationViewModelSection === 'freightBooking') {\n    props.modelValue.tileValidation['shipment'] = validate('shipment');\n\n  } else {\n\n    // Must be CourierBooking\n    props.modelValue.tileValidation['consignment'] = validate('consignment');\n    props.modelValue.tileValidation['customs'] = validateCustomsStatus();\n  }\n\n  for (let each in props.modelValue.tileValidation) {\n\n    if (props.modelValue.tileValidation[each] === false) {\n\n      return false\n\n    }\n\n  }\n\n  // Validation Passed for all sections\n\n  let response = await API.saveBooking(useMapBookingSave(props.modelValue, props.validationViewModelSection), bookingType, route);\n\n  if (response) {\n\n    try {\n\n      props.modelValue.id = response.id;\n      props.modelValue.jobNumber = response.jobNumber;\n\n      // Add the new returned dims with id's to the model, remove unitOfMeasure as not used for UI and would run through the useCheckFieldsForData method\n      // with the value sent back from server (metric / imperial, text) and trigger the tile to show the data present sheild\n      props.modelValue.dimensions = {... props.modelValue.dimensions, ...response.dimensions};\n\n      // Ensure always string value for total weight to avoid breaking calcs\n      props.modelValue.dimensions.totalWeight = props.modelValue.dimensions.totalWeight.toString();\n      delete props.modelValue.dimensions.unitOfMeasure;\n\n      store.state.banners.success = new Notification(true, 'Booking Saved Successfully');\n    } catch (error) {\n\n      // TODO Log Error\n    }\n\n  }\n\n}\n\nasync function handleUploadedFiles(files) {\n\n  uploadFileSizeError.value = false;\n\n  let fileUploadOk = await useProcessUploadedFiles(files, props.modelValue);\n\n  if (!fileUploadOk.value) {\n\n    uploadFileSizeError.value = true;\n    uploadFileSizeErrorMessage.value = fileUploadOk.file.name + ' ' + 'is too large to upload - max 28MB'\n  }\n\n}\n\n</script>\n\n<template class=\"cmp-multi-booking\">\n  <div>\n    <StaticWidget\n        :title=\"props.validationViewModelSection === 'freightBooking' ? 'Details For Freight Booking' : 'Details For Courier Booking'\"\n        height=\"740\">\n      <template #extra-content>\n        <div class=\"cmp-multi-booking_required-field-message\"><span class=\"global-required-field\"></span>\n          indicates the field is required\n        </div>\n        <div v-if=\"/^\\d+$/.test(route.params.id)\" class=\"cmp-multi-booking_edit-message\">\n          <i class=\"fa-duotone fa-pen-to-square\" style=\"color: #073053; font-size: 19px; margin-right: 5px\"></i>\n          <span style=\"font-size: 16px;\">Edit Booking #<span>{{ route.params.id }}</span></span>\n        </div>\n        <div v-else-if=\"props.modelValue.id\">\n          <i class=\"fa-solid fa-circle-check\" style=\"color: #099d4f; margin-left: 50px; font-size: 14px; margin-right: 5px;\"></i>\n          <span style=\"font-weight: normal\">Job Number</span> #<span>{{ props.modelValue.id }}</span>\n        </div>\n      </template>\n      <template #right-side>\n        <div>\n          <Button\n              v-if=\"props.modelValue.id === 0\"\n              text=\"Save & Submit\"\n              icon=\"<i class='fa-thin fa-floppy-disk'></i>\"\n              @click=\"validateSubmit(props.validationViewModelSection)\">\n          </Button>\n          <Button\n              v-if=\"props.modelValue.id !== 0\"\n              text=\"Update\"\n              type=\"success\"\n              icon=\"<i class='fa-light fa-pen-to-square'></i>\"\n              @click=\"validateSubmit(props.validationViewModelSection)\">\n          </Button>\n          <Button\n              v-if=\"props.modelValue.id !== 0\"\n              text=\"New Booking\"\n              icon=\"<i class='fa-regular fa-file'></i>\"\n              @click=\"handleNewBooking(props.validationViewModelSection)\"\n              type=\"toolbar\"></Button>\n        </div>\n      </template>\n      <div class=\"cmp-multi-booking_wrapper\">\n        <div class=\"cmp-multi-booking_tile-wrapper\">\n          <SectionTile\n              @select=\"handleTileSelection('shipper')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.shipper\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.shipper\"\n              v-model:validationProp=\"props.modelValue.tileValidation.shipper\">\n            <template #icon><i class=\"fa-thin fa-earth-americas\"></i></template>\n            <template #title>Shipper</template>\n            <template #description>Address & Contact</template>\n          </SectionTile>\n          <SectionTile\n              @select=\"handleTileSelection('consignee')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.consignee\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.consignee\"\n              v-model:validationProp=\"props.modelValue.tileValidation.consignee\">\n            <template #icon><i class=\"fa-thin fa-clipboard-check\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Consignee</template>\n            <template #description>Address & Contact</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"props.validationViewModelSection === 'freightBooking'\"\n              @select=\"handleTileSelection('shipment')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.shipment\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.shipment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.shipment\">\n            <template #icon><i class=\"fa-thin fa-truck-ramp-box\" style=\"font-size: 36px;\"></i></template>\n            <template #title>Shipment</template>\n            <template #description>Details Regarding The Shipment</template>\n          </SectionTile>\n          <SectionTile\n              v-else\n              @select=\"handleTileSelection('consignment')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.consignment\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.consignment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.consignment\">\n            <template #icon><i class=\"fa-thin fa-person-dolly-empty\" style=\"font-size: 40px;\"></i></template>\n            <template #title>Consignment Details</template>\n            <template #description>References & Delivery</template>\n          </SectionTile>\n          <SectionTile\n              @select=\"handleTileSelection('dimensions')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.dimensions\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.dimensions\"\n              v-model:validationProp=\"props.modelValue.tileValidation.dimensions\">\n            <template #icon><i class=\"fa-thin fa-box-open\"></i></template>\n            <template #title>Dimensions</template>\n            <template #description>Packaging & Item Detail</template>\n          </SectionTile>\n          <SectionTile\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.documents\"\n              :tileColor=\"tileColor\"\n              @select=\"handleTileSelection('documents')\" :useIcons=\"false\">\n            <template #icon><i class=\"fa-thin fa-folder-arrow-up\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Upload Docs</template>\n            <template #description>Add Docs To The Booking</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"store.state.userSettings.showCourierCustoms\"\n              :tileColor=\"tileColor\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.customs\"\n              v-model:validationProp=\"props.modelValue.tileValidation.customs\"\n              v-model:viewModel=\"props.modelValue.customsSelect\"\n              @select=\"handleTileSelection('customs')\">\n            <template #icon><i class=\"fa-thin fa-passport\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Customs</template>\n            <template #description>Status & Comments</template>\n          </SectionTile>\n        </div>\n        <div v-show=\"props.modelValue.tileSelection.shipper\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-earth-americas cmp-multi-booking_tile-icon\" style=\"color: var(--aqua-blue-definition)\"></i>\n            <div class=\"global-css_vertical-form-layout\">\n              <div class=\"global-flex-layout\">\n                <MultiSearchDropDown\n                    :key=\"props.modelValue.metaData.shippers\"\n                    :requiredField=\"useGetValidatedFields (props.modelValue.metaData.validatedFields, 'shipperName' )\"\n                    :allowCustomValue=\"true\"\n                    :useServerSearch=\"true\"\n                    :maxLength=\"70\"\n                    searchType=\"shipper\"\n                    @select=\"getCompanyDetails($event, 'shipper')\"\n                    @clear=\"handleClearCompany('shipper')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperName\"\n                    label=\"Shipper\"\n                    v-model=\"props.modelValue.shipper.shipperName\"\n                    :selectPrimitiveValue=\"true\"\n                    :data-source=\"props.modelValue.metaData.shippers\">\n                </MultiSearchDropDown>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"width: 300px;\">\n                      Select a Shipper by typing a Company name or postcode to perform a search. You can type a custom\n                      name in the same box\n                      and save as a new record, or use as a one off Shipper for the booking if you do not wish to save.\n                    </div>\n                  </template>\n                  <i class=\"fa fa-info-circle\" style=\"font-size: 14px; color: var(--info-icon-color)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperAddressLine1\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperAddressLine1\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperAddressLine1' )\"\n                  label=\"Address Line 1\">\n              </TextInput>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperAddressLine2\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperAddressLine2\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperAddressLine2' )\"\n                  label=\"Address Line 2\">\n              </TextInput>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperCity\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCity\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperCity' )\"\n                  label=\"City\">\n              </TextInput>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"10\"\n                    v-model=\"props.modelValue.shipper.shipperPostcode\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperPostcode\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperPostcode' )\"\n                    :width=\"175\"\n                    label=\"Post Code / ZIP\">\n                </TextInput>\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"50\"\n                    v-model=\"props.modelValue.shipper.shipperCounty\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCounty\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperCounty' )\"\n                    :width=\"155\"\n                    label=\"County / State\">\n                </TextInput>\n              </div>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.countries.length > 0\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperCountry' )\"\n                  :allowCustomValue=\"false\"\n                  placeholder=\"Select or Search....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCountry\"\n                  label=\"Country\"\n                  v-model=\"props.modelValue.shipper.shipperCountry\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.metaData.countries\">\n              </MultiSearchDropDown>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperVatNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperVatNumber\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperVatNumber' )\"\n                  label=\"VAT Number\">\n              </TextInput>\n            </div>\n            <div class=\"cmp-multi-booking_contact-area\">\n              <i class=\"fa-thin fa-address-card cmp-multi-booking_contact-icon \"></i>\n              <div v-if=\"newContactMessage(true)\" class=\"cmp-multi-booking_contact-user-info\">\n                <MovingTooltip :icon=\"false\">\n                  <template #content>\n                    <div>\n                      <strong>Add a New Contact -</strong> Saving / Updating will add this name to the Shipper contacts\n                      list\n                    </div>\n                  </template>\n                  <i class=\"fa-solid fa-solid fa-circle-check\"\n                     style=\"font-size: 16px; color: green; border: 3px solid white; border-radius: 50%\">\n                  </i>\n                </MovingTooltip>\n              </div>\n            </div>\n            <div class=\"global-css_vertical-form-layout\">\n              <MultiSearchDropDown\n                  :key=\"updateShipperContacts\"\n                  @select=\"mapSelectedShipperContactDetail\"\n                  @clear=\"useClearShipperContact(props.modelValue)\"\n                  placeholder=\"Select...\"\n                  :maxLength=\"50\"\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactFullName' )\"\n                  :allowCustomValue=\"false\"\n                  :disableFilter=\"true\"\n                  :selectPrimitiveValue=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactFullName\"\n                  label=\"Contacts\"\n                  v-model=\"props.modelValue.shipper.shipperContactFullName\"\n                  :data-source=\"props.modelValue.shipper.shipperContacts\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :labelWidth=\"85\"\n                    :width=\"40\"\n                    :maxLength=\"10\"\n                    placeholder=\"Title\"\n                    v-model=\"props.modelValue.shipper.shipperContactTitle\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactTitle\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactTitle' )\"\n                    label=\"Name\">\n                </TextInput>\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :width=\"150\"\n                    :maxLength=\"20\"\n                    placeholder=\"First Name\"\n                    v-model=\"props.modelValue.shipper.shipperContactFirstName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactFirstName\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactFirstName' )\">\n                </TextInput>\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"25\"\n                    :width=\"190\"\n                    placeholder=\"Last Name\"\n                    v-model=\"props.modelValue.shipper.shipperContactLastName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactLastName\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactLastName' )\">\n                </TextInput>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    Clear Contact Fields\n                  </template>\n                  <i class=\"fa-solid fa-trash-can-list\" @click=\"useClearShipperContact(props.modelValue)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"30\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactPhone\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactPhone\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactPhone' )\"\n                  label=\"Telephone\">\n              </TextInput>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactEmail\"\n                  :validationText=\"['Required', 'Invalid Email']\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactEmail\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactEmail' )\"\n                  label=\"Email\">\n              </TextInput>\n              <TextInput\n                  v-if=\"props.modelValue.metaData.validatedFields\"\n                  :maxLength=\"50\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactDepartment\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactDepartment\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactDepartment' )\"\n                  label=\"Department\">\n              </TextInput>\n              <div class=\"cmp-multi-booking_save-button global-flex-layout\">\n                <Button\n                    :disabled=\"allowShipperSaveButton()\"\n                    v-if=\"!props.modelValue.isUpdate.shipper\"\n                    @click=\"handleShipperSave(false)\"\n                    text=\"Save Address & Contact\">\n                </Button>\n                <Button\n                    v-else\n                    @click=\"handleShipperSave(true)\"\n                    text=\"Update Address & Contact\"\n                    type=\"success\">\n                </Button>\n                <div>\n                  <StaticTooltip :icon=\"false\">\n                    <template #content>\n                      <div style=\"width: 300px;\">\n                        <div>Once you have entered Shipper information, you can select an existing contact,\n                          edit and save the changes.\n                        </div>\n                        <div>If you wish to add a new contact, fill out a first & last name as a minimum. Any Shipper\n                          changes are also saved or updated.\n                        </div>\n                      </div>\n                    </template>\n                    <i class=\"fa-solid fa-info-circle\"\n                       style=\"font-size: 14px; margin-right: 5px; color: var(--info-icon-color)\"></i>\n                    <span style=\"font-size: 11px; color: #6d6d6d\"></span>\n                  </StaticTooltip>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-show=\"props.modelValue.tileSelection.consignee\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-clipboard-check  cmp-multi-booking_tile-icon\" style=\"color: var(--aqua-blue-definition)\"></i>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-left: 14px;\">\n              <div class=\"global-flex-layout\">\n                <MultiSearchDropDown\n                    :key=\"props.modelValue.metaData.consignees\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeName' )\"\n                    :maxLength=\"50\"\n                    :allowCustomValue=\"true\"\n                    @select=\"getCompanyDetails($event, 'consignee')\"\n                    @clear=\"handleClearCompany('consignee')\"\n                    :selectPrimitiveValue=\"true\"\n                    :useServerSearch=\"true\"\n                    searchType=\"consignee\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeName\"\n                    label=\"Consignee\"\n                    v-model=\"props.modelValue.consignee.consigneeName\"\n                    :data-source=\"props.modelValue.metaData.consignees\">\n                </MultiSearchDropDown>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"width: 300px;\">\n                      Select a Consignee by typing a Company name or postcode. You can type a custom name in the same box\n                      and save as a new record, or use as a one off Consignee for the booking.\n                    </div>\n                  </template>\n                  <i class=\"fa fa-info-circle\" style=\"font-size: 14px; color: var(--info-icon-color)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeAddressLine1\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeAddressLine1\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeAddressLine1' )\"\n                  label=\"Address Line 1\">\n              </TextInput>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeAddressLine2\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeAddressLine2\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeAddressLine2' )\"\n                  label=\"Address Line 2\">\n              </TextInput>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeCity\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCity\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCity' )\"\n                  label=\"City\">\n              </TextInput>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-model=\"props.modelValue.consignee.consigneePostcode\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneePostcode\"\n                    :maxLength=\"10\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneePostcode' )\"\n                    :width=\"175\"\n                    label=\"Post Code / ZIP\">\n                </TextInput>\n                <TextInput\n                    v-model=\"props.modelValue.consignee.consigneeCounty\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCounty\"\n                    :maxLength=\"50\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCounty' )\"\n                    :width=\"155\"\n                    label=\"County / State\">\n                </TextInput>\n              </div>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.countries.length > 0\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCountry' )\"\n                  :allowCustomValue=\"false\"\n                  placeholder=\"Select or Search....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCountry\"\n                  label=\"Country\"\n                  v-model=\"props.modelValue.consignee.consigneeCountry\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.metaData.countries\">\n              </MultiSearchDropDown>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeVatNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeVatNumber\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeVatNumber' )\"\n                  label=\"VAT Number\">\n              </TextInput>\n            </div>\n            <div class=\"cmp-multi-booking_contact-area\">\n              <i class=\"fa-thin fa-address-card cmp-multi-booking_contact-icon \"></i>\n              <div v-if=\"newContactMessage(false)\" class=\"cmp-multi-booking_contact-user-info\">\n                <MovingTooltip :icon=\"false\">\n                  <template #content>\n                    <div>\n                      <strong>New Contact Available!</strong> Saving / Updating will add this name to the existing contact\n                      list\n                    </div>\n                  </template>\n                  <i class=\"fa-solid fa-solid fa-circle-check\"\n                     style=\"font-size: 16px; color: green; border: 3px solid white; border-radius: 50%\">\n                  </i>\n                </MovingTooltip>\n              </div>\n            </div>\n            <div class=\"global-css_vertical-form-layout\" style=\"margin-top: 30px\">\n              <MultiSearchDropDown\n                  :key=\"updateConsigneeContacts\"\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"50\"\n                  placeholder=\"Select...\"\n                  @select=\"mapSelectedConsigneeContactDetail\"\n                  @clear=\"useClearConsigneeContact(props.modelValue)\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactFullName' )\"\n                  :allowCustomValue=\"true\"\n                  :disableFilter=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactFullName\"\n                  label=\"Contacts\"\n                  v-model=\"props.modelValue.consignee.consigneeContactFullName\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.consignee.consigneeContacts\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"10\"\n                    :labelWidth=\"85\"\n                    :width=\"40\"\n                    placeholder=\"Title\"\n                    v-model=\"props.modelValue.consignee.consigneeContactTitle\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactTitle\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactTitle' )\"\n                    label=\"Name\">\n                </TextInput>\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"20\"\n                    :width=\"150\"\n                    placeholder=\"First Name\"\n                    v-model=\"props.modelValue.consignee.consigneeContactFirstName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactFirstName\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeContactFirstName' )\">\n                </TextInput>\n                <TextInput\n                    v-if=\"props.modelValue.metaData.validatedFields\"\n                    :maxLength=\"25\"\n                    :width=\"190\"\n                    placeholder=\"Last Name\"\n                    v-model=\"props.modelValue.consignee.consigneeContactLastName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactLastName\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactLastName' )\">\n                </TextInput>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    Clear Contact Fields\n                  </template>\n                  <i class=\"fa-solid fa-trash-can-list\" @click=\"useClearConsigneeContact(props.modelValue)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"25\"\n                  v-model=\"props.modelValue.consignee.consigneeContactPhone\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactPhone\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactPhone' )\"\n                  label=\"Telephone\">\n              </TextInput>\n              <TextInput\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.consignee.consigneeContactEmail\"\n                  :validationText=\"['Required', 'Invalid Email']\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactEmail\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactEmail' )\"\n                  label=\"Email\">\n              </TextInput>\n              <div class=\"cmp-multi-booking_save-button global-flex-layout\">\n                <Button\n                    @click=\"handleConsigneeSave(false)\"\n                    :disabled=\"allowConsigneeSaveButton()\"\n                    v-if=\"!props.modelValue.isUpdate.consignee\"\n                    text=\"Save Address & Contact\">\n                </Button>\n                <Button\n                    @click=\"handleConsigneeSave(true)\"\n                    v-else\n                    text=\"Update Address & Contact\"\n                    type=\"success\">\n                </Button>\n                <div>\n                  <StaticTooltip :icon=\"false\">\n                    <template #content>\n                      <div style=\"width: 300px;\">\n                        <div>Once you have entered Consignee information, you can select an existing contact,\n                          edit and save the changes.\n                        </div>\n                        <div>If you wish to add a new contact, fill out a first & last name as a minimum. Any Consignee\n                          changes are also saved.\n                        </div>\n                      </div>\n                    </template>\n                    <i class=\"fa-solid fa-info-circle\"\n                       style=\"font-size: 14px; margin-right: 5px; color: var(--info-icon-color)\"></i>\n                  </StaticTooltip>\n                </div>\n              </div>\n            </div>\n          </div>\n<!--          <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n<!--            <Button @click=\"handleTileSelection('consignee')\" text=\"Close\" type=\"toolbar\"></Button>-->\n<!--            <Button @click=\"handleValidateAndClose('consignee')\" text=\"OK\"></Button>-->\n<!--          </div>-->\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.shipment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-truck-ramp-box cmp-multi-booking_tile-icon\" style=\"color: var(--aqua-blue-definition);\"></i>\n            <div class=\"global-css_vertical-form-layout\">\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :width=\"400\"\n                    v-model=\"props.modelValue.shipment.shipmentRef\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentRef\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentRef' )\"\n                    label=\"Your Ref:\">\n                </TextInput>\n                <CheckBox\n                    v-model=\"props.modelValue.shipment.shipmentRefBolNumber\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentRefBolNumber\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentRefBolNumber' )\"\n                    label=\"BOL Number?\"\n                    :label-width=\"80\">\n                </CheckBox>\n              </div>\n              <TextInput\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipment.shipmentShipperRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentShipperRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentShipperRef' )\"\n                  label=\"Shipper Ref:\">\n              </TextInput>\n              <TextInput\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipment.shipmentConsigneeRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentConsigneeRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentConsigneeRef' )\"\n                  label=\"Consignee Ref:\">\n              </TextInput>\n              <TextInput\n                  :width=\"260\"\n                  v-model=\"props.modelValue.shipment.shipmentCarrier\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentCarrier\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentCarrier' )\"\n                  label=\"Carrier\">\n              </TextInput>\n              <div v-if=\"props.modelValue.shipment.shipmentBillingParty === 'Third Party'\"\n                   class=\"cmp-multi-booking_third-party-area\">\n                <div class=\"cmp-multi-booking_third-party-label\"\n                     :class=\"{'global-required-field' : useGetValidatedFields(props.modelValue.metaData.validatedFields,\n                  'shipmentBillingPartyDetail')}\">Third Party Detail\n                </div>\n                <TextArea\n                    v-model=\"props.modelValue.shipment.shipmentBillingPartyDetail\"\n                    @input=\"props.modelValue.shipment.shipmentBillingPartyDetail = $event\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentBillingPartyDetail\"\n                    :height=\"53\"\n                    :width=\"280\">\n              </TextArea>\n              </div>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.serviceTypes.length > 0\"\n                  :width=\"260\"\n                  placeholder=\"Select or Search....\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentServiceType' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentServiceType\"\n                  label=\"Service Type\"\n                  v-model=\"props.modelValue.shipment.shipmentServiceType\"\n                  :data-source=\"props.modelValue.metaData.serviceTypes\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.billingParties.length > 0\"\n                  :width=\"260\"\n                  placeholder=\"Select or Search....\"\n                  @select=\"selectBillingPartyId\"\n                  @clear=\"props.modelValue.shipment.shipmentBillingPartyId = 0\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipmentBillingParty' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentBillingParty\"\n                  label=\"Billing Party\"\n                  v-model=\"props.modelValue.shipment.shipmentBillingParty\"\n                  :data-source=\"props.modelValue.metaData.billingParties\">\n              </MultiSearchDropDown>\n            </div>\n            <div class=\"global-css_vertical-form-layout\" style=\"margin-left: 80px;\">\n                <DropDownTextArea\n                    :width=\"540\"\n                    :labelWidth=\"128\"\n                    :maxLength=\"42\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentDescription' )\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentDescription\"\n                    v-model=\"props.modelValue.shipment.shipmentDescription\"\n                    label=\"Goods Description\">\n                </DropDownTextArea>\n                <DropDownTextArea\n                    :width=\"540\"\n                    :labelWidth=\"128\"\n                    :maxLength=\"42\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentComments' )\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentComments\"\n                    v-model=\"props.modelValue.shipment.shipmentComments\"\n                    label=\"Comments\">\n                </DropDownTextArea>\n              <div class=\"global-flex-layout\">\n                <DateInput\n                    :width=\"120\"\n                    :label-width=\"128\"\n                    v-model=\"props.modelValue.shipment.shipmentPickupDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentPickupDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentPickupDate' )\"\n                    label=\"Pickup By\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.shipment.shipmentPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <DateInput\n                    style=\"margin-left: 30px;\"\n                    :width=\"120\"\n                    :label-width=\"80\"\n                    v-model=\"props.modelValue.shipment.shipmentDeliveryDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentDeliveryDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentDeliveryDate' )\"\n                    label=\"Delivery Date\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.shipment.shipmentDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 35px;\"\n                    :width=\"65\"\n                    :label-width=\"80\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentDeliveryTime' )\"\n                    placeholder=\"Select\"\n                    label=\"Delivery Time\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentDeliveryTime\"\n                    v-model=\"props.modelValue.shipment.shipmentDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\">\n                <NumberOnlyInput\n                    :width=\"100\"\n                    :label-width=\"128\"\n                    label=\"Value\"\n                    :allowDecimal=\"true\"\n                    v-model=\"props.modelValue.shipment.shipmentValue\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentValue\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentValue' )\">\n                </NumberOnlyInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 60px\"\n                    :key=\"props.modelValue.metaData.currencies.length > 0\"\n                    :width=\"305\"\n                    :label-width=\"60\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentCurrency' )\"\n                    :allowCustomValue=\"false\"\n                    placeholder=\"Select or Search\"\n                    label=\"Currency\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentCurrency\"\n                    v-model=\"props.modelValue.shipment.shipmentCurrency\"\n                    :selectPrimitiveValue=\"true\"\n                    :data-source=\"props.modelValue.metaData.currencies\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\">\n                <CheckBox\n                    style=\"padding-top: 2px;\"\n                    label=\"Insurance\"\n                    :label-width=\"118\"\n                    @click=\"props.modelValue.shipment.shipmentInsuranceAmount = ''\"\n                    v-model=\"props.modelValue.shipment.shipmentInsurance\">\n                </CheckBox>\n                <NumberOnlyInput\n                    :disable=\"!props.modelValue.shipment.shipmentInsurance\"\n                    style=\"margin-left: 165px;\"\n                    :width=\"100\"\n                    :label-width=\"55\"\n                    label=\"Amount\"\n                    :allowDecimal=\"true\"\n                    v-model=\"props.modelValue.shipment.shipmentInsuranceAmount\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentInsuranceAmount\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentInsuranceAmount' )\">\n                </NumberOnlyInput>\n              </div>\n            </div>\n          </div>\n<!--          <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n<!--            <Button @click=\"handleTileSelection('shipment')\" text=\"Close\" type=\"toolbar\"></Button>-->\n<!--            <Button @click=\"handleValidateAndClose('shipment')\" text=\"OK\"></Button>-->\n<!--          </div>-->\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.consignment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-person-dolly-empty cmp-multi-booking_tile-icon\"\n               style=\"color: var(--aqua-blue-definition); font-size: 60px;\"></i>\n            <div style=\"width: 625px; padding-top: 20px;\">\n              <div class=\"global-css_vertical-form-layout\">\n                <TextInput\n                    :width=\"400\"\n                    :labelWidth=\"110\"\n                    v-model=\"props.modelValue.consignment.customerRef\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRef\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRef' )\"\n                    label=\"Your Ref\">\n                </TextInput>\n                <TextInput\n                    :width=\"400\"\n                    :labelWidth=\"110\"\n                    v-model=\"props.modelValue.consignment.customerRefTwo\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRefTwo\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRefTwo' )\"\n                    label=\"Additional Ref\">\n                </TextInput>\n                <div class=\"global-flex-layout\">\n                  <DateInput\n                      :width=\"125\"\n                      :labelWidth=\"110\"\n                      v-model=\"props.modelValue.consignment.collectByDate\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].collectByDate\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'collectByDate' )\"\n                      label=\"Pickup By\">\n                    <el-date-picker\n                        :clearable=\"false\"\n                        v-model=\"props.modelValue.consignment.collectByDate\"\n                        value-format=\"DD-MMM-YY\"/>\n                  </DateInput>\n                  <MultiSearchDropDown\n                      style=\"margin-left: 80px;\"\n                      :width=\"80\"\n                      :labelWidth=\"110\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'collectByTime' )\"\n                      placeholder=\"Select\"\n                      label=\"Pickup Time\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].collectByTime\"\n                      v-model=\"props.modelValue.consignment.collectByTime\"\n                      :selectPrimitiveValue=\"true\"\n                      :disableFilter=\"true\"\n                      :data-source=\"useTimeGenerator(24)\">\n                  </MultiSearchDropDown>\n                </div>\n                <div class=\"global-flex-layout\" style=\"margin-top: 0px;\">\n                  <CheckBox\n                      v-model=\"props.modelValue.consignment.documentsOnly\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].documentsOnly\"\n                      :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'documentsOnly' )\"\n                      label=\"Documents Only\"\n                      :labelWidth=\"100\">\n                  </CheckBox>\n                  <CheckBox\n                      v-if=\"!isEditCourierBooking\"\n                      style=\"margin-left: 30px;\"\n                      @click=\"props.modelValue.consignment.insuranceType = ''\"\n                      v-model=\"props.modelValue.consignment.insurance\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].insurance\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'insurance' )\"\n                      label=\"Insurance\"\n                      :label-width=\"50\">\n                  </CheckBox>\n                  <MultiSearchDropDown\n                      v-if=\"!isEditCourierBooking\"\n                      style=\"margin-left: 50px;\"\n                      :disable=\"!props.modelValue.consignment.insurance\"\n                      :width=\"180\"\n                      :labelWidth=\"50\"\n                      :disableFilter=\"true\"\n                      :allowCustomValue=\"false\"\n                      placeholder=\"Select Insurance Type\"\n                      label=\"Detail\"\n                      v-model=\"props.modelValue.consignment.insuranceType\"\n                      :selectPrimitiveValue=\"true\"\n                      :data-source=\"insuranceTypes\">\n                  </MultiSearchDropDown>\n                </div>\n                <div class=\"global-flex-layout\">\n                  <MultiSearchDropDown\n                      v-if=\"store.state.userSettings.showCourierTerms && !isEditCourierBooking\"\n                      :width=\"400\"\n                      :labelWidth=\"110\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'termsOfShipment' )\"\n                      :allowCustomValue=\"true\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].termsOfShipment\"\n                      label=\"Terms\"\n                      @select=\"handleTermsDescription\"\n                      v-model=\"props.modelValue.consignment.termsOfShipment\"\n                      :selectPrimitiveValue=\"true\"\n                      :data-source=\"props.modelValue.metaData.terms\">\n                  </MultiSearchDropDown>\n                  <StaticTooltip v-if=\"props.modelValue.consignment.termsOfShipment\" :icon=\"false\">\n                    <template #content>\n                      <div style=\"width: 300px\">\n                        {{ props.modelValue.consignment.termsDescription }}No Term selected\n                      </div>\n                    </template>\n                    <i class=\"fa fa-info-circle\" style=\" color: var(--info-icon-color)\"></i>\n                  </StaticTooltip>\n                </div>\n              </div>\n            </div>\n            <div class=\"global-css_vertical-form-layout\" style=\"margin: 20px 0 0 70px\">\n              <DropDownTextArea\n                  :width=\"540\"\n                  :labelWidth=\"118\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'description' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].description\"\n                  v-model=\"props.modelValue.consignment.description\"\n                  label=\"Goods Description\">\n              </DropDownTextArea>\n              <DropDownTextArea\n                  :width=\"540\"\n                  :labelWidth=\"118\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'comments' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].comments\"\n                  v-model=\"props.modelValue.consignment.comments\"\n                  label=\"Comments\">\n              </DropDownTextArea>\n            <div class=\"global-flex-layout\">\n              <DateInput\n                  :labelWidth=\"118\"\n                  v-model=\"props.modelValue.consignment.deliveryDate\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].deliveryDate\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'deliveryDate' )\"\n                  label=\"Deliver By\">\n                <el-date-picker\n                    :clearable=\"false\"\n                    v-model=\"props.modelValue.consignment.deliveryDate\"\n                    value-format=\"DD-MMM-YY\"/>\n              </DateInput>\n              <MultiSearchDropDown\n                  style=\"margin-left: 225px;\"\n                  :width=\"100\"\n                  :label-width=\"90\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'deliveryTime' )\"\n                  placeholder=\"Select\"\n                  label=\"Delivery Time\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].deliveryTime\"\n                  v-model=\"props.modelValue.consignment.deliveryTime\"\n                  :selectPrimitiveValue=\"true\"\n                  :disableFilter=\"true\"\n                  :data-source=\"useTimeGenerator(24)\">\n              </MultiSearchDropDown>\n            </div>\n            <div class=\"global-flex-layout\">\n              <NumberOnlyInput\n                  :width=\"100\"\n                  :maxLength=\"12\"\n                  :label-width=\"118\"\n                  label=\"Value\"\n                  :allowDecimal=\"true\"\n                  v-model=\"props.modelValue.consignment.value\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].value\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'value' )\">\n              </NumberOnlyInput>\n              <MultiSearchDropDown\n                  style=\"margin-left: 100px;\"\n                  :width=\"265\"\n                  :label-width=\"60\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'currency' )\"\n                  :allowCustomValue=\"false\"\n                  placeholder=\"Select or Enter\"\n                  label=\"Currency\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].currency\"\n                  v-model=\"props.modelValue.consignment.currency\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.metaData.currencies\">\n              </MultiSearchDropDown>\n            </div>\n            <MultiSearchDropDown\n                :width=\"245\"\n                :label-width=\"118\"\n                :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'service' )\"\n                :allowCustomValue=\"false\"\n                placeholder=\"Select or Enter\"\n                label=\"Service Type\"\n                v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].service\"\n                v-model=\"props.modelValue.consignment.service\"\n                :selectPrimitiveValue=\"true\"\n                :data-source=\"props.modelValue.metaData.serviceTypes\">\n            </MultiSearchDropDown>\n          </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.dimensions\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <div id=\"flex-area-one\">\n              <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\n                <i class=\"fa-thin fa-box-open cmp-multi-booking_tile-icon\" style=\"margin-right: 20px;\"></i>\n                <div class=\"label\" style=\"display: flex; align-items: center;\">Packaging Details\n                  <span class=\"cmp-multi-booking_dims-message\">\n                  Pieces, Length, Width & Height are required to add a line of dims\n                </span>\n                </div>\n              </div>\n              <DimensionsEntry\n                  @entry-update=\"getChargeableWeightCalculation\"\n                  :packaging=\"props.modelValue.metaData.packagingTypes\"\n                  :validationFail=\"props.modelValue.tileValidation.dimensions\"\n                  :requiredFields=\"props.modelValue.metaData.validatedFields\"\n                  v-model=\"props.modelValue.dimensions.multiLineDims\">\n              </DimensionsEntry>\n            </div>\n            <div id=\"flex-area-two\" style=\"margin-left: 80px;\">\n              <div style=\"display:flex; align-items: center; padding:5px;\" class=\"label\">Dims Totals\n                <span class=\"cmp-multi-booking_dims-message\">You may enter your own pieces and weight.</span>\n              </div>\n              <div class=\"cmp-multi-booking_dims-totals\">\n                <div class=\"label\" style=\"margin-bottom: 14px; display: flex; align-items: center;\">\n                  <span style=\"font-weight: normal;\">Unit Of Measure</span>\n                  <span style=\"margin-left: 58px;\">\n                      <el-switch\n                          v-model=\"props.modelValue.unitOfMeasureSwitch\"\n                          size=\"small\"\n                          active-text=\"lbs / inches\"\n                          inactive-text=\"kg / cms\"\n                          style=\"--el-switch-on-color:var(--aqua-blue-definition); --el-switch-off-color: var(--aqua-blue-definition)\"/>\n                  </span>\n                </div>\n                <div style=\"display:flex;\">\n                  <NumberOnlyInput\n                      :width=\"80\"\n                      :label-width=\"50\"\n                      label=\"Pieces\"\n                      v-model=\"props.modelValue.dimensions.totalPieces\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].totalPieces\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'totalPieces' )\">\n                  </NumberOnlyInput>\n                  <NumberOnlyInput\n                      style=\"margin-left: 14px;\"\n                      :width=\"80\"\n                      :disable=\"allowWeightEntry\"\n                      :label-width=\"58\"\n                      label=\"Weight\"\n                      v-model=\"props.modelValue.dimensions.totalWeight\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].totalWeight\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'totalWeight' )\">\n                  </NumberOnlyInput>\n                  <TextInput\n                      style=\"margin-left: 14px;\"\n                      :width=\"80\"\n                      :readonly=\"true\"\n                      :label-width=\"110\"\n                      v-model=\"props.modelValue.dimensions.chargeableWeight\"\n                      label=\"Chargeable Weight\">\n                  </TextInput>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.documents\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-folder-upload\" style=\"font-size: 40px; color: #ecbf50\"></i>\n            <div class=\"cmp-multi-booking_upload-area-wrapper\">\n              <div class=\"cmp-multi-booking_upload-area-container\">\n                <div class=\"cmp-multi-booking_upload-button-area\"><span class=\"label\">Upload Documents</span>\n                  <span class=\"cmp-multi-booking_dims-message\"> Accepted file types: PDF, png, txt</span>\n                  <div style=\"margin-top: 20px\">\n                    <Button text=\"Select\" @click=\"handleUpload\"></Button>\n                    <span style=\"margin-left: 20px; font-size: 11px;\">\n                    You may add multiple files by using ctrl and click in the file window</span>\n                  </div>\n                  <div v-if=\"uploadFileSizeError\" class=\"cmp-multi-booking_file-error-area\">\n                    {{ uploadFileSizeErrorMessage }}\n                  </div>\n                </div>\n                <input :key=\"updateFileInput\" v-show=\"false\" ref=\"uploadButton\" type=\"file\" accept=\".txt,.pdf,.png\"\n                       multiple @change=\"handleUploadedFiles($event.target.files)\"/>\n                <div class=\"cmp-multi-booking_uploaded-file-list-area\">\n                  <span class=\"label\">Current Documents</span>\n                  <span class=\"cmp-multi-booking_dims-message\">\n                  <i class=\"fa-sharp fa-solid fa-xmark\" style=\"color: darkred;\"></i> Removes from the list</span>\n                  <div class=\"cmp-multi-booking_uploaded-files-list\">\n                    <div v-for=\"(item, index) in props.modelValue.files\" class=\"cmp-multi-booking_uploaded-files-items\">\n                      {{ item.fileName }}\n                      <div @click=\"handleRemoveDocument(index)\">\n                        <i class=\"fa-sharp fa-solid fa-xmark\"\n                           style=\"color: darkred; cursor: pointer; font-size: 20px;\"></i>\n                      </div>\n                    </div>\n                    <div v-if=\"props.modelValue.files.length === 0\" class=\"global-no-data-placeholder\"\n                         style=\"display: flex; align-items: center; justify-content: center; height: 130px; font-size: 12px;\">\n                      No Current Documents\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n<!--          <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n<!--            <Button @click=\"handleTileSelection('documents')\" text=\"Close\" type=\"toolbar\"></Button>-->\n<!--          </div>-->\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.customs\" class=\"cmp-multi-booking_drop-down\">\n          <i class=\"fa-thin fa-passport cmp-multi-booking_tile-icon\" style=\"color: var(--aqua-blue-definition);\"></i>\n          <div v-if=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customsStatus' )\"\n               class=\"global-required-field cmp-multi-booking_validation-message\">Please Select a Status\n          </div>\n          <div class=\"cmp-multi-booking_customs-wrapper\">\n            <div style=\"padding-top: 20px;\">\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.kimberlyCerts\"\n                  @change=\"handleCustomsStatus($event, 'KIMBERLY CERTS')\"\n                  :labelWidth=\"110\" label=\"KIMBERLY CERTS\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.carnet\"\n                  @change=\"handleCustomsStatus($event, 'CARNET')\"\n                  label=\"CARNET\"\n                  :labelWidth=\"110\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.ipr\"\n                  @change=\"handleCustomsStatus($event, 'IPR')\"\n                  label=\"IPR\"\n                  :labelWidth=\"110\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.ti\"\n                  @change=\"handleCustomsStatus($event, 'TI')\"\n                  label=\"TI\"\n                  :labelWidth=\"110\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.opr\"\n                  @change=\"handleCustomsStatus($event, 'OPR')\"\n                  label=\"OPR\"\n                  :labelWidth=\"110\">\n              </CheckBox>\n            </div>\n            <div style=\"padding-top: 20px;\">\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.repair\"\n                  @change=\"handleCustomsStatus($event, 'REPAIR')\"\n                  :labelWidth=\"140\"\n                  label=\"REPAIR\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.cites\"\n                  @change=\"handleCustomsStatus($event, 'CITES')\"\n                  label=\"CITES\"\n                  :labelWidth=\"140\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.tibBondWarehouse\"\n                  @change=\"handleCustomsStatus($event, 'TIB BOND/WAREHOUSE')\"\n                  label=\"TIB BOND/WAREHOUSE\"\n                  :labelWidth=\"140\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.exportLicence\"\n                  @change=\"handleCustomsStatus($event, 'EXPORT LICENCE')\"\n                  label=\"EXPORT LICENCE\"\n                  :labelWidth=\"140\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.freeCirculation\"\n                  @change=\"handleCustomsStatus($event, 'FREE CIRCULATION')\"\n                  label=\"FREE CIRCULATION\"\n                  :labelWidth=\"140\">\n              </CheckBox>\n              <CheckBox\n                  v-model=\"props.modelValue.customsSelect.other\"\n                  @change=\"handleCustomsStatus($event, 'OTHER')\"\n                  label=\"OTHER\"\n                  :labelWidth=\"140\">\n              </CheckBox>\n            </div>\n            <div class=\"cmp-multi-booking_selected-customs\"><span style=\"font-size: 13px;\">Selected Status</span>\n              <div class=\"cmp-multi-booking_selected-customs-wrapper\">\n                <div class=\"cmp-multi-booking_selected-customs-items\" v-for=\"each in props.modelValue.customs\">\n                  {{ each }}\n                </div>\n                <div class=\"cmp-multi-booking_selection-message\"\n                     v-if=\"props.modelValue.customs.length === 0\">No Current Selections\n                </div>\n                <div class=\"cmp-multi-booking_validation-fail-message\"\n                     v-if=\"!props.modelValue.tileValidation.customs &&\n                      useGetValidatedFields( props.modelValue.metaData.validatedFields,'customsStatus')\">\n                  Please Select a Customs Status\n                </div>\n              </div>\n            </div>\n            <div><span :class=\"{'global-required-field'\n             : useGetValidatedFields( props.modelValue.metaData.validatedFields,'customsComments')}\"\n                       style=\"font-size: 13px;\">Customs Comments</span>\n              <TextArea\n                  v-model=\"props.modelValue.consignment.customsComments\"\n                  @input=\"props.modelValue.consignment.customsComments = $event\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customsComments\"\n                  style=\"margin-top: 10px;\"\n                  :height=\"150\"\n                  :width=\"352\">\n              </TextArea>\n            </div>\n          </div>\n          <div class=\"cmp-multi-booking_drop-down-buttons\">\n            <Button @click=\"handleTileSelection('customs')\" text=\"Close\" type=\"toolbar\"></Button>\n            <Button @click=\"handleValidateAndClose('customs')\" text=\"OK\"></Button>\n          </div>\n        </div>\n      </div>\n      <div class=\"cmp-multi-booking_summary-section\">\n        <StaticWidget title=\"Booking Summary\" height=\"255\" background=\"#fdfdfd\">\n          <template #icon><i class=\"fa-regular fa-memo-circle-info\" style=\"color: #21426b\"></i></template>\n          <div class=\"cmp-multi-booking_summary-wrapper\">\n            <div>\n              <BookingSummaryDisplay displayType=\"address\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-earth-americas\"></i></template>\n                <template #title>Shipper</template>\n                <template v-if=\"props.modelValue.shipper.shipperName\" #heading>\n                  <div>{{ props.modelValue.shipper.shipperName.substring(0,35) ?? '' }}\n                    <span>\n                      <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"min-width: 100px\"><div style=\"color: var(--aqua-blue-definition); margin-bottom: 5px;\">Address Information</div>\n                      <div><strong>{{ props.modelValue.shipper.shipperName }}</strong></div>\n                      <div>{{ props.modelValue.shipper.shipperAddressLine1 }}</div>\n                      <div>{{ props.modelValue.shipper.shipperAddressLine2 }}</div>\n                      <div>{{ props.modelValue.shipper.shipperCity }}</div>\n                      <div>{{ props.modelValue.shipper.shipperPostcode }}</div>\n                      <div>{{ props.modelValue.shipper.shipperCounty }}</div>\n                      <div>{{ props.modelValue.shipper.shipperCountry }}</div>\n                      <div style=\"margin-top: 3px; color: #696969;\">VAT No.{{props.modelValue.shipper.shipperVatNumber }}</div>\n                    </div>\n                  </template>\n              <i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i>\n                </StaticTooltip>\n                  </span>\n                  </div>\n                </template>\n                <template #second-content v-if=\"props.modelValue.shipper.shipperContactFirstName\">\n                  <i class=\"fa-duotone fa-user-large\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 10px;\"></i>\n                  <span> {{ props.modelValue.shipper.shipperContactFirstName + ' ' + props.modelValue.shipper.shipperContactLastName }}</span>\n                </template>\n                <template #third-content v-if=\"props.modelValue.shipper.shipperContactPhone\">\n                  <i class=\"fa-duotone fa-square-phone\"\n                     style=\"font-size: 12px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.shipper.shipperContactPhone }}</span>\n                </template>\n                <template #fourth-content v-if=\"props.modelValue.shipper.shipperContactEmail\">\n                  <i class=\"fa-duotone fa-envelope\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.shipper.shipperContactEmail }}</span>\n                </template>\n                <template #placeholder v-if=\"!useCheckFieldsForData(props.modelValue.shipper)\">\n                  <div style=\"margin-top: 14px;\"><img :src=\"getPlaceholder\"/></div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div>\n              <BookingSummaryDisplay displayType=\"address\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-clipboard-check\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Consignee</template>\n                <template v-if=\"props.modelValue.consignee.consigneeName\" #heading>\n                  <div>{{ props.modelValue.consignee.consigneeName.substring(0.35) ?? '' }}\n                    <span>\n                      <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"min-width: 100px\"><div style=\"color: var(--aqua-blue-definition); margin-bottom: 5px;\">Address Information</div>\n                      <div><strong>{{ props.modelValue.consignee.consigneeName }}</strong></div>\n                      <div>{{ props.modelValue.consignee.consigneeAddressLine1 }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeAddressLine2 }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCity }}</div>\n                      <div>{{ props.modelValue.consignee.consigneePostcode }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCounty }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCountry }}</div>\n                      <div style=\"margin-top: 3px; color: #696969;\">VAT No.{{props.modelValue.consignee.consigneeVatNumber }}</div>\n                    </div>\n                  </template>\n              <i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i>\n                </StaticTooltip>\n                  </span>\n                  </div>\n                </template>\n                <template #second-content v-if=\"props.modelValue.consignee.consigneeContactFirstName\">\n                  <i class=\"fa-duotone fa-user-large\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 10px;\"></i>\n                  <span> {{ props.modelValue.consignee.consigneeContactFirstName + ' ' + props.modelValue.consignee.consigneeContactLastName }}</span>\n                </template>\n                <template #third-content v-if=\"props.modelValue.consignee.consigneeContactPhone\">\n                  <i class=\"fa-duotone fa-square-phone\"\n                     style=\"font-size: 12px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.consignee.consigneeContactPhone }}</span>\n                </template>\n                <template #fourth-content v-if=\"props.modelValue.consignee.consigneeContactEmail\">\n                  <i class=\"fa-duotone fa-envelope\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.consignee.consigneeContactEmail }}</span>\n                </template>\n                <template #placeholder v-if=\"!useCheckFieldsForData(props.modelValue.consignee)\">\n                  <div style=\"margin-top: 14px;\"><img :src=\"getPlaceholder\"/></div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n          </div>\n\n          <div style=\"margin-left: 20px;\">\n            <div v-if=\"props.validationViewModelSection === 'freightBooking'\">\n              <BookingSummaryDisplay :width=\"1450\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Shipment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Your Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.shipment.shipmentRef\">\n                        {{useCreateSubstringText(props.modelValue.shipment.shipmentRef, 35)}}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{props.modelValue.shipment.shipmentRef}}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Shipper Reference\n                  </div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.shipment.shipmentShipperRef\">\n                    {{useCreateSubstringText(props.modelValue.shipment.shipmentShipperRef, 35)}}\n                    <StaticTooltip :icon=\"false\">\n                      <template #content>\n                        <div style=\"max-width: 400px;\">{{props.modelValue.shipment.shipmentShipperRef}}</div>\n                      </template>\n                      <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                    </StaticTooltip>\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Consignee Reference\n                  </div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.shipment.shipmentConsigneeRef\">\n                    {{useCreateSubstringText(props.modelValue.shipment.shipmentConsigneeRef, 35)}}\n                    <StaticTooltip :icon=\"false\">\n                      <template #content>\n                        <div style=\"max-width: 400px;\">{{props.modelValue.shipment.shipmentConsigneeRef}}</div>\n                      </template>\n                      <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                    </StaticTooltip>\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #4>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Billing Party</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.shipment.shipmentBillingParty\">\n                    {{ props.modelValue.shipment.shipmentBillingParty }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n\n\n            <div v-if=\"props.validationViewModelSection === 'freightBooking'\">\n              <BookingSummaryDisplay :width=\"1450\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Carrier</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.shipment.shipmentCarrier\">\n                        {{ props.modelValue.shipment.shipmentCarrier }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Service Type</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.shipment.shipmentServiceType\">\n                    {{ props.modelValue.shipment.shipmentServiceType }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Pickup By</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.shipment.shipmentPickupDate\">\n                        {{ props.modelValue.shipment.shipmentPickupDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Delivery Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.shipment.shipmentDeliveryDate\">\n                        {{props.modelValue.shipment.shipmentDeliveryDate}}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Value</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 80px\"\n                           v-if=\"props.modelValue.shipment.shipmentValue\">\n                        {{ props.modelValue.shipment.shipmentValue }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:80px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.shipment.shipmentCurrency\">\n                        {{ props.modelValue.shipment.shipmentCurrency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:120px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n\n\n            <div v-if=\"props.validationViewModelSection === 'courierBooking'\">\n              <BookingSummaryDisplay :width=\"1450\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Consignment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Your Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.customerRef\">\n                        {{useCreateSubstringText(props.modelValue.consignment.customerRef, 30)}}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{props.modelValue.consignment.customerRef}}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Additional Reference\n                  </div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.consignment.customerRefTwo\">\n                    {{useCreateSubstringText(props.modelValue.consignment.customerRefTwo, 34)}}\n                    <StaticTooltip :icon=\"false\">\n                      <template #content>\n                        <div style=\"max-width: 400px;\">{{props.modelValue.consignment.customerRefTwo}}</div>\n                      </template>\n                      <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                    </StaticTooltip>\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Documents Only\n                  </div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.consignment.documentsOnly\">\n                    <i class=\"fa-solid fa-circle-check\" style=\"color: #3f9968\"></i>\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <i class=\"fa-solid fa-circle-xmark\" style=\"color: #993f3f\"></i>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Value</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 60px\"\n                           v-if=\"props.modelValue.consignment.value\">\n                        {{ props.modelValue.consignment.value }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:60px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.currency\">\n                        {{ props.modelValue.consignment.currency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:160px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n\n\n            <div v-if=\"props.validationViewModelSection === 'courierBooking'\">\n              <BookingSummaryDisplay :width=\"1450\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Service Type</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.service\">\n                        {{ props.modelValue.consignment.service }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Collect By</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 120px\"\n                           v-if=\"props.modelValue.consignment.collectByDate\">\n                        {{ props.modelValue.consignment.collectByDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:120px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Collection Time\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.collectByTime\">\n                        {{props.modelValue.consignment.collectByTime}}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Deliver By</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 120px\"\n                           v-if=\"props.modelValue.consignment.deliveryDate\">\n                        {{ props.modelValue.consignment.deliveryDate}}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:120px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Delivery Time\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.deliveryTime\">\n                        {{ props.modelValue.consignment.deliveryTime }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Comments</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.consignment.comments\">\n                        {{useCreateSubstringText(props.modelValue.consignment.comments, 30)}}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{props.modelValue.consignment.comments}}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n          </div>\n        </StaticWidget>\n      </div>\n    </StaticWidget>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n@import '@/css/booking/multi-booking.scss';\n\n.cmp-multi-booking {\n\n  &_add-border {\n    border-left: 6px solid v-bind(tileColor);\n  }\n}\n\n</style>\n","import script from \"./MultiBooking.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MultiBooking.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MultiBooking.vue?vue&type=style&index=0&id=40d2c2de&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-40d2c2de\"]])\n\nexport default __exports__","<script setup>\n\nimport MultiBooking from \"@/components/bookings/MultiBooking\"\nimport Notification from \"@/classes/component-classes/Notification\";\nimport FreightBooking from \"@/classes/viewmodels/FreightBooking\";\nimport CourierBooking from \"@/classes/viewmodels/CourierBooking\";\nimport API from \"@/classes/global/API\";\n\nimport {useGetDropDownValue} from \"@/composables/common/useGetDropDownValue\";\nimport {useRoute, useRouter} from \"vue-router\";\nconst router = useRouter();\n\nimport {inject, onMounted, computed, ref} from 'vue';\nimport store from \"@/store\";\nimport ContactDetail from \"@/classes/bookings/ContactDetail\";\n\nconst freightBooking = inject(\"freightBooking\");\nconst courierBooking = inject(\"courierBooking\");\n\nlet editFreightBooking = ref(new FreightBooking());\nlet editCourierBooking = ref(new CourierBooking());\n\nconst route = useRoute();\n\nconst freightBookingModel = computed({\n\n  get() {\n\n    if (route.params.section === 'freightBooking' && route.params.id === 'new') {\n      return freightBooking.value\n    }\n    return editFreightBooking.value\n  },\n\n  set(value) {\n\n    // New freight booking sent from multibooking update:modelValue\n    freightBooking.value = value;\n  }\n\n})\n\nconst courierBookingModel = computed({\n\n  get() {\n\n    if (route.params.section === 'courierBooking' && route.params.id === 'new') {\n      return courierBooking.value\n    }\n    return editCourierBooking.value\n  },\n\n  set(value) {\n    courierBooking.value = value;\n  }\n\n})\n\nonMounted(() => {\n\n  if (route.params.id !== 'new') {\n\n    // Must be edit, get the record to display\n    editCompanyDetail();\n  }\n\n})\n\nasync function editCompanyDetail() {\n\n  const companyDetail = await API.getCompanyToEdit(route, route.params.section) ?? null;\n\n  if(companyDetail) {\n\n    if(!companyDetail.isEditable) return router.push({name: 'jobNotEditableUserInfo' });\n\n    companyDetail.hasOwnProperty('consignment') ? mapEditBooking(companyDetail, editCourierBooking) :\n    mapEditBooking(companyDetail, editFreightBooking);\n  }\n\n}\n\nasync function mapEditBooking(data, section) {\n\n  section.value = {...section.value, ...data};\n\n  // Add these back in the view model\n  section.value.shipper.shipperContacts = [];\n  section.value.consignee.consigneeContacts = [];\n\n  section.value.isUpdate.shipper = true;\n  section.value.isUpdate.consignee = true;\n\n  if(section.value.hasOwnProperty('shipment')) {\n    section.value.shipment.shipmentInsuranceAmount ? section.value.shipment.shipmentInsurance = true :\n        section.value.shipment.shipmentInsurance = false;\n  }\n\n  section.value.dimensions.unitOfMeasure === 'imperial' ? section.value.unitOfMeasureSwitch = true :\n      section.value.unitOfMeasureSwitch = false;\n\n  delete section.value.dimensions.unitOfMeasure;\n\n  // Remove properties from model for courier edit where terms and insurance are not editable, to stop validation trigger\n  if(section.value.hasOwnProperty('consignment')) delete section.value.consignment.termsOfShipment;\n\n  const shipper = await API.getCompanyDetail(section.value.shipper.id, route) ?? null;\n\n  if (shipper) {\n\n    shipper.contacts?.forEach(item => {\n      section.value.shipper.shipperContacts.push(item)\n    });\n\n    let shipperContact = section.value.shipper.shipperContacts.find(c =>\n\n        c.firstName === section.value.shipper.shipperContactFirstName &&\n        c.lastName === section.value.shipper.shipperContactLastName &&\n        c.title === section.value.shipper.shipperContactTitle &&\n        c.email === section.value.shipper.shipperContactEmail &&\n        c.phone === section.value.shipper.shipperContactPhone &&\n        c.value === section.value.shipper.shipperContactFullName\n    ) ?? null;\n\n    if(!shipperContact) {\n      section.value.shipper.shipperContactFullName = '';\n\n    } else {\n\n      section.value.shipper.shipperContactId = shipperContact.id;\n      section.value.shipper.shipperContactDepartment = shipperContact.department\n    }\n\n  }\n\n  const consignee = await API.getCompanyDetail(section.value.consignee.id, route);\n\n  if(consignee) {\n\n    consignee.contacts?.forEach(item => {\n      section.value.consignee.consigneeContacts.push(item);\n    });\n\n    let consigneeContact = section.value.consignee.consigneeContacts.find(c =>\n\n        c.firstName === section.value.consignee.consigneeContactFirstName &&\n        c.lastName === section.value.consignee.consigneeContactLastName &&\n        c.title === section.value.consignee.consigneeContactTitle &&\n        c.email === section.value.consignee.consigneeContactEmail &&\n        c.phone === section.value.consignee.consigneeContactPhone &&\n        c.value === section.value.consignee.consigneeContactFullName\n    ) ?? null;\n\n\n    if (!consigneeContact) {\n      section.value.consignee.consigneeContactFullName = '';\n\n    } else {\n\n      section.value.consignee.consigneeContactId = consigneeContact.id;\n      section.value.consignee.consigneeContactDepartment = consigneeContact.department;\n\n    }\n\n  }\n\n}\n\n</script>\n\n<template class=\"view-booking\">\n  <div v-if=\"route.params.section ==='freightBooking'\">\n    <MultiBooking\n        :key=\"route.params.id\"\n        validationViewModelSection=\"freightBooking\"\n        v-model=\"freightBookingModel\">\n    </MultiBooking>\n  </div>\n  <div v-if=\"route.params.section ==='courierBooking'\">\n    <MultiBooking\n        :key=\"route.params.id\"\n        tileColor=\"#3f7da2\"\n        validationViewModelSection=\"courierBooking\"\n        v-model=\"courierBookingModel\">\n    </MultiBooking>\n  </div>\n</template>\n\n\n","import script from \"./Booking.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Booking.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","export default class Container {\n    constructor() {\n\n        this.id = 0\n        this.containerType = '';\n        this.teu = '';\n        this.containerNumber = '';\n        this.sealNumber = '';\n    }\n}\n","import Container from \"@/classes/component-classes/Container\";\n\nexport default class ContainerExtended extends Container {\n    constructor() {\n\n        super();\n\n        this.readOnly = false;\n        this.showAddButton = true;\n        this.isEditing = false;\n        this.isDeleting = false;\n    }\n}\n","<script setup>\n\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\"\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\"\nimport Button from \"@/components/common/input/Button\"\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\nimport DimensionExtended from \"@/classes/component-classes/DimensionExtended\";\nimport Dimension from \"@/classes/component-classes/Dimension\";\nimport Container from \"@/classes/component-classes/Container\";\nimport ContainerExtended from \"@/classes/component-classes/ContainerExtended\";\n\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\n\nimport {ref, onMounted, nextTick, inject, computed} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst localArray = ref([]);\nconst piecesInputRef = ref();\n\nconst emits = defineEmits(['entry-update'])\n\nconst props = defineProps({\n\n  modelValue: {\n    type: Array, default: function () {\n      return []\n    },\n  },\n\n  requiredFields: {type: Array, default: []},\n  validationFail: Boolean,\n  containers: {type: Array, default: []},\n\n})\n\nfunction addContainer(line, index) {\n\n  let valid = validate(line);\n\n  if (valid) {\n\n    line.showAddButton = false;\n    line.readOnly = true;\n\n    localArray.value.push(new ContainerExtended());\n    props.modelValue.push(new Container());\n\n    modelValueUpdate(line, index);\n\n  }\n\n}\n\nfunction validate(line) {\n\n  if(!line.containerType || !line.teu || !line.containerNumber || !line.sealNumber) return false;\n\n  return true;\n\n}\n\nfunction modelValueUpdate(line, index) {\n\n  // Collect the pure model keys and update the values from the current local line\n  for (const propName in props.modelValue[0]) {\n    props.modelValue[index][propName] = line[propName]\n  }\n\n}\n\nfunction prepareDelete(line) {\n  line.isDeleting = true;\n}\n\nfunction cancelDelete(line) {\n  line.isDeleting = false;\n}\n\nfunction removeContainer(index, line) {\n\n  localArray.value.splice(index, 1);\n  props.modelValue.splice(index, 1);\n\n  localArray.value[localArray.value.length - 1].isEditing = false;\n  localArray.value[localArray.value.length - 1].readOnly = false;\n\n}\n\nfunction editContainer(line) {\n\n  localArray.value.forEach(item => {\n    item.readOnly = true;\n  });\n\n  line.readOnly = false;\n  line.isEditing = true;\n\n  // Take the add button away if editing a line\n  localArray.value[localArray.value.length - 1].isEditing = true;\n\n}\n\nfunction acceptEdit(line, index) {\n\n  let valid = validate(line)\n\n  if (valid) {\n\n    if (index === localArray.value.length - 1) {\n      props.modelValue.push(new Container())\n    }\n\n    modelValueUpdate(line, index);\n\n    line.readOnly = true;\n    localArray.value[localArray.value.length - 1].isEditing = false;\n    localArray.value[localArray.value.length - 1].readOnly = false;\n  }\n\n}\n\nonMounted(() => {\n\n  // Set memory reference from local data\n  let containers = localArray.value\n\n  props.modelValue.forEach(function (item) {\n\n    // Cast the pure model class into the local extended class\n    let container = {...new ContainerExtended(), ...item}\n\n    // Set all correct props for returning data for button actions\n    container.showAddButton = false;\n    container.readOnly = true;\n\n    containers.push(container)\n  })\n\n  // Add a new empty line after the current container\n  containers.push(new ContainerExtended())\n\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-container-multi-entry\">\n    <div class=\"cmp-container-multi-entry_labels\">\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'containerType')}\">Container Type</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'teu')}\" style=\"font-size: 12px\">TEU</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'containerNumber')}\">Container No.</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'sealNumber')}\">SealNumber</div>\n    </div>\n    <div class=\"cmp-container-multi-entry_container\">\n      <div v-for=\"(line, index) in localArray\" class=\"cmp-container-multi-entry_wrapper\" :key=\"index\">\n        <MultiSearchDropDown\n            :width=\"240\"\n            placeholder=\"Select or Search....\"\n            :clearable=\"!line.readOnly\"\n            :allowCustomValue=\"false\"\n            :selectPrimitiveValue=\"true\"\n            :disableFilter=\"false\"\n            @select=\"line.teu = $event.teu.toString()\"\n            v-model=\"line.containerType\"\n            :disable=\"line.readOnly\"\n            :data-source=\"props.containers\">\n        </MultiSearchDropDown>\n        <NumberOnlyInput\n            v-model=\"line.teu\"\n            :allowDecimal=\"true\"\n            :readonly=\"true\"\n            :width=\"20\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"line.containerNumber\"\n            :allowDecimal=\"true\"\n            :readonly=\"line.readOnly\"\n            :width=\"115\">\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            v-model=\"line.sealNumber\"\n            :allowDecimal=\"true\"\n            :readonly=\"line.readOnly\"\n            :width=\"115\">\n        </NumberOnlyInput>\n\n        <div v-if=\"line.showAddButton && !line.isEditing\" class=\"cmp-container-multi-entry_icons\" title=\"Add New Line\">\n<!--          <Button type=\"toolbar\" text=\"Add\" @on-click=\"addContainer(line, index)\"></Button>-->\n          <i @click=\"addContainer(line, index)\" class=\"fa-solid fa-circle-plus\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"line.readOnly && !line.isDeleting\" class=\"cmp-container-multi-entry_icons\" title=\"Edit Line\">\n<!--          <Button type=\"success\" text=\"Edit\" @on-click=\"editContainer(line)\"></Button>-->\n          <i @click=\"editContainer(line)\" class=\"fa-solid fa-pen-to-square\" style=\"color: #37798a\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-container-multi-entry_icons\" title=\"Confirm Delete\">\n<!--          <Button type=\"info\" text=\"Yes\" @on-click=\"removeContainer(index, line)\"></Button>-->\n          <i @click=\"removeContainer(index, line)\" class=\"fa-solid fa-solid fa-trash-check\" style=\"color: #b0752a\"></i>\n        </div>\n        <div v-if=\"!line.readOnly && line.isEditing && !line.isDeleting\" class=\"cmp-container-multi-entry_icons\" title=\"Accept Changes\">\n<!--          <Button type=\"secondary\" text=\"Accept\" @on-click=\"acceptEdit(line, index)\"></Button>-->\n          <i @click=\"acceptEdit(line, index)\" class=\"fa-solid fa-circle-check\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"!line.showAddButton && !line.isDeleting\" class=\"cmp-container-multi-entry_icons\" title=\"Delete\">\n<!--          <Button type=\"danger\" text=\"Delete\" @on-click=\"prepareDelete(line)\"></Button>-->\n          <i  @click=\"prepareDelete(line)\" class=\"fa-solid fa-trash\" style=\"color: #832222\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-container-multi-entry_icons\" title=\"Do Not Delete\">\n<!--          <Button type=\"secondary\" text=\"No\" @on-click=\"cancelDelete(line)\"></Button>-->\n          <i @click=\"cancelDelete(line)\" class=\"fa-solid fa-ban\" style=\"color: #832222;\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<style lang=\"scss\" scoped>\n\n.cmp-container-multi-entry {\n\n  &_wrapper {\n    width: 940px;\n    display: flex;\n    gap: 4px;\n  }\n\n  &_wrapper > div {\n    margin-bottom: 3px;\n  }\n\n  &_container {\n    height: 145px;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  &_labels {\n    margin-bottom: 3px;\n    font-size: 13px;\n    display: grid;\n    grid-template-columns: 243px 28px 119px 120px;\n\n  }\n\n  &_labels div {\n    //background-color: #ffffff;\n    //padding: 5px 5px 5px 5px;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n    //border-left: 1px solid #b8b8b8;\n    color: #2b2b2b;\n    font-size: 13px;\n    font-weight: bold;\n    display: flex;\n\n  }\n\n  &_icons {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 20px;\n    margin-left: 10px;\n  }\n\n}\n\n</style>\n","import script from \"./ContainerMultiEntry.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ContainerMultiEntry.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ContainerMultiEntry.vue?vue&type=style&index=0&id=75cfbaee&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-75cfbaee\"]])\n\nexport default __exports__","import Validation from \"@/classes/global/Validation\";\n\nexport default class ValidatedField {\n    constructor(modelName = '', validate = false, compulsory = false, name = '', addressType = '') {\n\n        this.modelName = modelName;\n        this.validate = validate;\n        this.compulsory = compulsory;\n        this.name = name;\n        this.addressType = addressType;\n        this.trigger = new Validation();\n\n    }\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\nexport default class PreJobAirBooking extends Booking {\n\n    constructor() {\n\n        super();\n\n        this.flightShipment = {\n\n            placeOfReceipt: '',\n            placeOfReceiptId: '',\n            originPort: '',\n            originPortId: '',\n            destinationPort: '',\n            destinationPortId: '',\n            finalDestination: '',\n            finalDestinationId: '',\n            awbMaster: '',\n            ucrNumber: '',\n            hawb: '',\n            directFlight: false,\n            departingFlightNumber: '',\n            arrivingFlightNumber: '',\n            customerRef: '',\n            serviceType: '',\n            terms: '',\n            shipmentValue: '',\n            currency: '',\n            commodity: '',\n            remarks: '',\n            estimatedPickupDate: '',\n            actualPickupDate: '',\n            estimatedPickupTime: '',\n            actualPickupTime: '',\n            estimatedDepartureDate: '',\n            actualDepartureDate: '',\n            estimatedDepartureTime: '',\n            actualDepartureTime: '',\n            estimatedArrivalDate: '',\n            actualArrivalDate: '',\n            estimatedArrivalTime: '',\n            actualArrivalTime: '',\n            estimatedDeliveryDate: '',\n            actualDeliveryDate: '',\n            estimatedDeliveryTime: '',\n            actualDeliveryTime: ''\n\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            flightShipment: false,\n            dimensions: false,\n            documents: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            flightShipment: true,\n            dimensions: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        this.tempValidFields =  [\n\n            new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            // new ValidatedField('shipperRef', true, true, 'Shipper Reference'),\n            new ValidatedField('shipperAddressLine1', true, true, 'Shipper AddressLine 1'),\n            // new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            // new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            // new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            // new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            // new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            // new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            // new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            // new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            // new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            // new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            // new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            // new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            // new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            // new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            // new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            // new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            // new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            // new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            // new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            // new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            // new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            // new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            // new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            // new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            // new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            // new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            // new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            // new ValidatedField('consigneeRef', true, false, 'Consignee Reference'),\n            // new ValidatedField('additionalRef', true, false, 'Consignee Additional Reference'),\n            // new ValidatedField('placeOfReceipt', true, false, 'Place Of Receipt'),\n            // new ValidatedField('originPort', true, false, 'Origin Port'),\n            // new ValidatedField('destinationPort', true, false, 'Destination Port'),\n            // new ValidatedField('finalDestination', true, false, 'Final Destination'),\n            // new ValidatedField('awbMaster', true, false, 'AWB Master'),\n            // new ValidatedField('ucrNumber', true, false, 'UCR Number'),\n            // new ValidatedField('hawb', true, false, 'HAWB Number'),\n            // new ValidatedField('departingFlightNumber', true, false, 'Departing Flight Number'),\n            // new ValidatedField('arrivingFlightNumber', true, false, 'Arriving Flight Number'),\n            // new ValidatedField('customerRef', true, false, 'Customer Reference'),\n            // new ValidatedField('terms', true, false, 'Terms Of Shipment'),\n            // new ValidatedField('serviceType', true, false, 'Service Type'),\n            // new ValidatedField('remarks', true, false, 'Additional Remarks'),\n            // new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            // new ValidatedField('length', true, false, 'Dims Length'),\n            // new ValidatedField('width', true, false, 'Dims Width'),\n            // new ValidatedField('height', true, false, 'Dims Height'),\n            // new ValidatedField('weight', true, false, 'Dims Weight'),\n            // new ValidatedField('packaging', false, false, 'Dims Packaging'),\n            // new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            // new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n            // new ValidatedField('shipmentValue', true, false, 'Shipment Value'),\n            // new ValidatedField('currency', true, false, 'Shipment Currency'),\n            // new ValidatedField('commodity', true, false, 'Shipment Commodity'),\n            // new ValidatedField('estimatedPickupDate', true, false, 'Pickup Date'),\n            // new ValidatedField('estimatedPickupTime', true, false, 'Pickup Time'),\n            // new ValidatedField('estimatedDepartureDate', true, false, 'Departure Date'),\n            // new ValidatedField('estimatedDepartureTime', true, false, 'Departure Time'),\n            // new ValidatedField('estimatedArrivalDate', true, false, 'Arrival Date'),\n            // new ValidatedField('estimatedArrivalTime', true, false, 'Arrival Time'),\n            // new ValidatedField('estimatedDeliveryDate', true, false, 'Delivery Date'),\n            // new ValidatedField('estimatedDeliveryTime', true, false, 'Delivery Time'),\n\n        ]\n\n    }\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\nexport default class PreJobSeaBooking extends Booking {\n\n    constructor() {\n\n        super();\n\n        this.seaShipment = {\n\n            placeOfReceipt: '',\n            placeOfReceiptId: '',\n            originPort: '',\n            originPortId: '',\n            destinationPort: '',\n            destinationPortId: '',\n            finalDestination: '',\n            finalDestinationId: '',\n            bolNumber: '',\n            carrierName: '',\n            vesselName: '',\n            voyageNumber: '',\n            notifyParty: '',\n            notifyPartyAddress: '',\n            customerRef: '',\n            serviceType: '',\n            terms: '',\n            shipmentValue: '',\n            currency: '',\n            commodity: '',\n            remarks: '',\n            estimatedPickupDate: '',\n            actualPickupDate: '',\n            estimatedPickupTime: '',\n            actualPickupTime: '',\n            estimatedDepartureDate: '',\n            actualDepartureDate: '',\n            estimatedDepartureTime: '',\n            actualDepartureTime: '',\n            estimatedArrivalDate: '',\n            actualArrivalDate: '',\n            estimatedArrivalTime: '',\n            actualArrivalTime: '',\n            estimatedDeliveryDate: '',\n            actualDeliveryDate: '',\n            estimatedDeliveryTime: '',\n            actualDeliveryTime: '',\n            marksNumbers: '',\n            cube: '',\n            containers: []\n\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            seaShipment: false,\n            dimensions: false,\n            documents: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            seaShipment: true,\n            dimensions: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        // Used on dates / containers tab section\n        this.tabSelect = 'Dates'\n\n        this.tempValidFields =  [\n\n            new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            // new ValidatedField('shipperRef', true, true, 'Shipper Reference'),\n            new ValidatedField('shipperAddressLine1', true, true, 'Shipper AddressLine 1'),\n            // new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            // new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            // new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            // new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            // new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            // new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            // new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            // new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            // new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            // new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            // new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            // new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            // new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            // new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            // new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            // new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            // new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            // new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            // new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            // new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            // new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            // new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            // new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            // new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            // new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            // new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            // new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            // new ValidatedField('consigneeRef', true, false, 'Consignee Reference'),\n            // new ValidatedField('additionalRef', true, false, 'Consignee Additional Reference'),\n            // new ValidatedField('placeOfReceipt', true, false, 'Place Of Receipt'),\n            // new ValidatedField('originPort', true, false, 'Origin Port'),\n            // new ValidatedField('destinationPort', true, false, 'Destination Port'),\n            // new ValidatedField('finalDestination', true, false, 'Final Destination'),\n            // new ValidatedField('bolNumber', true, false, 'Bill Of Lading Number'),\n            // new ValidatedField('carrierName', true, false, 'Carrier Name'),\n            // new ValidatedField('vesselName', true, false, 'Vessel Name'),\n            // new ValidatedField('voyageNumber', true, false, 'Voyage Number'),\n            // new ValidatedField('customerRef', true, false, 'Customer Reference'),\n            // new ValidatedField('notifyParty', true, false, 'Notify Party'),\n            // new ValidatedField('notifyPartyAddress', true, false, 'Notify Party Address'),\n            // new ValidatedField('marksNumbers', true, false, 'Marks And Numbers'),\n            // new ValidatedField('terms', true, false, 'Terms Of Shipment'),\n            // new ValidatedField('serviceType', true, false, 'Service Type'),\n            // new ValidatedField('remarks', true, false, 'Additional Remarks'),\n            // new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            // new ValidatedField('length', true, false, 'Dims Length'),\n            // new ValidatedField('width', true, false, 'Dims Width'),\n            // new ValidatedField('height', true, false, 'Dims Height'),\n            // new ValidatedField('weight', true, false, 'Dims Weight'),\n            // new ValidatedField('packaging', true, false, 'Dims Packaging'),\n            // new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            // new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n            // new ValidatedField('cube', true, false, 'Cube'),\n            // new ValidatedField('shipmentValue', true, false, 'Shipment Value'),\n            // new ValidatedField('currency', true, false, 'Shipment Currency'),\n            // new ValidatedField('commodity', true, false, 'Shipment Commodity'),\n            // new ValidatedField('estimatedPickupDate', true, false, 'Pickup Date'),\n            // new ValidatedField('estimatedPickupTime', true, false, 'Pickup Time'),\n            // new ValidatedField('estimatedDepartureDate', true, false, 'Departure Date'),\n            // new ValidatedField('estimatedDepartureTime', true, false, 'departureTime'),\n            // new ValidatedField('estimatedArrivalDate', true, false, 'Arrival Date'),\n            // new ValidatedField('estimatedArrivalTime', true, false, 'Arrival Time'),\n            // new ValidatedField('estimatedDeliveryDate', true, false, 'Delivery Date'),\n            // new ValidatedField('estimatedDeliveryTime', true, false, 'Delivery Time'),\n\n        ]\n\n\n\n    }\n\n\n\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\nexport default class PreJobRoadBooking extends Booking {\n\n    constructor() {\n\n        super();\n\n        this.roadShipment = {\n\n            placeOfReceipt: '',\n            placeOfReceiptId: '',\n            originPort: '',\n            originPortId: '',\n            destinationPort: '',\n            destinationPortId: '',\n            finalDestination: '',\n            finalDestinationId: '',\n            customerRef: '',\n            serviceType: '',\n            terms: '',\n            shipmentValue: '',\n            currency: '',\n            commodity: '',\n            sealNumber: '',\n            remarks: '',\n            estimatedPickupDate: '',\n            actualPickupDate: '',\n            estimatedPickupTime: '',\n            actualPickupTime: '',\n            estimatedDepartureDate: '',\n            actualDepartureDate: '',\n            estimatedDepartureTime: '',\n            actualDepartureTime: '',\n            estimatedArrivalDate: '',\n            actualArrivalDate: '',\n            estimatedArrivalTime: '',\n            actualArrivalTime: '',\n            estimatedDeliveryDate: '',\n            actualDeliveryDate: '',\n            estimatedDeliveryTime: '',\n            actualDeliveryTime: ''\n\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            roadShipment: false,\n            dimensions: false,\n            documents: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            roadShipment: true,\n            dimensions: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        this.tempValidFields =  [\n\n            new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            // new ValidatedField('shipperRef', true, false, 'Shipper Reference'),\n            new ValidatedField('shipperAddressLine1', true, true, 'Shipper AddressLine 1'),\n            // new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            // new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            // new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            // new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            // new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            // new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            // new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            // new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            // new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            // new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            // new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            // new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            // new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            // new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            // new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            // new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            // new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            // new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            // new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            // new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            // new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            // new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            // new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            // new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            // new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            // new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            // new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            // new ValidatedField('consigneeRef', true, false, 'Consignee Reference'),\n            // new ValidatedField('additionalRef', true, false, 'Consignee Additional Reference'),\n            // new ValidatedField('placeOfReceipt', true, false, 'Place Of Receipt'),\n            // new ValidatedField('originPort', true, false, 'Origin Port'),\n            // new ValidatedField('destinationPort', true, false, 'Destination Port'),\n            // new ValidatedField('finalDestination', true, false, 'Final Destination'),\n            // new ValidatedField('customerRef', true, false, 'Customer Reference'),\n            // new ValidatedField('sealNumber', true, false, 'Seal Number'),\n            // new ValidatedField('terms', true, false, 'Terms Of Shipment'),\n            // new ValidatedField('serviceType', true, false, 'Service Type'),\n            // new ValidatedField('remarks', true, false, 'Additional Remarks'),\n            // new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            // new ValidatedField('length', true, false, 'Dims Length'),\n            // new ValidatedField('width', true, false, 'Dims Width'),\n            // new ValidatedField('height', true, false, 'Dims Height'),\n            // new ValidatedField('weight', true, false, 'Dims Weight'),\n            // new ValidatedField('packaging', false, false, 'Dims Packaging'),\n            // new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            // new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n            // new ValidatedField('shipmentValue', true, false, 'Shipment Value'),\n            // new ValidatedField('currency', true, false, 'Shipment Currency'),\n            // new ValidatedField('commodity', true, false, 'Shipment Commodity'),\n            // new ValidatedField('estimatedPickupDate', true, false, 'Pickup Date'),\n            // new ValidatedField('estimatedPickupTime', true, false, 'Pickup Time'),\n            // new ValidatedField('estimatedDepartureDate', true, false, 'Departure Date'),\n            // new ValidatedField('estimatedDepartureTime', true, false, 'Departure Time'),\n            // new ValidatedField('estimatedArrivalDate', true, false, 'Arrival Date'),\n            // new ValidatedField('estimatedArrivalTime', true, false, 'Arrival Time'),\n            // new ValidatedField('estimatedDeliveryDate', true, false, 'Delivery Date'),\n            // new ValidatedField('estimatedDeliveryTime', true, false, 'Delivery Time'),\n\n        ]\n\n    }\n}\n","import {Booking} from \"@/classes/viewmodels/Booking\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\nexport default class PreJobRailBooking extends Booking {\n\n    constructor() {\n\n        super();\n\n        this.railShipment = {\n\n            placeOfReceipt: '',\n            placeOfReceiptId: '',\n            originPort: '',\n            originPortId: '',\n            destinationPort: '',\n            destinationPortId: '',\n            finalDestination: '',\n            finalDestinationId: '',\n            customerRef: '',\n            serviceType: '',\n            terms: '',\n            shipmentValue: '',\n            currency: '',\n            commodity: '',\n            sealNumber: '',\n            remarks: '',\n            estimatedPickupDate: '',\n            actualPickupDate: '',\n            estimatedPickupTime: '',\n            actualPickupTime: '',\n            estimatedDepartureDate: '',\n            actualDepartureDate: '',\n            estimatedDepartureTime: '',\n            actualDepartureTime: '',\n            estimatedArrivalDate: '',\n            actualArrivalDate: '',\n            estimatedArrivalTime: '',\n            actualArrivalTime: '',\n            estimatedDeliveryDate: '',\n            actualDeliveryDate: '',\n            estimatedDeliveryTime: '',\n            actualDeliveryTime: ''\n\n        }\n\n        this.tileSelection = {\n\n            shipper: true,\n            consignee: false,\n            railShipment: false,\n            dimensions: false,\n            documents: false\n        }\n\n        this.tileValidation = {\n\n            shipper: true,\n            consignee: true,\n            railShipment: true,\n            dimensions: true\n        }\n\n        this.metaData = {\n\n            shippers: [],\n            consignees: [],\n            packageTypes: [],\n            serviceTypes: [],\n            currencies: [],\n            billingParties: [],\n            countries: [],\n            validatedFields: []\n\n        }\n\n        this.tempValidFields =  [\n\n            new ValidatedField('shipperName', true, true, 'Shipper Name'),\n            // new ValidatedField('shipperRef', true, false, 'Shipper Reference'),\n            new ValidatedField('shipperAddressLine1', true, true, 'Shipper AddressLine 1'),\n            // new ValidatedField('shipperAddressLine2', true, false, 'Shipper AddressLine 2'),\n            // new ValidatedField('shipperCity', true, false, 'Shipper City'),\n            // new ValidatedField('shipperCounty', true, false, 'Shipper County'),\n            // new ValidatedField('shipperPostcode', true, false, 'Shipper Postcode'),\n            // new ValidatedField('shipperCountry', true, false, 'Shipper Country'),\n            // new ValidatedField('shipperVatNumber', true, false, 'Shipper VAT Number'),\n            // new ValidatedField('shipperContactFullName', true, false, 'Shipper Contact Selection'),\n            // new ValidatedField('shipperContactTitle', true, false, 'Shipper Contact Title'),\n            // new ValidatedField('shipperContactFirstName', true, false, 'Shipper Contact First Name'),\n            // new ValidatedField('shipperContactLastName', true, false, 'Shipper Contact Last Name'),\n            // new ValidatedField('shipperContactPhone', true, false, 'Shipper Contact Telephone'),\n            // new ValidatedField('shipperContactEmail', true, false, 'Shipper Contact Email'),\n            // new ValidatedField('shipperContactDepartment', true, false, 'Shipper Contact Department'),\n            // new ValidatedField('consigneeName', true, false, 'Consignee Name'),\n            // new ValidatedField('consigneeAddressLine1', true, false, 'Consignee AddressLine 1'),\n            // new ValidatedField('consigneeAddressLine2', true, false, 'Consignee AddressLine 2'),\n            // new ValidatedField('consigneeCity', true, false, 'Consignee City'),\n            // new ValidatedField('consigneeCounty', true, false, 'Consignee County'),\n            // new ValidatedField('consigneePostcode', true, false, 'Consignee Postcode'),\n            // new ValidatedField('consigneeCountry', true, false, 'Consignee Country'),\n            // new ValidatedField('consigneeVatNumber', true, false, 'Consignee VAT Number'),\n            // new ValidatedField('consigneeContactFullName', true, false, 'Consignee Contact Selection'),\n            // new ValidatedField('consigneeContactTitle', true, false, 'Consignee Contact Title'),\n            // new ValidatedField('consigneeContactFirstName', true, false, 'Consignee Contact First Name'),\n            // new ValidatedField('consigneeContactLastName', true, false, 'Consignee Contact Last Name'),\n            // new ValidatedField('consigneeContactPhone', true, false, 'Consignee Contact Phone'),\n            // new ValidatedField('consigneeContactEmail', true, false, 'Consignee Contact Email'),\n            // new ValidatedField('consigneeRef', true, false, 'Consignee Reference'),\n            // new ValidatedField('additionalRef', true, false, 'Consignee Additional Reference'),\n            // new ValidatedField('placeOfReceipt', true, false, 'Place Of Receipt'),\n            // new ValidatedField('originPort', true, false, 'Origin Port'),\n            // new ValidatedField('destinationPort', true, false, 'Destination Port'),\n            // new ValidatedField('finalDestination', true, false, 'Final Destination'),\n            // new ValidatedField('customerRef', true, false, 'Customer Reference'),\n            // new ValidatedField('sealNumber', true, false, 'SealNumber'),\n            // new ValidatedField('terms', true, false, 'Terms Of Shipment'),\n            // new ValidatedField('serviceType', true, false, 'Service Type'),\n            // new ValidatedField('remarks', true, false, 'Additional Remarks'),\n            // new ValidatedField('pieces', true, false, 'Dims Pieces'),\n            // new ValidatedField('length', true, false, 'Dims Length'),\n            // new ValidatedField('width', true, false, 'Dims Width'),\n            // new ValidatedField('height', true, false, 'Dims Height'),\n            // new ValidatedField('weight', true, false, 'Dims Weight'),\n            // new ValidatedField('packaging', false, false, 'Dims Packaging'),\n            // new ValidatedField('totalPieces', true, false, 'Dims Total Pieces'),\n            // new ValidatedField('totalWeight', true, false, 'Dims Total Weight'),\n            // new ValidatedField('shipmentValue', true, false, 'Shipment Value'),\n            // new ValidatedField('currency', true, false, 'Shipment Currency'),\n            // new ValidatedField('commodity', true, false, 'Shipment Commodity'),\n            // new ValidatedField('estimatedPickupDate', true, false, 'Pickup Date'),\n            // new ValidatedField('estimatedPickupTime', true, false, 'Pickup Time'),\n            // new ValidatedField('estimatedDepartureDate', true, false, 'Departure Date'),\n            // new ValidatedField('estimatedDepartureTime', true, false, 'Departure Time'),\n            // new ValidatedField('estimatedArrivalDate', true, false, 'Arrival Date'),\n            // new ValidatedField('estimatedArrivalTime', true, false, 'Arrival Time'),\n            // new ValidatedField('estimatedDeliveryDate', true, false, 'Delivery Date'),\n            // new ValidatedField('estimatedDeliveryTime', true, false, 'Delivery Time'),\n\n        ]\n\n    }\n}\n","import Validation from \"@/classes/global/Validation\";\nimport ValidationBase from \"@/classes/global/ValidationBase\";\n\nexport default class PreJobAirBookingValidation extends ValidationBase {\n\n    constructor() {\n\n        super();\n\n        this.placeOfReceipt = new Validation();\n        this.originPort = new Validation();\n        this.destinationPort = new Validation();\n        this.finalDestination = new Validation();\n        this.awbMaster = new Validation();\n        this.remarks = new Validation();\n        this.estimatedPickupDate = new Validation();\n        this.estimatedPickupTime = new Validation();\n        this.estimatedDepartureTime = new Validation();\n        this.estimatedDeliveryDate = new Validation();\n        this.estimatedArrivalDate = new Validation();\n        this.estimatedArrivalTime = new Validation();\n        this.estimatedDepartureDate = new Validation();\n        this.estimatedDeliveryTime = new Validation();\n        this.currency = new Validation();\n        this.shipmentValue = new Validation();\n        this.serviceType = new Validation();\n        this.terms = new Validation();\n        this.totalPieces = new Validation();\n        this.totalWeight = new Validation();\n        this.ucrNumber = new Validation();\n        this.hawb = new Validation();\n        this.departingFlightNumber = new Validation();\n        this.arrivingFlightNumber = new Validation();\n        this.customerRef = new Validation();\n        this.commodity = new Validation();\n    }\n\n}\n","import Validation from \"@/classes/global/Validation\";\nimport ValidationBase from \"@/classes/global/ValidationBase\";\n\nexport default class PreJobSeaBookingValidation extends ValidationBase {\n\n    constructor() {\n\n        super();\n\n        this.placeOfReceipt = new Validation();\n        this.originPort = new Validation();\n        this.destinationPort = new Validation();\n        this.finalDestination = new Validation();\n        this.bolNumber = new Validation();\n        this.remarks = new Validation();\n        this.estimatedPickupDate = new Validation();\n        this.estimatedPickupTime = new Validation();\n        this.estimatedDepartureTime = new Validation();\n        this.estimatedDeliveryDate = new Validation();\n        this.estimatedArrivalDate = new Validation();\n        this.estimatedArrivalTime = new Validation();\n        this.estimatedDepartureDate = new Validation();\n        this.estimatedDeliveryTime = new Validation();\n        this.currency = new Validation();\n        this.shipmentValue = new Validation();\n        this.serviceType = new Validation();\n        this.terms = new Validation();\n        this.totalPieces = new Validation();\n        this.totalWeight = new Validation();\n        this.carrierName = new Validation();\n        this.vesselName = new Validation();\n        this.notifyParty = new Validation();\n        this.notifyPartyAddress = new Validation();\n        this.customerRef = new Validation();\n        this.commodity = new Validation();\n        this.voyageNumber = new Validation();\n        this.marksNumbers = new Validation();\n        this.cube = new Validation();\n    }\n\n}\n","import Validation from \"@/classes/global/Validation\";\nimport ValidationBase from \"@/classes/global/ValidationBase\";\n\nexport default class PreJobRoadBookingValidation extends ValidationBase {\n\n    constructor() {\n\n        super();\n\n        this.placeOfReceipt = new Validation();\n        this.originPort = new Validation();\n        this.destinationPort = new Validation();\n        this.finalDestination = new Validation();\n        this.remarks = new Validation();\n        this.estimatedPickupDate = new Validation();\n        this.estimatedPickupTime = new Validation();\n        this.estimatedDepartureTime = new Validation();\n        this.estimatedDeliveryDate = new Validation();\n        this.estimatedArrivalDate = new Validation();\n        this.estimatedArrivalTime = new Validation();\n        this.estimatedDepartureDate = new Validation();\n        this.estimatedDeliveryTime = new Validation();\n        this.currency = new Validation();\n        this.shipmentValue = new Validation();\n        this.serviceType = new Validation();\n        this.terms = new Validation();\n        this.totalPieces = new Validation();\n        this.totalWeight = new Validation();\n        this.customerRef = new Validation();\n        this.sealNumber = new Validation();\n        this.commodity = new Validation();\n    }\n\n}\n","<script setup>\nimport {ref, inject, computed, toRefs, reactive, onMounted} from 'vue';\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport DimensionsEntry from \"@/components/common/other/DimensionsEntry\";\nimport Dimension from \"@/classes/component-classes/Dimension\";\nimport FilteredDropdownMenu from \"@/components/common/input/FilteredDropdownMenu\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport DropDownTextArea from \"@/components/common/input/DropDownTextArea\";\nimport AddressWithContact from \"@/components/common/other/AddressWithContact\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport Button from \"@/components/common/input/Button\";\nimport SectionTile from \"@/components/bookings/SectionTile\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport DateInput from \"@/components/common/input/DateInput\";\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\";\nimport TextArea from \"@/components/common/input/TextArea\";\nimport FreightBookingDetail from \"@/components/bookings/FreightBookingDetail\";\nimport CourierBookingDetail from \"@/components/bookings/CourierBookingDetail\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport SearchToolbar from \"@/components/shipments/SearchToolbar\";\nimport BookingSummaryDisplay from \"@/components/bookings/BookingSummaryDisplay\";\nimport Tabs from \"@/components/common/navigation/tabs/Tabs\";\nimport TabsContent from \"@/components/common/navigation/tabs/TabsContent\";\nimport ContainerMultiEntry from \"@/components/common/other/ContainerMultiEntry\"\n\nimport axios from 'axios';\n\nimport {ViewShipment} from \"@/classes/viewmodels/ViewShipment\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport ShipperDetail from \"@/classes/bookings/ShipperDetail\";\nimport ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\nimport ContactDetail from \"@/classes/bookings/ContactDetail\";\nimport ShipperSaveDetail from \"@/classes/models/ShipperSaveDetail\";\nimport ConsigneeSaveDetail from \"@/classes/models/ConsigneeSaveDetail\";\nimport UploadedFileSave from \"@/classes/global/UploadedFileSave\";\n\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\nimport {useValidateRequiredFields} from \"@/composables/common/useValidateRequiredFields\";\nimport {useCheckFieldsForData} from \"@/composables/common/useCheckFieldsForData\";\nimport {useCreateSubstringText} from \"@/composables/common/useCreateSubstringText\";\nimport {useTimeGenerator} from \"@/composables/common/useTimeGenerator\";\nimport {useResetValidation} from \"@/composables/common/useResetValidation\";\nimport {useMapBookingSave} from \"@/composables/bookings/useMapBookingSave\";\n\nimport {useStore} from \"vuex\";\nimport {useRoute, useRouter} from \"vue-router\";\nimport API from \"@/classes/global/API\";\nimport {useGetChargeableWeight} from \"@/composables/bookings/useGetChargeableWeight\";\nimport {useMapShipperAddress} from \"@/composables/bookings/useMapShipperAddress\";\nimport {useClearShipperContact} from \"@/composables/bookings/useClearShipperContact\";\nimport {useMapConsigneeAddress} from \"@/composables/bookings/useMapConsigneeAddress\";\nimport {useClearConsigneeContact} from \"@/composables/bookings/useClearConsigneeContact\";\nimport {useMapShipperContact} from \"@/composables/bookings/useMapShipperContact\";\nimport {useMapConsigneeContact} from \"@/composables/bookings/useMapConsigneeContact\";\nimport {useMapShipperSave} from \"@/composables/bookings/useMapShipperSave\";\nimport {useMapConsigneeSave} from \"@/composables/bookings/useMapConsigneeSave\";\nimport {useProcessUploadedFiles} from \"@/composables/common/useProcessUploadFiles\";\nimport {useTileSelection} from \"@/composables/bookings/useTileSelection\";\nimport {useClearCompany} from \"@/composables/bookings/useClearCompany\";\nimport {useValidateContactEmail} from \"@/composables/bookings/useValidateContactEmail\";\n\nimport PreJobAirBooking from \"@/classes/viewmodels/PreJobAirBooking\";\nimport PreJobSeaBooking from \"@/classes/viewmodels/PreJobSeaBooking\";\nimport PreJobRoadBooking from \"@/classes/viewmodels/PreJobRoadBooking\";\nimport PreJobRailBooking from \"@/classes/viewmodels/PreJobRailBooking\";\nimport FreightBookingValidation from \"@/classes/bookings/FreightBookingValidation\";\nimport CourierBookingValidation from \"@/classes/bookings/CourierBookingValidation\";\nimport PreJobAirBookingValidation from \"@/classes/bookings/PreJobAirBookingValidation\";\nimport PreJobSeaBookingValidation from \"@/classes/bookings/PreJobSeaBookingValidation\";\nimport PreJobRoadBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\nimport PreJobRailBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\nimport {useMapContact} from \"@/composables/bookings/useMapContact\";\nimport {useValidateContact} from \"@/composables/bookings/useValidateContact\";\nimport {useNewContactMessage} from \"@/composables/bookings/useNewContactMessage\";\n\n\nconst validationViewModel = inject(\"validationViewModel\");\n\nconst store = useStore();\nconst route = useRoute();\nconst router = useRouter();\n\nconst props = defineProps({\n\n  modelValue: {},\n  validationViewModelSection: '',\n  mode: '',\n  tileColor: ''\n\n})\n\nconst emits = defineEmits(['update:modelValue'])\n\nconst uploadButton = ref();\nconst uploadFileSizeError = ref(false);\nconst emailRegExCheck = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/\n\nconst updateShipperContacts = computed(() => {\n  return props.modelValue.shipper.shipperContacts;\n})\n\nconst updateConsigneeContacts = computed(() => {\n  return props.modelValue.consignee.consigneeContacts;\n})\n\nconst updateFileInput = computed(() => {\n  return props.modelValue.files.length\n})\n\nlet uploadFileSizeErrorMessage = ref();\n\nconst getPlaceholder = computed(() => getAddressPlaceholder());\n\nconst updateShipperList = computed(() => {\n  return props.modelValue.metaData.shippers;\n})\n\nconst updateConsigneeList = computed(() => {\n  return props.modelValue.metaData.consignees;\n})\n\nconst handleSearch = computed(() => {\n  return props.modelValue.customer !== ''\n})\n\nconst allowWeightEntry = computed(() => {\n  return props.modelValue.dimensions.multiLineDims.length > 0;\n})\n\nonMounted(() => {\n\n  // This is required to manage the state of the validation object for edit and new bookings.\n  // It prevents the validation state being held when coming out of an edit and into a new freight booking.\n  // Checks the url for an edit id number to ensure you have just come from the edit screen,\n  // then resets validation. If you are going back and forth with a new booking,\n  // the original state is held and the validation is not reset.\n\n  router.beforeEach((to, from) => {\n\n    const isEditId = /^\\d+$/.test(from.params.id)\n\n    if (isEditId)\n\n      switch (route.params.section) {\n\n        case('Air') :\n          validationViewModel.value[props.validationViewModelSection] = new PreJobAirBookingValidation();\n          break;\n        case('Sea') :\n          validationViewModel.value[props.validationViewModelSection] = new PreJobSeaBookingValidation();\n          break;\n        case('Road') :\n          validationViewModel.value[props.validationViewModelSection] = new PreJobRoadBookingValidation();\n          break;\n        case('Rail') :\n          validationViewModel.value[props.validationViewModelSection] = new PreJobRailBookingValidation();\n          break;\n      }\n\n  })\n\n  prepareMetaData();\n\n})\n\nfunction clearShipperAndConsigneeData() {\n\n  props.modelValue.metaData.shippers = [];\n  props.modelValue.metaData.consignees = [];\n}\n\nfunction getAddressPlaceholder() {\n\n  return require(`@/assets/address_placeholder.png`);\n}\n\nfunction mapShipperAddress(data) {\n\n  useClearShipperContact(props.modelValue);\n  useMapShipperAddress(data, props.modelValue);\n\n}\n\nfunction mapConsigneeAddress(data) {\n\n  useMapConsigneeAddress(data, props.modelValue);\n  useClearConsigneeContact(props.modelValue);\n\n}\n\nfunction mapSelectedShipperContactDetail(contact) {\n\n  useMapShipperContact(contact, props.modelValue);\n\n}\n\nfunction mapSelectedConsigneeContactDetail(contact) {\n\n  useMapConsigneeContact(contact, props.modelValue);\n\n}\n\nfunction mapShipperSaveDetails(isNewContact = false) {\n\n  useMapShipperSave(props.modelValue, route, isNewContact);\n\n}\n\nfunction mapConsigneeSaveDetails(isNewContact = false) {\n\n  useMapConsigneeSave(props.modelValue, route, isNewContact);\n\n}\n\nfunction getChargeableWeightCalculation(totalWeight) {\n\n  const grossWeight = totalWeight.value; // copy computed value\n  useGetChargeableWeight(route, grossWeight, props.modelValue);\n\n}\n\nfunction handleTileSelection(tile) {\n\n  let currentTile = useTileSelection(tile, props.modelValue, validationViewModel);\n\n  checkFields(currentTile[0]);\n  checkFields(tile);\n\n}\n\nfunction handleValidateAndClose(tile) {\n\n  let validationResult = validate(tile);\n\n  if (validationResult) handleTileSelection(tile);\n\n  return validationResult\n\n}\n\nfunction handleRemoveDocument(index) {\n\n  props.modelValue.files.splice(index, 1);\n\n}\n\nfunction handleUpload() {\n\n  uploadButton.value.click()\n}\n\nfunction handleClearCompany(area) {\n\n  useClearCompany(area, props, validationViewModel);\n}\n\nfunction handleShipperSave(isUpdate) {\n\n  let sectionIsValid = validate('shipper');\n  let contactIsValid = validateContact('shipper')\n\n  if (sectionIsValid && contactIsValid && checkShipperEmailValid() && isUpdate && props.modelValue.shipper.shipperContactFullName) {\n\n    let contactToEdit = props.modelValue.shipper.shipperContacts.find(c => c.id === props.modelValue.shipper.shipperContactId);\n\n    useMapContact(contactToEdit, props.modelValue, true, false);\n\n    mapShipperSaveDetails();\n\n    return;\n\n  } else if (contactIsValid && props.modelValue.tileValidation['shipper'] && checkShipperEmailValid()) {\n\n    let newContact = new ContactDetail();\n\n    useMapContact(newContact, props.modelValue, true, true);\n\n    // This is to enable the contactId to be set for the latest added contact\n    mapShipperSaveDetails(true);\n\n    return;\n\n  }\n\n  // This should run if no contact data is entered and the general validation has passed\n  if (props.modelValue.tileValidation['shipper'] && checkShipperEmailValid()) mapShipperSaveDetails();\n\n}\n\nfunction handleConsigneeSave(isUpdate) {\n\n  let sectionIsValid = validate('consignee');\n  let contactIsValid = validateContact('consignee')\n\n  if (sectionIsValid && contactIsValid && checkConsigneeEmailValid() && isUpdate && props.modelValue.consignee.consigneeContactFullName) {\n\n    let contactToEdit = props.modelValue.consignee.consigneeContacts.find(c => c.id === props.modelValue.consignee.consigneeContactId);\n\n    useMapContact(contactToEdit, props.modelValue, false, false);\n\n    mapConsigneeSaveDetails();\n\n    return;\n\n  } else if (contactIsValid && props.modelValue.tileValidation['consignee'] && checkConsigneeEmailValid()) {\n\n    let newContact = new ContactDetail();\n\n    useMapContact(newContact, props.modelValue, false, true)\n\n    mapConsigneeSaveDetails(true);\n\n    return;\n\n  }\n\n  if (props.modelValue.tileValidation['consignee'] && checkConsigneeEmailValid()) mapConsigneeSaveDetails();\n}\n\nfunction handleNewBooking(mode) {\n\n  router.push({name: 'prejob', params: {owner: store.state.owner, section: mode, id: 'new'}});\n\n  switch (mode) {\n\n    case 'Air' :\n      emits('update:modelValue', new PreJobAirBooking());\n      break;\n    case 'Sea' :\n      emits('update:modelValue', new PreJobSeaBooking());\n      break;\n    case 'Road' :\n      emits('update:modelValue', new PreJobRoadBooking());\n      break;\n    case 'Rail' :\n      emits('update:modelValue', new PreJobRailBooking());\n      break;\n  }\n\n}\n\nfunction checkShipperEmailValid() {\n\n  return useValidateContactEmail(props.modelValue, true, validationViewModel.value[props.validationViewModelSection]);\n\n}\n\nfunction checkConsigneeEmailValid() {\n\n  return useValidateContactEmail(props.modelValue, false, validationViewModel.value[props.validationViewModelSection]);\n\n}\n\nfunction validateContact(tile) {\n\n  return useValidateContact(props.modelValue, tile);\n\n}\n\nfunction selectBillingPartyId(selection) {\n\n  props.modelValue.shipment.shipmentBillingPartyId = selection.id;\n}\n\nfunction newContactMessage(section) {\n\n  return useNewContactMessage(props.modelValue, section);\n\n}\n\nfunction allowShipperSaveButton() {\n\n  return !(props.modelValue.shipper.shipperName && props.modelValue.shipper.shipperAddressLine1);\n\n}\n\nfunction allowConsigneeSaveButton() {\n\n  return !(props.modelValue.consignee.consigneeName && props.modelValue.consignee.consigneeAddressLine1);\n\n}\n\nfunction checkFields(tile) {\n\n  if (useCheckFieldsForData(props.modelValue[tile])) {\n\n    props.modelValue.tileValidation[tile] = validate(tile);\n  }\n\n}\n\nfunction validate(tile) {\n\n  let fieldsValid = useValidateRequiredFields(props.modelValue[tile],\n      validationViewModel.value[props.validationViewModelSection], props.modelValue.metaData.validatedFields);\n\n  props.modelValue.tileValidation[tile] = fieldsValid;\n\n  return fieldsValid\n\n}\n\nfunction setPortId(section, prop, id) {\n\n  props.modelValue[section][prop] = id;\n\n}\n\nasync function validateSubmit() {\n\n  props.modelValue.tileValidation['shipper'] = validate('shipper');\n  props.modelValue.tileValidation['consignee'] = validate('consignee');\n  props.modelValue.tileValidation['dimensions'] = validate('dimensions');\n\n  if (route.params.section === 'Air') props.modelValue.tileValidation['flightShipment'] = validate('flightShipment');\n  if (route.params.section === 'Sea') props.modelValue.tileValidation['seaShipment'] = validate('seaShipment');\n  if (route.params.section === 'Road') props.modelValue.tileValidation['roadShipment'] = validate('roadShipment');\n  if (route.params.section === 'Rail') props.modelValue.tileValidation['railShipment'] = validate('railShipment');\n\n  for (let each in props.modelValue.tileValidation) {\n\n    if (props.modelValue.tileValidation[each] === false) return false;\n\n  }\n\n  // Validation Passed for all sections\n  let response = await API.saveBooking(useMapBookingSave(props.modelValue, props.validationViewModelSection),\n      'freightBooking', route, route.params.section);\n\n  if (response) {\n\n    try {\n\n      props.modelValue.id = response.id;\n      props.modelValue.jobNumber = response.jobNumber;\n\n      // Add the new returned dims with id's to the model, remove unitOfMeasure as not used for UI and would run through the useCheckFieldsForData method\n      // with the value sent back from server (metric / imperial, text) and trigger the tile to show the data present sheild\n      props.modelValue.dimensions = {...props.modelValue.dimensions, ...response.dimensions};\n\n      // Ensure always string value for total weight to avoid breaking calcs at server\n      props.modelValue.dimensions.totalWeight = props.modelValue.dimensions.totalWeight.toString();\n      delete props.modelValue.dimensions.unitOfMeasure;\n\n      if (route.params.section === 'Sea') {\n\n        props.modelValue.seaShipment.containers = response.seaShipment.containers;\n      }\n\n      store.state.banners.success = new Notification(true, 'Booking Saved Successfully');\n    } catch (error) {\n\n      // TODO Log Error\n    }\n\n  }\n\n}\n\nasync function prepareMetaData() {\n\n  const response = await API.getShipperMetaData(route, props.validationViewModelSection);\n\n  if (response) props.modelValue.metaData = response;\n\n  // REMOVE AFTER DB UPDATE\n  props.modelValue.metaData.validatedFields = props.modelValue.tempValidFields;\n\n  // Look at altering this from server side, does not need shippers up front\n  props.modelValue.metaData.shippers = [];\n  props.modelValue.metaData.consignees = [];\n}\n\nasync function populateDropDownData() {\n\n  let shippers = await API.getShipperListByAccount(route);\n\n  if (shippers) props.modelValue.metaData.shippers = shippers;\n\n  let consignees = await API.getConsigneeListByAccount(route);\n\n  if (consignees) props.modelValue.metaData.consignees = consignees;\n\n}\n\nasync function getCompanyDetails(name, section) {\n\n  // Get selected shipper / consignee address details\n  props.modelValue[section].id = parseInt(name.id);\n\n  let response = await API.getCompanyDetail(name.id, route)\n\n  if (response) {\n\n    try {\n\n      if (section === 'shipper') mapShipperAddress(response);\n      if (section === 'consignee') mapConsigneeAddress(response);\n\n    } catch (error) {\n\n      // TODO Log Error\n\n    }\n\n  }\n\n}\n\nasync function handleUploadedFiles(files) {\n\n  uploadFileSizeError.value = false;\n\n  let fileUploadOk = await useProcessUploadedFiles(files, props.modelValue);\n\n  if (!fileUploadOk.value) {\n\n    uploadFileSizeError.value = true;\n    uploadFileSizeErrorMessage.value = fileUploadOk.file.name + ' ' + 'is too large to upload - max 28MB'\n  }\n\n}\n\n</script>\n\n<template class=\"cmp-multi-booking\">\n  <div>\n    <StaticWidget\n        :title=\"`Details For Agent Booking ${mode}`\"\n        height=\"735\">\n      <template #icon><i class=\"fa-regular fa-pen-field\" style=\"color: #21426b\"></i></template>\n      <template #extra-content>\n        <div class=\"cmp-multi-booking_required-field-message\"><span class=\"global-required-field\"></span>\n          indicates the field is required\n        </div>\n        <div v-if=\"/^\\d+$/.test(route.params.id)\" class=\"cmp-multi-booking_edit-message\">\n          <i class=\"fa-duotone fa-pen-to-square\" style=\"color: #073053; font-size: 19px; margin-right: 5px\"></i>\n          <span style=\"font-size: 16px;\">Edit Booking #<span>{{ route.params.id }}</span></span>\n        </div>\n        <div v-else-if=\"props.modelValue.id\">\n          <i class=\"fa-solid fa-circle-check\" style=\"color: #099d4f; margin-left: 50px; font-size: 14px; margin-right: 5px;\"></i>\n          <span style=\"font-weight: normal\">Job Number</span> #<span>{{ props.modelValue.id }}</span>\n        </div>\n      </template>\n      <template #right-side>\n        <div>\n          <Button\n              v-if=\"props.modelValue.id === 0\"\n              text=\"Save & Submit\"\n              icon=\"<i class='fa-thin fa-floppy-disk'></i>\"\n              @click=\"validateSubmit(props.validationViewModelSection)\">\n          </Button>\n          <Button\n              v-if=\"props.modelValue.id !== 0\"\n              text=\"Update\"\n              type=\"success\"\n              icon=\"<i class='fa-light fa-pen-to-square'></i>\"\n              @click=\"validateSubmit(props.validationViewModelSection)\">\n          </Button>\n          <Button\n              v-if=\"props.modelValue.id !== 0\"\n              text=\"New Booking\"\n              icon=\"<i class='fa-regular fa-file'></i>\"\n              @click=\"handleNewBooking(route.params.section)\"\n              type=\"toolbar\"></Button>\n        </div>\n      </template>\n      <div class=\"cmp-multi-booking_wrapper\">\n        <div class=\"cmp-multi-booking_top-bar\">\n          <MultiSearchDropDown\n              :key=\"props.modelValue.metaData.customers\"\n              :requiredField=\"false\"\n              :allowCustomValue=\"false\"\n              :useServerSearch=\"false\"\n              :disableFilter=\"true\"\n              @select=\"populateDropDownData\"\n              @clear=\"clearShipperAndConsigneeData\"\n              placeholder=\"Select....\"\n              :width=\"400\"\n              v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customer\"\n              label=\"Customer\"\n              :labelWidth=\"70\"\n              v-model=\"props.modelValue.customer\"\n              :selectPrimitiveValue=\"true\"\n              :data-source=\"props.modelValue.metaData.customers\">\n          </MultiSearchDropDown>\n        </div>\n        <div class=\"cmp-multi-booking_tile-wrapper\">\n          <SectionTile\n              @click=\"handleTileSelection('shipper')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.shipper\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.shipper\"\n              v-model:validationProp=\"props.modelValue.tileValidation.shipper\">\n            <template #icon><i class=\"fa-thin fa-earth-americas\"></i></template>\n            <template #title>Shipper</template>\n            <template #description>Address & Contact</template>\n          </SectionTile>\n          <SectionTile\n              @click=\"handleTileSelection('consignee')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.consignee\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.consignee\"\n              v-model:validationProp=\"props.modelValue.tileValidation.consignee\">\n            <template #icon><i class=\"fa-thin fa-clipboard-check\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Consignee</template>\n            <template #description>Address & Contact</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"route.params.section === 'Air'\"\n              :tileColor=\"tileColor\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.flightShipment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.flightShipment\"\n              v-model:viewModel=\"props.modelValue.customsSelect\"\n              @click=\"handleTileSelection('flightShipment')\">\n            <template #icon><i class=\"fa-thin fa-plane-departure\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Flight & Shipment</template>\n            <template #description>Movement & Numbers</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"route.params.section === 'Sea'\"\n              :tileColor=\"tileColor\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.seaShipment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.seaShipment\"\n              v-model:viewModel=\"props.modelValue.seaShipment\"\n              @click=\"handleTileSelection('seaShipment')\">\n            <template #icon><i class=\"fa-thin fa-ship\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Vessel & Shipment</template>\n            <template #description>Movement & Numbers</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"route.params.section === 'Road'\"\n              :tileColor=\"tileColor\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.roadShipment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.roadShipment\"\n              v-model:viewModel=\"props.modelValue.roadShipment\"\n              @click=\"handleTileSelection('roadShipment')\">\n            <template #icon><i class=\"fa-thin fa-truck\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Road & Shipment</template>\n            <template #description>Movement & Numbers</template>\n          </SectionTile>\n          <SectionTile\n              v-if=\"route.params.section === 'Rail'\"\n              :tileColor=\"tileColor\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.railShipment\"\n              v-model:validationProp=\"props.modelValue.tileValidation.railShipment\"\n              v-model:viewModel=\"props.modelValue.railShipment\"\n              @click=\"handleTileSelection('railShipment')\">\n            <template #icon><i class=\"fa-thin fa-train\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Rail & Shipment Detail</template>\n            <template #description>Movement & Numbers</template>\n          </SectionTile>\n          <SectionTile\n              @click=\"handleTileSelection('dimensions')\"\n              :tileColor=\"tileColor\"\n              v-model:viewModel=\"props.modelValue.dimensions\"\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.dimensions\"\n              v-model:validationProp=\"props.modelValue.tileValidation.dimensions\">\n            <template #icon><i class=\"fa-thin fa-box-open\"></i></template>\n            <template #title>Dimensions</template>\n            <template #description>Packaging & Item Detail</template>\n          </SectionTile>\n          <SectionTile\n              v-model:tileSelectionModel=\"props.modelValue.tileSelection.documents\"\n              :tileColor=\"tileColor\"\n              @click=\"handleTileSelection('documents')\" :useIcons=\"false\">\n            <template #icon><i class=\"fa-thin fa-folder-arrow-up\" style=\"font-size: 38px;\"></i></template>\n            <template #title>Upload Docs</template>\n            <template #description>Add Docs To The Booking</template>\n          </SectionTile>\n        </div>\n        <div v-show=\"props.modelValue.tileSelection.shipper\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-earth-americas cmp-multi-booking_tile-icon\"\n               style=\"color: var(--aqua-blue-definition)\"></i>\n            <div class=\"global-css_vertical-form-layout\">\n              <div class=\"global-flex-layout\">\n                <MultiSearchDropDown\n                    :key=\"updateShipperList\"\n                    :requiredField=\"useGetValidatedFields (props.modelValue.metaData.validatedFields, 'shipperName')\"\n                    :allowCustomValue=\"true\"\n                    :useServerSearch=\"handleSearch\"\n                    :maxLength=\"50\"\n                    searchType=\"shipper\"\n                    @select=\"getCompanyDetails($event, 'shipper')\"\n                    @clear=\"handleClearCompany('shipper')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperName\"\n                    label=\"Shipper\"\n                    v-model=\"props.modelValue.shipper.shipperName\"\n                    :selectPrimitiveValue=\"true\"\n                    :data-source=\"props.modelValue.metaData.shippers\">\n                </MultiSearchDropDown>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"width: 300px;\"><strong>You must select a customer to view the Shipper list....</strong>\n                      Select a Shipper by typing a Company name or postcode. You can type a custom name in the same box\n                      and save as a new record, or use as a one off Shipper for the booking.\n                    </div>\n                  </template>\n                  <i class=\"fa fa-info-circle\" style=\"font-size: 14px; color: var(--info-icon-color)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperAddressLine1\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperAddressLine1\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperAddressLine1' )\"\n                  label=\"Address Line 1\">\n              </TextInput>\n              <TextInput\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperAddressLine2\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperAddressLine2\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperAddressLine2' )\"\n                  label=\"Address Line 2\">\n              </TextInput>\n              <TextInput\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperCity\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCity\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperCity' )\"\n                  label=\"City\">\n              </TextInput>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :maxLength=\"10\"\n                    v-model=\"props.modelValue.shipper.shipperPostcode\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperPostcode\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperPostcode' )\"\n                    :width=\"175\"\n                    label=\"Post Code / ZIP\">\n                </TextInput>\n                <TextInput\n                    :maxLength=\"50\"\n                    v-model=\"props.modelValue.shipper.shipperCounty\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCounty\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperCounty' )\"\n                    :width=\"155\"\n                    label=\"County / State\">\n                </TextInput>\n              </div>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.countries.length > 0\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperCountry' )\"\n                  :allowCustomValue=\"false\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperCountry\"\n                  label=\"Country\"\n                  v-model=\"props.modelValue.shipper.shipperCountry\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.metaData.countries\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperRef\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperRef' )\"\n                  label=\"Shipper Ref\">\n              </TextInput>\n              <TextInput\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.shipper.shipperVatNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperVatNumber\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperVatNumber' )\"\n                  label=\"VAT Number\">\n              </TextInput>\n            </div>\n            <div class=\"cmp-multi-booking_contact-area global-css_vertical-form-layout\">\n              <i class=\"fa-thin fa-address-card cmp-multi-booking_contact-icon \"></i>\n              <div v-if=\"newContactMessage(true)\" class=\"cmp-multi-booking_contact-user-info\">\n                <MovingTooltip :icon=\"false\">\n                  <template #content>\n                    <div>\n                      <strong>Add a New Contact -</strong> Saving / Updating will add this name to the Shipper contacts\n                      list\n                    </div>\n                  </template>\n                  <i class=\"fa-solid fa-solid fa-circle-check\"\n                     style=\"font-size: 16px; color: green; border: 3px solid white; border-radius: 50%\">\n                  </i>\n                </MovingTooltip>\n              </div>\n            </div>\n            <div class=\"global-css_vertical-form-layout\">\n              <MultiSearchDropDown\n                  :key=\"updateShipperContacts\"\n                  @select=\"mapSelectedShipperContactDetail\"\n                  @clear=\"useClearShipperContact(props.modelValue)\"\n                  placeholder=\"Select...\"\n                  :maxLength=\"50\"\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactFullName' )\"\n                  :allowCustomValue=\"false\"\n                  :disableFilter=\"true\"\n                  :selectPrimitiveValue=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactFullName\"\n                  label=\"Contacts\"\n                  v-model=\"props.modelValue.shipper.shipperContactFullName\"\n                  :data-source=\"props.modelValue.shipper.shipperContacts\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :labelWidth=\"85\"\n                    :width=\"40\"\n                    :maxLength=\"10\"\n                    placeholder=\"Title\"\n                    v-model=\"props.modelValue.shipper.shipperContactTitle\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactTitle\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactTitle' )\"\n                    label=\"Name\">\n                </TextInput>\n                <TextInput\n                    :width=\"150\"\n                    :maxLength=\"20\"\n                    placeholder=\"First Name\"\n                    v-model=\"props.modelValue.shipper.shipperContactFirstName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactFirstName\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactFirstName' )\">\n                </TextInput>\n                <TextInput\n                    :maxLength=\"25\"\n                    :width=\"190\"\n                    placeholder=\"Last Name\"\n                    v-model=\"props.modelValue.shipper.shipperContactLastName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactLastName\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactLastName' )\">\n                </TextInput>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    Clear Contact Fields\n                  </template>\n                  <i class=\"fa-solid fa-trash-can-list\" @click=\"useClearShipperContact(props.modelValue)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  :maxLength=\"30\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactPhone\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactPhone\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipperContactPhone' )\"\n                  label=\"Telephone\">\n              </TextInput>\n              <TextInput\n                  :maxLength=\"50\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactEmail\"\n                  :validationText=\"['Required', 'Invalid Email']\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactEmail\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactEmail' )\"\n                  label=\"Email\">\n              </TextInput>\n              <TextInput\n                  :maxLength=\"50\"\n                  :labelWidth=\"85\"\n                  :width=\"400\"\n                  v-model=\"props.modelValue.shipper.shipperContactDepartment\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipperContactDepartment\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'shipperContactDepartment' )\"\n                  label=\"Department\">\n              </TextInput>\n              <div class=\"cmp-multi-booking_save-button global-flex-layout\">\n                <Button\n                    :disabled=\"allowShipperSaveButton()\"\n                    v-if=\"!props.modelValue.isUpdate.shipper\"\n                    @click=\"handleShipperSave(false)\"\n                    text=\"Save Address & Contact\">\n                </Button>\n                <Button\n                    v-else\n                    @click=\"handleShipperSave(true)\"\n                    text=\"Update Address & Contact\"\n                    type=\"success\">\n                </Button>\n                <div>\n                  <StaticTooltip :icon=\"false\">\n                    <template #content>\n                      <div style=\"width: 300px;\">\n                        <div>Once you have entered Shipper information, you can select an existing contact,\n                          edit and save the changes.\n                        </div>\n                        <div>If you wish to add a new contact, fill out a first & last name as a minimum. Any Shipper\n                          changes are also saved or updated.\n                        </div>\n                      </div>\n                    </template>\n                    <i class=\"fa-solid fa-info-circle\"\n                       style=\"font-size: 14px; margin-right: 5px; color: var(--info-icon-color)\"></i>\n                    <span style=\"font-size: 11px; color: #6d6d6d\"></span>\n                  </StaticTooltip>\n                </div>\n              </div>\n            </div>\n            <!--            <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n            <!--              <Button @click=\"handleTileSelection('shipper')\" text=\"Close\" type=\"toolbar\"></Button>-->\n            <!--              <Button @click=\"handleValidateAndClose('shipper')\" text=\"OK\"></Button>-->\n            <!--            </div>-->\n          </div>\n        </div>\n        <div v-show=\"props.modelValue.tileSelection.consignee\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-clipboard-check  cmp-multi-booking_tile-icon\"\n               style=\"color: var(--aqua-blue-definition)\"></i>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-left: 14px;\">\n              <div class=\"global-flex-layout\">\n                <MultiSearchDropDown\n                    :key=\"updateConsigneeList\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeName' )\"\n                    :maxLength=\"50\"\n                    :allowCustomValue=\"true\"\n                    @select=\"getCompanyDetails($event, 'consignee')\"\n                    @clear=\"handleClearCompany('consignee')\"\n                    :selectPrimitiveValue=\"true\"\n                    :useServerSearch=\"handleSearch\"\n                    searchType=\"consignee\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeName\"\n                    label=\"Consignee\"\n                    v-model=\"props.modelValue.consignee.consigneeName\"\n                    :data-source=\"props.modelValue.metaData.consignees\">\n                </MultiSearchDropDown>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"width: 320px;\"><strong>You must select a customer to view the Consignee\n                      list....</strong>\n                      Select a Consignee by typing a Company name or postcode. You can type a custom name in the same\n                      box\n                      and save as a new record, or use as a one off Consignee for the booking.\n                    </div>\n                  </template>\n                  <i class=\"fa fa-info-circle\" style=\"font-size: 14px; color: var(--info-icon-color)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeAddressLine1\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeAddressLine1\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeAddressLine1' )\"\n                  label=\"Address Line 1\">\n              </TextInput>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeAddressLine2\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeAddressLine2\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeAddressLine2' )\"\n                  label=\"Address Line 2\">\n              </TextInput>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeCity\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCity\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCity' )\"\n                  label=\"City\">\n              </TextInput>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-model=\"props.modelValue.consignee.consigneePostcode\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneePostcode\"\n                    :maxLength=\"10\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneePostcode' )\"\n                    :width=\"175\"\n                    label=\"Post Code / ZIP\">\n                </TextInput>\n                <TextInput\n                    v-model=\"props.modelValue.consignee.consigneeCounty\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCounty\"\n                    :maxLength=\"50\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCounty' )\"\n                    :width=\"155\"\n                    label=\"County / State\">\n                </TextInput>\n              </div>\n              <MultiSearchDropDown\n                  v-if=\"props.modelValue.metaData.countries.length > 0\"\n                  :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeCountry' )\"\n                  :allowCustomValue=\"false\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeCountry\"\n                  label=\"Country\"\n                  v-model=\"props.modelValue.consignee.consigneeCountry\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.metaData.countries\">\n              </MultiSearchDropDown>\n              <TextInput\n                  v-model=\"props.modelValue.consignee.consigneeRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeRef\"\n                  :maxLength=\"50\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeRef' )\"\n                  label=\"Consignee Ref\">\n              </TextInput>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    v-model=\"props.modelValue.consignee.additionalRef\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].additionalRef\"\n                    :maxLength=\"50\"\n                    :width=\"175\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'additionalRef' )\"\n                    label=\"Additional Ref\">\n                </TextInput>\n                <TextInput\n                    v-model=\"props.modelValue.consignee.consigneeVatNumber\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeVatNumber\"\n                    :maxLength=\"50\"\n                    :width=\"200\"\n                    :labelWidth=\"60\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeVatNumber' )\"\n                    label=\"VAT No.\">\n                </TextInput>\n              </div>\n            </div>\n            <div class=\"cmp-multi-booking_contact-area global-css_vertical-form-layout\">\n              <i class=\"fa-thin fa-address-card cmp-multi-booking_contact-icon \"></i>\n              <div v-if=\"newContactMessage(false)\" class=\"cmp-multi-booking_contact-user-info\">\n                <MovingTooltip :icon=\"false\">\n                  <template #content>\n                    <div>\n                      <strong>New Contact Available!</strong> Saving / Updating will add this name to the existing\n                      contact\n                      list\n                    </div>\n                  </template>\n                  <i class=\"fa-solid fa-solid fa-circle-check\"\n                     style=\"font-size: 16px; color: green; border: 3px solid white; border-radius: 50%\">\n                  </i>\n                </MovingTooltip>\n              </div>\n            </div>\n            <div class=\"global-css_vertical-form-layout\">\n              <MultiSearchDropDown\n                  :key=\"updateConsigneeContacts\"\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"50\"\n                  placeholder=\"Select...\"\n                  @select=\"mapSelectedConsigneeContactDetail\"\n                  @clear=\" useClearConsigneeContact(props.modelValue)\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactFullName' )\"\n                  :allowCustomValue=\"true\"\n                  :disableFilter=\"true\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactFullName\"\n                  label=\"Contacts\"\n                  v-model=\"props.modelValue.consignee.consigneeContactFullName\"\n                  :selectPrimitiveValue=\"true\"\n                  :data-source=\"props.modelValue.consignee.consigneeContacts\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :maxLength=\"10\"\n                    :labelWidth=\"85\"\n                    :width=\"40\"\n                    placeholder=\"Title\"\n                    v-model=\"props.modelValue.consignee.consigneeContactTitle\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactTitle\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactTitle' )\"\n                    label=\"Name\">\n                </TextInput>\n                <TextInput\n                    :maxLength=\"20\"\n                    :width=\"150\"\n                    placeholder=\"First Name\"\n                    v-model=\"props.modelValue.consignee.consigneeContactFirstName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactFirstName\"\n                    :requiredField=\"useGetValidatedFields(props.modelValue.metaData.validatedFields, 'consigneeContactFirstName' )\">\n                </TextInput>\n                <TextInput\n                    :maxLength=\"25\"\n                    :width=\"190\"\n                    placeholder=\"Last Name\"\n                    v-model=\"props.modelValue.consignee.consigneeContactLastName\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactLastName\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactLastName' )\">\n                </TextInput>\n                <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    Clear Contact Fields\n                  </template>\n                  <i class=\"fa-solid fa-trash-can-list\" @click=\"useClearConsigneeContact(props.modelValue)\"></i>\n                </StaticTooltip>\n              </div>\n              <TextInput\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"25\"\n                  v-model=\"props.modelValue.consignee.consigneeContactPhone\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactPhone\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactPhone' )\"\n                  label=\"Telephone\">\n              </TextInput>\n              <TextInput\n                  :width=\"400\"\n                  :labelWidth=\"85\"\n                  :maxLength=\"50\"\n                  v-model=\"props.modelValue.consignee.consigneeContactEmail\"\n                  :validationText=\"['Required', 'Invalid Email']\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].consigneeContactEmail\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'consigneeContactEmail' )\"\n                  label=\"Email\">\n              </TextInput>\n              <div class=\"cmp-multi-booking_save-button global-flex-layout\">\n                <Button\n                    @click=\"handleConsigneeSave(false)\"\n                    :disabled=\"allowConsigneeSaveButton()\"\n                    v-if=\"!props.modelValue.isUpdate.consignee\"\n                    text=\"Save Address & Contact\">\n                </Button>\n                <Button\n                    @click=\"handleConsigneeSave(true)\"\n                    v-else\n                    text=\"Update Address & Contact\"\n                    type=\"success\">\n                </Button>\n                <div>\n                  <StaticTooltip :icon=\"false\">\n                    <template #content>\n                      <div style=\"width: 300px;\">\n                        <div>Once you have entered Consignee information, you can select an existing contact,\n                          edit and save the changes.\n                        </div>\n                        <div>If you wish to add a new contact, fill out a first & last name as a minimum. Any Consignee\n                          changes are also saved.\n                        </div>\n                      </div>\n                    </template>\n                    <i class=\"fa-solid fa-info-circle\"\n                       style=\"font-size: 14px; margin-right: 5px; color: var(--info-icon-color)\"></i>\n                  </StaticTooltip>\n                </div>\n              </div>\n            </div>\n            <!--            <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n            <!--              <Button @click=\"handleTileSelection('consignee')\" text=\"Close\" type=\"toolbar\"></Button>-->\n            <!--              <Button @click=\"handleValidateAndClose('consignee')\" text=\"OK\"></Button>-->\n            <!--            </div>-->\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.flightShipment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-plane-departure cmp-multi-booking_tile-icon\"></i>\n            <div class=\"global-css_vertical-form-layout\">\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'placeOfReceipt' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('flightShipment','placeOfReceiptId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].placeOfReceipt\"\n                  label=\"Place Of Receipt\"\n                  v-model=\"props.modelValue.flightShipment.placeOfReceipt\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'originPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('flightShipment','originPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].originPort\"\n                  label=\"Origin Port\"\n                  v-model=\"props.modelValue.flightShipment.originPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'destinationPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('flightShipment','destinationPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].destinationPort\"\n                  label=\"Destination Port\"\n                  v-model=\"props.modelValue.flightShipment.destinationPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'finalDestination' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('flightShipment','finalDestinationId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].finalDestination\"\n                  label=\"Final Destination\"\n                  v-model=\"props.modelValue.flightShipment.finalDestination\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.flightShipment.awbMaster\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].awbMaster\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'awbMaster' )\"\n                  label=\"AWB Master\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.flightShipment.ucrNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].ucrNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'ucrNumber' )\"\n                  label=\"UCR Number\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.flightShipment.hawb\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].hawb\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'hawb' )\"\n                  label=\"HAWB Number\">\n              </TextInput>\n              <CheckBox\n                  v-model=\"props.modelValue.flightShipment.directFlight\"\n                  label=\"Direct Flight\"\n                  :labelWidth=\"100\">\n              </CheckBox>\n            </div>\n            <div class=\"global-css_vertical-form-layout\">\n              <TextInput\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  v-model=\"props.modelValue.flightShipment.departingFlightNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].departingFlightNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'departingFlightNumber' )\"\n                  label=\"Departing Flight No.\">\n              </TextInput>\n              <TextInput\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  v-model=\"props.modelValue.flightShipment.arrivingFlightNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].arrivingFlightNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'arrivingFlightNumber' )\"\n                  label=\"Arriving Flight No.\">\n              </TextInput>\n              <TextInput\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  v-model=\"props.modelValue.flightShipment.customerRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRef' )\"\n                  label=\"Customer Ref\">\n              </TextInput>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'terms' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].terms\"\n                  label=\"Terms\"\n                  v-model=\"props.modelValue.flightShipment.terms\"\n                  :data-source=\"props.modelValue.metaData.terms\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'serviceType' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].serviceType\"\n                  label=\"Service Type\"\n                  v-model=\"props.modelValue.flightShipment.serviceType\"\n                  :data-source=\"props.modelValue.metaData.serviceTypes\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :width=\"75\"\n                    :labelWidth=\"128\"\n                    v-model=\"props.modelValue.flightShipment.shipmentValue\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentValue\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentValue' )\"\n                    label=\"Value\">\n                </TextInput>\n                <MultiSearchDropDown\n                    :width=\"228\"\n                    :labelWidth=\"62\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'currency' )\"\n                    :allowCustomValue=\"false\"\n                    :selectPrimitiveValue=\"true\"\n                    placeholder=\"Search or Select....\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].currency\"\n                    label=\"Currency\"\n                    v-model=\"props.modelValue.flightShipment.currency\"\n                    :data-source=\"props.modelValue.metaData.currencies\">\n                </MultiSearchDropDown>\n              </div>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'commodity' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].commodity\"\n                  v-model=\"props.modelValue.flightShipment.commodity\"\n                  label=\"Commodity\">\n              </DropDownTextArea>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'remarks' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].remarks\"\n                  v-model=\"props.modelValue.flightShipment.remarks\"\n                  label=\"Additional Remarks\">\n              </DropDownTextArea>\n            </div>\n            <div class=\"cmp-multi-booking_date-area\">\n              <div class=\"global-flex-layout cmp-multi-booking_date-area-headings\">\n                <div>Estimated Dates</div>\n                <div>Actual Dates</div>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 35px;\">\n                <DateInput\n                    v-model=\"props.modelValue.flightShipment.estimatedPickupDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :labelWidth=\"70\"\n                    label=\"Pickup\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.estimatedPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupTime\"\n                    v-model=\"props.modelValue.flightShipment.estimatedPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.flightShipment.actualPickupDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.actualPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.flightShipment.actualPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.flightShipment.estimatedDepartureDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Departure\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.estimatedDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureTime\"\n                    v-model=\"props.modelValue.flightShipment.estimatedDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.flightShipment.actualDepartureDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.actualDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.flightShipment.actualDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.flightShipment.estimatedArrivalDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Arrival\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.estimatedArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalTime\"\n                    v-model=\"props.modelValue.flightShipment.estimatedArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.flightShipment.actualArrivalDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.actualArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.flightShipment.actualArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.flightShipment.estimatedDeliveryDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Delivery\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.estimatedDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryTime\"\n                    v-model=\"props.modelValue.flightShipment.estimatedDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.flightShipment.actualDeliveryDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.flightShipment.actualDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.flightShipment.actualDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <!--              <div class=\"cmp-multi-booking_drop-down-buttons\" style=\"bottom: 3px;\">-->\n              <!--                <Button @click=\"handleTileSelection('flightShipment')\" text=\"Close\" type=\"toolbar\"></Button>-->\n              <!--                <Button @click=\"handleValidateAndClose('flightShipment')\" text=\"OK\"></Button>-->\n              <!--              </div>-->\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.seaShipment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <div class=\"global-css_vertical-form-layout\">\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'placeOfReceipt' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('seaShipment','placeOfReceiptId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].placeOfReceipt\"\n                  label=\"Place Of Receipt\"\n                  v-model=\"props.modelValue.seaShipment.placeOfReceipt\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'originPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('seaShipment','originPortId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].originPort\"\n                  label=\"Origin Port\"\n                  v-model=\"props.modelValue.seaShipment.originPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'destinationPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('seaShipment','destinationPortId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].destinationPort\"\n                  label=\"Destination Port\"\n                  v-model=\"props.modelValue.seaShipment.destinationPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'finalDestination' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('seaShipment','finalDestinationId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].finalDestination\"\n                  label=\"Final Destination\"\n                  v-model=\"props.modelValue.seaShipment.finalDestination\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.seaShipment.bolNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].bolNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'bolNumber' )\"\n                  label=\"Bill Of Lading No.\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.seaShipment.carrierName\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].carrierName\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'carrierName' )\"\n                  label=\"Carrier Name\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.seaShipment.vesselName\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].vesselName\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'vesselName' )\"\n                  label=\"Vessel Name\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.seaShipment.voyageNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].voyageNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'voyageNumber' )\"\n                  label=\"Voyage Number\">\n              </TextInput>\n            </div>\n            <div class=\"global-css_vertical-form-layout\">\n              <TextInput\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  v-model=\"props.modelValue.seaShipment.customerRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRef' )\"\n                  label=\"Customer Ref\">\n              </TextInput>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'terms' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].terms\"\n                  label=\"Terms\"\n                  v-model=\"props.modelValue.seaShipment.terms\"\n                  :data-source=\"props.modelValue.metaData.terms\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'serviceType' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].serviceType\"\n                  label=\"Service Type\"\n                  v-model=\"props.modelValue.seaShipment.serviceType\"\n                  :data-source=\"props.modelValue.metaData.serviceTypes\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  v-model=\"props.modelValue.seaShipment.notifyParty\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].notifyParty\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'notifyParty' )\"\n                  label=\"Notify Party\">\n              </TextInput>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'notifyPartyAddress' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].notifyPartyAddress\"\n                  v-model=\"props.modelValue.seaShipment.notifyPartyAddress\"\n                  label=\"Notify Address\">\n              </DropDownTextArea>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :width=\"75\"\n                    :labelWidth=\"120\"\n                    v-model=\"props.modelValue.seaShipment.shipmentValue\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentValue\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentValue' )\"\n                    label=\"Value\">\n                </TextInput>\n                <MultiSearchDropDown\n                    :width=\"220\"\n                    :labelWidth=\"70\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'currency' )\"\n                    :allowCustomValue=\"false\"\n                    :selectPrimitiveValue=\"true\"\n                    placeholder=\"Search or Select....\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].currency\"\n                    label=\"Currency\"\n                    v-model=\"props.modelValue.seaShipment.currency\"\n                    :data-source=\"props.modelValue.metaData.currencies\">\n                </MultiSearchDropDown>\n              </div>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"120\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'marksNumbers' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].marksNumbers\"\n                  v-model=\"props.modelValue.seaShipment.marksNumbers\"\n                  label=\"Marks & Numbers\">\n              </DropDownTextArea>\n              <div class=\"global-flex-layout\">\n                <DropDownTextArea\n                    :width=\"123\"\n                    :textAreaWidth=\"380\"\n                    :labelWidth=\"120\"\n                    :maxLength=\"10\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'commodity' )\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].commodity\"\n                    v-model=\"props.modelValue.seaShipment.commodity\"\n                    label=\"Commodity\">\n                </DropDownTextArea>\n                <DropDownTextArea\n                    :width=\"118\"\n                    :textAreaWidth=\"300\"\n                    :labelWidth=\"125\"\n                    :maxLength=\"10\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'remarks' )\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].remarks\"\n                    v-model=\"props.modelValue.seaShipment.remarks\"\n                    label=\"Additional Remarks\">\n                </DropDownTextArea>\n              </div>\n            </div>\n            <div class=\"cmp-multi-booking_date-areas\" style=\"width: 620px;\">\n              <Tabs v-model:selectedTab=\"props.modelValue.tabSelect\">\n                <TabsContent\n                    style=\"margin-left: 30px\"\n                    icon=\"fa-regular fa-calendar-days\"\n                    name=\"Dates\"\n                    :selectedTab=\"props.modelValue.tabSelect\">\n                  <div class=\"global-flex-layout cmp-multi-booking_date-area-headings\"\n                       style=\"margin-bottom: -10px;\">\n                    <div>Estimated Dates</div>\n                    <div>Actual Dates</div>\n                  </div>\n                  <div class=\"global-flex-layout\" style=\"margin-top: 35px;\">\n                    <DateInput\n                        v-model=\"props.modelValue.seaShipment.estimatedPickupDate\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupDate\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate')\"\n                        :labelWidth=\"70\"\n                        label=\"Pickup\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.estimatedPickupDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupTime' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupTime')\"\n                        placeholder=\"Time\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupTime\"\n                        v-model=\"props.modelValue.seaShipment.estimatedPickupTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                    <DateInput\n                        style=\"margin-left: 10px;\"\n                        v-model=\"props.modelValue.seaShipment.actualPickupDate\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.actualPickupDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :labelTop=\"true\"\n                        placeholder=\"Time\"\n                        v-model=\"props.modelValue.seaShipment.actualPickupTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                  </div>\n                  <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                    <DateInput\n                        v-model=\"props.modelValue.seaShipment.estimatedDepartureDate\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureDate\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate')\"\n                        :labelWidth=\"70\"\n                        label=\"Departure\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.estimatedDepartureDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime')\"\n                        placeholder=\"Time\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureTime\"\n                        v-model=\"props.modelValue.seaShipment.estimatedDepartureTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                    <DateInput\n                        style=\"margin-left: 10px;\"\n                        v-model=\"props.modelValue.seaShipment.actualDepartureDate\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.actualDepartureDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :labelTop=\"true\"\n                        placeholder=\"Time\"\n                        v-model=\"props.modelValue.seaShipment.actualDepartureTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                  </div>\n                  <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                    <DateInput\n                        v-model=\"props.modelValue.seaShipment.estimatedArrivalDate\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalDate\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate')\"\n                        :labelWidth=\"70\"\n                        label=\"Arrival\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.estimatedArrivalDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime')\"\n                        placeholder=\"Time\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalTime\"\n                        v-model=\"props.modelValue.seaShipment.estimatedArrivalTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                    <DateInput\n                        style=\"margin-left: 10px;\"\n                        v-model=\"props.modelValue.seaShipment.actualArrivalDate\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.actualArrivalDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :labelTop=\"true\"\n                        placeholder=\"Time\"\n                        v-model=\"props.modelValue.seaShipment.actualArrivalTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                  </div>\n                  <div class=\"global-flex-layout\" style=\"height: 35px;\">\n                    <DateInput\n                        v-model=\"props.modelValue.seaShipment.estimatedDeliveryDate\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryDate\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate')\"\n                        :labelWidth=\"70\"\n                        label=\"Delivery\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.estimatedDeliveryDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime' )\"\n                        :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime')\"\n                        placeholder=\"Time\"\n                        v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryTime\"\n                        v-model=\"props.modelValue.seaShipment.estimatedDeliveryTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                    <DateInput\n                        style=\"margin-left: 10px;\"\n                        v-model=\"props.modelValue.seaShipment.actualDeliveryDate\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          v-model=\"props.modelValue.seaShipment.actualDeliveryDate\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <MultiSearchDropDown\n                        style=\"margin-left: 10px;\"\n                        :width=\"60\"\n                        :labelTop=\"true\"\n                        placeholder=\"Time\"\n                        v-model=\"props.modelValue.seaShipment.actualDeliveryTime\"\n                        :selectPrimitiveValue=\"true\"\n                        :disableFilter=\"true\"\n                        :data-source=\"useTimeGenerator(24)\">\n                    </MultiSearchDropDown>\n                  </div>\n                </TabsContent>\n                <TabsContent\n                    icon=\"fa-regular fa-truck-container\"\n                    name=\"Containers\"\n                    :selectedTab=\"props.modelValue.tabSelect\">\n                <span class=\"cmp-multi-booking_dims-message\" style=\"margin-left: 0\">\n                Complete all fields to add a container\n              </span>\n                  <ContainerMultiEntry\n                      style=\"margin-top: 10px;\"\n                      :containers=\"props.modelValue.metaData.containerTypes\"\n                      v-model=\"props.modelValue.seaShipment.containers\">\n                  </ContainerMultiEntry>\n                </TabsContent>\n              </Tabs>\n              <!--              <div class=\"cmp-multi-booking_drop-down-buttons\" style=\"bottom: 3px; right: 30px\">-->\n              <!--                <Button @click=\"handleTileSelection('seaShipment')\" text=\"Close\" type=\"toolbar\"></Button>-->\n              <!--                <Button @click=\"handleValidateAndClose('seaShipment')\" text=\"OK\"></Button>-->\n              <!--              </div>-->\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.roadShipment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-truck cmp-multi-booking_tile-icon\"></i>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-top: 20px\">\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'placeOfReceipt' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('roadShipment','placeOfReceiptId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].placeOfReceipt\"\n                  label=\"Place Of Receipt\"\n                  v-model=\"props.modelValue.roadShipment.placeOfReceipt\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'originPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('roadShipment','originPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].originPort\"\n                  label=\"Origin Port\"\n                  v-model=\"props.modelValue.roadShipment.originPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'destinationPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('roadShipment','destinationPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].destinationPort\"\n                  label=\"Destination Port\"\n                  v-model=\"props.modelValue.roadShipment.destinationPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'finalDestination' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('roadShipment','finalDestinationId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].finalDestination\"\n                  label=\"Final Destination\"\n                  v-model=\"props.modelValue.roadShipment.finalDestination\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.roadShipment.customerRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRef' )\"\n                  label=\"Customer Ref\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.roadShipment.sealNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].sealNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'sealNumber' )\"\n                  label=\"Seal Number\">\n              </TextInput>\n            </div>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-top: 20px\">\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'terms' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].terms\"\n                  label=\"Terms\"\n                  v-model=\"props.modelValue.roadShipment.terms\"\n                  :data-source=\"props.modelValue.metaData.terms\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'serviceType' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].serviceType\"\n                  label=\"Service Type\"\n                  v-model=\"props.modelValue.roadShipment.serviceType\"\n                  :data-source=\"props.modelValue.metaData.serviceTypes\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :width=\"75\"\n                    :labelWidth=\"128\"\n                    v-model=\"props.modelValue.roadShipment.shipmentValue\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentValue\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentValue' )\"\n                    label=\"Value\">\n                </TextInput>\n                <MultiSearchDropDown\n                    :width=\"228\"\n                    :labelWidth=\"62\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'currency' )\"\n                    :allowCustomValue=\"false\"\n                    :selectPrimitiveValue=\"true\"\n                    placeholder=\"Search or Select....\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].currency\"\n                    label=\"Currency\"\n                    v-model=\"props.modelValue.roadShipment.currency\"\n                    :data-source=\"props.modelValue.metaData.currencies\">\n                </MultiSearchDropDown>\n              </div>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'commodity' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].commodity\"\n                  v-model=\"props.modelValue.roadShipment.commodity\"\n                  label=\"Commodity\">\n              </DropDownTextArea>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'remarks' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].remarks\"\n                  v-model=\"props.modelValue.roadShipment.remarks\"\n                  label=\"Additional Remarks\">\n              </DropDownTextArea>\n            </div>\n            <div class=\"cmp-multi-booking_date-area\">\n              <div class=\"global-flex-layout cmp-multi-booking_date-area-headings\">\n                <div>Estimated Dates</div>\n                <div>Actual Dates</div>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 35px;\">\n                <DateInput\n                    v-model=\"props.modelValue.roadShipment.estimatedPickupDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :labelWidth=\"70\"\n                    label=\"Pickup\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.estimatedPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupTime\"\n                    v-model=\"props.modelValue.roadShipment.estimatedPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.roadShipment.actualPickupDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.actualPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.roadShipment.actualPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.roadShipment.estimatedDepartureDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Departure\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.estimatedDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureTime\"\n                    v-model=\"props.modelValue.roadShipment.estimatedDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.roadShipment.actualDepartureDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.actualDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.roadShipment.actualDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.roadShipment.estimatedArrivalDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Arrival\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.estimatedArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalTime\"\n                    v-model=\"props.modelValue.roadShipment.estimatedArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.roadShipment.actualArrivalDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.actualArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.roadShipment.actualArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.roadShipment.estimatedDeliveryDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Delivery\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.estimatedDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryTime\"\n                    v-model=\"props.modelValue.roadShipment.estimatedDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.roadShipment.actualDeliveryDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.roadShipment.actualDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.roadShipment.actualDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <!--              <div class=\"cmp-multi-booking_drop-down-buttons\" style=\"bottom: 3px;\">-->\n              <!--                <Button @click=\"handleTileSelection('roadShipment')\" text=\"Close\" type=\"toolbar\"></Button>-->\n              <!--                <Button @click=\"handleValidateAndClose('roadShipment')\" text=\"OK\"></Button>-->\n              <!--              </div>-->\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.railShipment\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-train cmp-multi-booking_tile-icon\"></i>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-top: 20px\">\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'placeOfReceipt' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('railShipment','placeOfReceiptId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].placeOfReceipt\"\n                  label=\"Place Of Receipt\"\n                  v-model=\"props.modelValue.railShipment.placeOfReceipt\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'originPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('railShipment','originPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].originPort\"\n                  label=\"Origin Port\"\n                  v-model=\"props.modelValue.railShipment.originPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'destinationPort' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('railShipment','destinationPortId', $event.id)\"\n                  searchType=\"iata\"\n                  placeholder=\"Search IATA code....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].destinationPort\"\n                  label=\"Destination Port\"\n                  v-model=\"props.modelValue.railShipment.destinationPort\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'finalDestination' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  :useServerSearch=\"true\"\n                  @select=\"setPortId('railShipment','finalDestinationId', $event.id)\"\n                  searchType=\"unlocode\"\n                  placeholder=\"Search UNLOCODE....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].finalDestination\"\n                  label=\"Final Destination\"\n                  v-model=\"props.modelValue.railShipment.finalDestination\">\n              </MultiSearchDropDown>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.railShipment.customerRef\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].customerRef\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'customerRef' )\"\n                  label=\"Customer Ref\">\n              </TextInput>\n              <TextInput\n                  :width=\"300\"\n                  :labelWidth=\"110\"\n                  v-model=\"props.modelValue.railShipment.sealNumber\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].sealNumber\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'sealNumber' )\"\n                  label=\"Seal Number\">\n              </TextInput>\n            </div>\n            <div class=\"global-css_vertical-form-layout\" style=\"padding-top: 20px\">\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'terms' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].terms\"\n                  label=\"Terms\"\n                  v-model=\"props.modelValue.railShipment.terms\"\n                  :data-source=\"props.modelValue.metaData.terms\">\n              </MultiSearchDropDown>\n              <MultiSearchDropDown\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'serviceType' )\"\n                  :allowCustomValue=\"false\"\n                  :selectPrimitiveValue=\"true\"\n                  placeholder=\"Search or Select....\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].serviceType\"\n                  label=\"Service Type\"\n                  v-model=\"props.modelValue.railShipment.serviceType\"\n                  :data-source=\"props.modelValue.metaData.serviceTypes\">\n              </MultiSearchDropDown>\n              <div class=\"global-flex-layout\">\n                <TextInput\n                    :width=\"75\"\n                    :labelWidth=\"128\"\n                    v-model=\"props.modelValue.railShipment.shipmentValue\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].shipmentValue\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'shipmentValue' )\"\n                    label=\"Value\">\n                </TextInput>\n                <MultiSearchDropDown\n                    :width=\"228\"\n                    :labelWidth=\"62\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'currency' )\"\n                    :allowCustomValue=\"false\"\n                    :selectPrimitiveValue=\"true\"\n                    placeholder=\"Search or Select....\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].currency\"\n                    label=\"Currency\"\n                    v-model=\"props.modelValue.railShipment.currency\"\n                    :data-source=\"props.modelValue.metaData.currencies\">\n                </MultiSearchDropDown>\n              </div>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'commodity' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].commodity\"\n                  v-model=\"props.modelValue.railShipment.commodity\"\n                  label=\"Commodity\">\n              </DropDownTextArea>\n              <DropDownTextArea\n                  :width=\"380\"\n                  :labelWidth=\"128\"\n                  :maxLength=\"42\"\n                  :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'remarks' )\"\n                  v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].remarks\"\n                  v-model=\"props.modelValue.railShipment.remarks\"\n                  label=\"Additional Remarks\">\n              </DropDownTextArea>\n            </div>\n            <div class=\"cmp-multi-booking_date-area\">\n              <div class=\"global-flex-layout cmp-multi-booking_date-area-headings\">\n                <div>Estimated Dates</div>\n                <div>Actual Dates</div>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 35px;\">\n                <DateInput\n                    v-model=\"props.modelValue.railShipment.estimatedPickupDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupDate' )\"\n                    :labelWidth=\"70\"\n                    label=\"Pickup\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.estimatedPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedPickupTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedPickupTime\"\n                    v-model=\"props.modelValue.railShipment.estimatedPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.railShipment.actualPickupDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.actualPickupDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.railShipment.actualPickupTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.railShipment.estimatedDepartureDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Departure\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.estimatedDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDepartureTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDepartureTime\"\n                    v-model=\"props.modelValue.railShipment.estimatedDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.railShipment.actualDepartureDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.actualDepartureDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.railShipment.actualDepartureTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.railShipment.estimatedArrivalDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Arrival\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.estimatedArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedArrivalTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedArrivalTime\"\n                    v-model=\"props.modelValue.railShipment.estimatedArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.railShipment.actualArrivalDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.actualArrivalDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.railShipment.actualArrivalTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <div class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                <DateInput\n                    v-model=\"props.modelValue.railShipment.estimatedDeliveryDate\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryDate\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryDate')\"\n                    :labelWidth=\"70\"\n                    label=\"Delivery\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.estimatedDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    placeholder=\"Time\"\n                    :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime' )\"\n                    :highlightRequiredBackground=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'estimatedDeliveryTime')\"\n                    v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].estimatedDeliveryTime\"\n                    v-model=\"props.modelValue.railShipment.estimatedDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n                <DateInput\n                    style=\"margin-left: 10px;\"\n                    v-model=\"props.modelValue.railShipment.actualDeliveryDate\">\n                  <el-date-picker\n                      :clearable=\"false\"\n                      v-model=\"props.modelValue.railShipment.actualDeliveryDate\"\n                      value-format=\"DD-MMM-YY\"/>\n                </DateInput>\n                <MultiSearchDropDown\n                    style=\"margin-left: 10px;\"\n                    :width=\"60\"\n                    :labelTop=\"true\"\n                    placeholder=\"Time\"\n                    v-model=\"props.modelValue.railShipment.actualDeliveryTime\"\n                    :selectPrimitiveValue=\"true\"\n                    :disableFilter=\"true\"\n                    :data-source=\"useTimeGenerator(24)\">\n                </MultiSearchDropDown>\n              </div>\n              <!--              <div class=\"cmp-multi-booking_drop-down-buttons\" style=\"bottom: 3px;\">-->\n              <!--                <Button @click=\"handleTileSelection('roadShipment')\" text=\"Close\" type=\"toolbar\"></Button>-->\n              <!--                <Button @click=\"handleValidateAndClose('roadShipment')\" text=\"OK\"></Button>-->\n              <!--              </div>-->\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.dimensions\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <div id=\"flex-area-one\">\n              <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\n                <i class=\"fa-thin fa-box-open cmp-multi-booking_tile-icon\" style=\"margin-right: 20px;\"></i>\n                <div class=\"label\" style=\"display: flex; align-items: center;\">Packaging Details\n                  <span class=\"cmp-multi-booking_dims-message\">\n                  Pieces, Length, Width & Height are required to add a line of dims\n                </span>\n                </div>\n              </div>\n              <DimensionsEntry\n                  @entry-update=\"getChargeableWeightCalculation\"\n                  :packaging=\"props.modelValue.metaData.packagingTypes\"\n                  :validationFail=\"props.modelValue.tileValidation.dimensions\"\n                  :requiredFields=\"props.modelValue.metaData.validatedFields\"\n                  v-model=\"props.modelValue.dimensions.multiLineDims\">\n              </DimensionsEntry>\n            </div>\n            <div id=\"flex-area-two\" style=\"margin-left: 100px;\">\n              <div style=\"display:flex; align-items: center; padding:5px;\" class=\"label\">Dims Totals\n                <span class=\"cmp-multi-booking_dims-message\">You may enter your own pieces and weight.</span>\n              </div>\n              <div class=\"cmp-multi-booking_dims-totals\">\n                <div class=\"label\" style=\"margin-bottom: 14px; display: flex; align-items: center;\">\n                  <span style=\"font-weight: normal;\">Unit Of Measure</span>\n                  <span style=\"margin-left: 58px;\">\n                      <el-switch\n                          v-model=\"props.modelValue.unitOfMeasureSwitch\"\n                          size=\"small\"\n                          active-text=\"lbs / inches\"\n                          inactive-text=\"kg / cms\"\n                          style=\"--el-switch-on-color:var(--aqua-blue-definition); --el-switch-off-color: var(--aqua-blue-definition)\"/>\n                  </span>\n                </div>\n                <div style=\"display:flex;\">\n                  <NumberOnlyInput\n                      :width=\"80\"\n                      :label-width=\"50\"\n                      label=\"Pieces\"\n                      v-model=\"props.modelValue.dimensions.totalPieces\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].totalPieces\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'totalPieces' )\">\n                  </NumberOnlyInput>\n                  <NumberOnlyInput\n                      style=\"margin-left: 14px;\"\n                      :width=\"80\"\n                      :disable=\"allowWeightEntry\"\n                      :label-width=\"88\"\n                      label=\"Gross Weight\"\n                      v-model=\"props.modelValue.dimensions.totalWeight\"\n                      v-model:validation-fail=\"validationViewModel[props.validationViewModelSection].totalWeight\"\n                      :requiredField=\"useGetValidatedFields( props.modelValue.metaData.validatedFields, 'totalWeight' )\">\n                  </NumberOnlyInput>\n                  <TextInput\n                      v-if=\"route.params.section === 'Road' || route.params.section === 'Rail'\"\n                      style=\"margin-left: 14px;\"\n                      :width=\"80\"\n                      :readonly=\"true\"\n                      :label-width=\"110\"\n                      v-model=\"props.modelValue.dimensions.chargeableWeight\"\n                      label=\"Chargeable Weight\">\n                  </TextInput>\n                </div>\n                <div v-if=\"route.params.section !== 'Air'\" class=\"global-flex-layout\" style=\"margin-top: 5px;\">\n                  <NumberOnlyInput\n                      :width=\"80\"\n                      :allowDecimal=\"true\"\n                      :label-width=\"50\"\n                      v-model=\"props.modelValue.dimensions.cube\"\n                      label=\"Cube\">\n                  </NumberOnlyInput>\n                  <div class=\"label\" style=\"display: flex; align-items: center;\">\n                  <span style=\"margin-left: 10px;\">\n                      <el-switch\n                          v-model=\"props.modelValue.cubeUnitSwitch\"\n                          size=\"small\"\n                          active-text=\"feet\"\n                          inactive-text=\"meters\"\n                          style=\"--el-switch-on-color: #50ac9a; --el-switch-off-color: #50ac9a\"/>\n                  </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"props.modelValue.tileSelection.documents\" class=\"cmp-multi-booking_drop-down\">\n          <div class=\"cmp-multi-booking_input-container cmp-multi-booking_add-border\">\n            <i class=\"fa-thin fa-folder-upload\" style=\"font-size: 40px; color: #ecbf50\"></i>\n            <div class=\"cmp-multi-booking_upload-area-wrapper\">\n              <div class=\"cmp-multi-booking_upload-area-container\">\n                <div class=\"cmp-multi-booking_upload-button-area\"><span class=\"label\">Upload Documents</span>\n                  <span class=\"cmp-multi-booking_dims-message\"> Accepted file types: PDF, png, txt</span>\n                  <div style=\"margin-top: 20px\">\n                    <Button text=\"Select\" @click=\"handleUpload\"></Button>\n                    <span style=\"margin-left: 20px; font-size: 11px;\">\n                    You may add multiple files by using ctrl and click in the file window</span>\n                  </div>\n                  <div v-if=\"uploadFileSizeError\" class=\"cmp-multi-booking_file-error-area\">\n                    {{ uploadFileSizeErrorMessage }}\n                  </div>\n                </div>\n                <input :key=\"updateFileInput\" v-show=\"false\" ref=\"uploadButton\" type=\"file\" accept=\".txt,.pdf,.png\"\n                       multiple @change=\"handleUploadedFiles($event.target.files)\"/>\n                <div class=\"cmp-multi-booking_uploaded-file-list-area\">\n                  <span class=\"label\">Current Documents</span>\n                  <span class=\"cmp-multi-booking_dims-message\">\n                  <i class=\"fa-sharp fa-solid fa-xmark\" style=\"color: darkred;\"></i> Removes from the list</span>\n                  <div class=\"cmp-multi-booking_uploaded-files-list\">\n                    <div v-for=\"(item, index) in props.modelValue.files\" class=\"cmp-multi-booking_uploaded-files-items\">\n                      {{ item.fileName }}\n                      <div @click=\"handleRemoveDocument(index)\">\n                        <i class=\"fa-sharp fa-solid fa-xmark\"\n                           style=\"color: darkred; cursor: pointer; font-size: 20px;\"></i>\n                      </div>\n                    </div>\n                    <div v-if=\"props.modelValue.files.length === 0\" class=\"global-no-data-placeholder\"\n                         style=\"display: flex; align-items: center; justify-content: center; height: 130px; font-size: 12px;\">\n                      No Current Documents\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <!--          <div class=\"cmp-multi-booking_drop-down-buttons\">-->\n          <!--            <Button @click=\"handleTileSelection('documents')\" text=\"Close\" type=\"toolbar\"></Button>-->\n          <!--          </div>-->\n        </div>\n      </div>\n      <div class=\"cmp-multi-booking_summary-section\">\n        <StaticWidget title=\"Booking Summary\" height=\"250\" background=\"#fdfdfd\">\n          <template #icon><i class=\"fa-regular fa-memo-circle-info\" style=\"color: #21426b\"></i></template>\n          <div class=\"cmp-multi-booking_summary-wrapper\">\n            <div>\n              <BookingSummaryDisplay displayType=\"address\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-earth-americas\"></i></template>\n                <template #title>Shipper</template>\n                <template v-if=\"props.modelValue.shipper.shipperName\" #heading>\n                  <div>{{ props.modelValue.shipper.shipperName.substring(0, 35) ?? '' }}\n                    <span>\n                      <StaticTooltip :icon=\"false\">\n                        <template #content>\n                          <div style=\"min-width: 100px\"><div\n                              style=\"color: var(--aqua-blue-definition); margin-bottom: 5px;\">Address Information</div>\n                            <div><strong>{{ props.modelValue.shipper.shipperName }}</strong></div>\n                            <div>{{ props.modelValue.shipper.shipperAddressLine1 }}</div>\n                            <div>{{ props.modelValue.shipper.shipperAddressLine2 }}</div>\n                            <div>{{ props.modelValue.shipper.shipperCity }}</div>\n                            <div>{{ props.modelValue.shipper.shipperPostcode }}</div>\n                            <div>{{ props.modelValue.shipper.shipperCounty }}</div>\n                            <div>{{ props.modelValue.shipper.shipperCountry }}</div>\n                            <div style=\"margin-top: 3px; color: #696969;\">VAT No. {{\n                                props.modelValue.shipper.shipperVatNumber\n                              }}</div>\n                          </div>\n                        </template>\n              <i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i>\n                    </StaticTooltip>\n                  </span>\n                  </div>\n                </template>\n                <template #second-content v-if=\"props.modelValue.shipper.shipperContactFirstName?.substring(0, 30)\">\n                  <i class=\"fa-duotone fa-user-large\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 10px;\"></i>\n                  <span> {{\n                      props.modelValue.shipper.shipperContactFirstName + ' '\n                      + props.modelValue.shipper.shipperContactLastName\n                    }}</span>\n                </template>\n                <template #third-content v-if=\"props.modelValue.shipper.shipperContactPhone\">\n                  <i class=\"fa-duotone fa-square-phone\"\n                     style=\"font-size: 12px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.shipper.shipperContactPhone }}</span>\n                </template>\n                <template #fourth-content v-if=\"props.modelValue.shipper.shipperContactEmail\">\n                  <i class=\"fa-duotone fa-envelope\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.shipper.shipperContactEmail }}</span>\n                </template>\n                <template #placeholder v-if=\"!useCheckFieldsForData(props.modelValue.shipper)\">\n                  <div style=\"margin-top: 14px;\"><img :src=\"getPlaceholder\"/></div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div>\n              <BookingSummaryDisplay displayType=\"address\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-clipboard-check\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Consignee</template>\n                <template v-if=\"props.modelValue.consignee.consigneeName\" #heading>\n                  <div>{{ props.modelValue.consignee.consigneeName.substring(0, 35) ?? '' }}\n                    <span>\n                      <StaticTooltip :icon=\"false\">\n                  <template #content>\n                    <div style=\"min-width: 100px\"><div style=\"color: var(--aqua-blue-definition); margin-bottom: 5px;\">Address Information</div>\n                      <div><strong>{{ props.modelValue.consignee.consigneeName }}</strong></div>\n                      <div>{{ props.modelValue.consignee.consigneeAddressLine1 }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeAddressLine2 }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCity }}</div>\n                      <div>{{ props.modelValue.consignee.consigneePostcode }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCounty }}</div>\n                      <div>{{ props.modelValue.consignee.consigneeCountry }}</div>\n                      <div style=\"margin-top: 3px; color: #696969;\">VAT No. {{\n                          props.modelValue.consignee.consigneeVatNumber\n                        }}</div>\n                    </div>\n                  </template>\n              <i class=\"fa fa-info-circle\" style=\"color: var(--info-icon-color); margin-left: 6px;\"></i>\n                </StaticTooltip>\n                  </span>\n                  </div>\n                </template>\n                <template #second-content v-if=\"props.modelValue.consignee.consigneeContactFirstName\">\n                  <i class=\"fa-duotone fa-user-large\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 10px;\"></i>\n                  <span> {{\n                      props.modelValue.consignee.consigneeContactFirstName + ' '\n                      + props.modelValue.consignee.consigneeContactLastName\n                    }}</span>\n                </template>\n                <template #third-content v-if=\"props.modelValue.consignee.consigneeContactPhone\">\n                  <i class=\"fa-duotone fa-square-phone\"\n                     style=\"font-size: 12px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.consignee.consigneeContactPhone }}</span>\n                </template>\n                <template #fourth-content v-if=\"props.modelValue.consignee.consigneeContactEmail\">\n                  <i class=\"fa-duotone fa-envelope\"\n                     style=\"font-size: 11px; color: var(--aqua-blue-definition); margin-right: 11px;\"></i>\n                  <span> {{ props.modelValue.consignee.consigneeContactEmail }}</span>\n                </template>\n                <template #placeholder v-if=\"!useCheckFieldsForData(props.modelValue.consignee)\">\n                  <div style=\"margin-top: 14px;\"><img :src=\"getPlaceholder\"/></div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n          </div>\n          <div style=\"margin-left: 20px;\">\n            <div v-if=\"route.params.section === 'Air'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Shipment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Customer Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.customerRef\">\n                        {{ useCreateSubstringText(props.modelValue.flightShipment.customerRef, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.flightShipment.customerRef }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Commodity</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.commodity\">\n                        {{ useCreateSubstringText(props.modelValue.flightShipment.commodity, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.flightShipment.commodity }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Remarks</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.remarks\">\n                        {{ useCreateSubstringText(props.modelValue.flightShipment.remarks, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.flightShipment.remarks }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 0 2px 0;\">Value\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.shipmentValue\">\n                        {{ props.modelValue.flightShipment.shipmentValue }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.currency\">\n                        {{ props.modelValue.flightShipment.currency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Air'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Place Of Reciept\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.placeOfReceipt\">\n                        {{ props.modelValue.flightShipment.placeOfReceipt }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Origin Port</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.flightShipment.originPort\">\n                    {{ props.modelValue.flightShipment.originPort }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Destination Port\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.flightShipment.destinationPort\">\n                        {{ props.modelValue.flightShipment.destinationPort }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Pickup Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.flightShipment.estimatedPickupDate\">\n                        {{ props.modelValue.flightShipment.estimatedPickupDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Delivery Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.flightShipment.estimatedDeliveryDate\">\n                        {{ props.modelValue.flightShipment.estimatedDeliveryDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Sea'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Shipment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Customer Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment?.customerRef\">\n                        {{ useCreateSubstringText(props.modelValue.seaShipment?.customerRef, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.seaShipment?.customerRef }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Commodity</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment?.commodity\">\n                        {{ useCreateSubstringText(props.modelValue.seaShipment?.commodity, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.seaShipment?.commodity }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Marks & Numbers\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment?.marksNumbers\">\n                        {{ useCreateSubstringText(props.modelValue.seaShipment?.marksNumbers, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.seaShipment?.marksNumbers }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 0 2px 0;\">Value\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px;\"\n                           v-if=\"props.modelValue.seaShipment?.shipmentValue\">\n                        {{ props.modelValue.seaShipment.shipmentValue }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment?.currency\">{{ props.modelValue.seaShipment.currency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Sea'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Place Of Receipt\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment.placeOfReceipt\">\n                        {{ props.modelValue.seaShipment.placeOfReceipt }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Origin Port</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.seaShipment.originPort\">\n                    {{ props.modelValue.seaShipment.originPort }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Destination Port\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.seaShipment.destinationPort\">\n                        {{ props.modelValue.seaShipment.destinationPort }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Pickup Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.seaShipment.estimatedPickupDate\">\n                        {{ props.modelValue.seaShipment.estimatedPickupDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Delivery Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.seaShipment.estimatedDeliveryDate\">\n                        {{ props.modelValue.seaShipment.estimatedDeliveryDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Road'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Shipment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Customer Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.customerRef\">\n                        {{ useCreateSubstringText(props.modelValue.roadShipment?.customerRef, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.roadShipment?.customerRef }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Seal Number</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.sealNumber\">\n                        {{ useCreateSubstringText(props.modelValue.roadShipment?.sealNumber, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.roadShipment?.sealNumber }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Commodity</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.commodity\">\n                        {{ useCreateSubstringText(props.modelValue.roadShipment?.commodity, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.roadShipment?.commodity }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 0 2px 0;\">Value\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px;\"\n                           v-if=\"props.modelValue.roadShipment?.shipmentValue\">\n                        {{ props.modelValue.roadShipment?.shipmentValue }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.currency\">{{ props.modelValue.roadShipment.currency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Road'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Place Of Receipt\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.placeOfReceipt\">\n                        {{ props.modelValue.roadShipment?.placeOfReceipt }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Origin Port</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.roadShipment?.originPort\">\n                    {{ props.modelValue.roadShipment?.originPort }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Destination Port\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.destinationPort\">\n                        {{ props.modelValue.roadShipment?.destinationPort }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Pickup Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.roadShipment?.estimatedPickupDate\">\n                        {{ props.modelValue.roadShipment?.estimatedPickupDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Delivery Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.roadShipment?.estimatedDeliveryDate\">\n                        {{ props.modelValue.roadShipment?.estimatedDeliveryDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Rail'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-person-dolly-empty\" style=\"margin-left: 5px;\"></i></template>\n                <template #title>Shipment</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Customer Reference\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.customerRef\">\n                        {{ useCreateSubstringText(props.modelValue.railShipment?.customerRef, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.railShipment?.customerRef }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Seal Number</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.sealNumber\">\n                        {{ useCreateSubstringText(props.modelValue.railShipment?.sealNumber, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.railShipment?.sealNumber }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Commodity</div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.commodity\">\n                        {{ useCreateSubstringText(props.modelValue.railShipment?.commodity, 35) }}\n                        <StaticTooltip :icon=\"false\">\n                          <template #content>\n                            <div style=\"max-width: 400px;\">{{ props.modelValue.railShipment?.commodity }}</div>\n                          </template>\n                          <span><i class=\"fa fa-info-circle\"\n                                   style=\"color: var(--info-icon-color); margin-left: 6px;\"></i></span>\n                        </StaticTooltip>\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 0 2px 0;\">Value\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px;\"\n                           v-if=\"props.modelValue.railShipment?.shipmentValue\">\n                        {{ props.modelValue.railShipment?.shipmentValue }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Currency\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.currency\">{{ props.modelValue.railShipment.currency }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width: 100px;\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n            <div v-if=\"route.params.section === 'Rail'\">\n              <BookingSummaryDisplay :width=\"1500\" :highlight=\"tileColor\">\n                <template #icon><i class=\"fa-duotone fa-truck-ramp-box\"></i></template>\n                <template #title>Movement</template>\n                <template #1>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Place Of Receipt\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.placeOfReceipt\">\n                        {{ props.modelValue.railShipment?.placeOfReceipt }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #2>\n                  <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Origin Port</div>\n                  <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                       v-if=\"props.modelValue.railShipment?.originPort\">\n                    {{ props.modelValue.railShipment?.originPort }}\n                  </div>\n                  <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                    <div class=\"data-placeholder\"></div>\n                  </div>\n                </template>\n                <template #3>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Destination Port\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.destinationPort\">\n                        {{ props.modelValue.railShipment?.destinationPort }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n                <template #4>\n                  <div style=\"display: flex; gap:50px;\">\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Pickup Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\" style=\"width: 100px\"\n                           v-if=\"props.modelValue.railShipment?.estimatedPickupDate\">\n                        {{ props.modelValue.railShipment?.estimatedPickupDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                    <div>\n                      <div class=\"cmp-multi-booking_summary-label\" style=\"padding: 20px 10px 2px 0;\">Est Delivery Date\n                      </div>\n                      <div class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\"\n                           v-if=\"props.modelValue.railShipment?.estimatedDeliveryDate\">\n                        {{ props.modelValue.railShipment?.estimatedDeliveryDate }}\n                      </div>\n                      <div v-else class=\"cmp-multi-booking_summary-label cmp-multi-booking_summary-data\">\n                        <div class=\"data-placeholder\" style=\"width:100px\"></div>\n                      </div>\n                    </div>\n                  </div>\n                </template>\n              </BookingSummaryDisplay>\n            </div>\n          </div>\n        </StaticWidget>\n      </div>\n    </StaticWidget>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n@import '@/css/booking/multi-booking.scss';\n\n.cmp-multi-booking {\n\n  &_drop-down {\n    height: 270px;\n    padding-top: 20px;\n  }\n\n  &_top-bar {\n    height: 40px;\n    padding-left: 20px;\n    display: flex;\n    align-items: center;\n    background-color: var(--body-bg);\n    border-radius: var(--rounded-corners);\n  }\n\n  &_summary-wrapper {\n    margin-top: 3px;\n  }\n\n  &_summary-section {\n    margin: 0;\n  }\n\n  &_date-area {\n    height: 220px;\n    width: 480px;\n    padding: 10px;\n    //border: 1px solid var(--border-color);\n    border-radius: var(--rounded-corners);\n    background-color: #f2f8fc;\n  }\n\n  &_date-area-headings {\n    font-size: 14px;\n    font-weight: bold;\n    margin-left: 120px;\n    gap: 110px;\n    color: #5b5b5b;\n  }\n\n  &_add-border {\n    border-left: 6px solid v-bind(tileColor);\n  }\n}\n\n</style>\n","import script from \"./MultiPreJob.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MultiPreJob.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MultiPreJob.vue?vue&type=style&index=0&id=67d29d84&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-67d29d84\"]])\n\nexport default __exports__","<script setup>\n\nimport MultiPreJob from \"@/components/bookings/MultiPreJob\"\nimport {inject, ref, computed, onMounted} from 'vue';\n\nimport {useRoute} from \"vue-router\";\nimport {useRouter} from 'vue-router';\nimport PreJobAirBooking from \"@/classes/viewmodels/PreJobAirBooking\";\nimport PreJobSeaBooking from \"@/classes/viewmodels/PreJobSeaBooking\";\nimport PreJobRoadBooking from \"@/classes/viewmodels/PreJobRoadBooking\";\nimport PreJobRailBooking from \"@/classes/viewmodels/PreJobRailBooking\";\nimport API from \"@/classes/global/API\";\nimport PreJobAirBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\nimport PreJobSeaBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\nimport PreJobRoadBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\nimport PreJobRailBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\n\nconst validationViewModel = inject(\"validationViewModel\");\nconst preJobAirBooking = inject(\"preJobAirBooking\");\nconst preJobSeaBooking = inject(\"preJobSeaBooking\");\nconst preJobRoadBooking = inject(\"preJobRoadBooking\");\nconst preJobRailBooking = inject(\"preJobRailBooking\");\n\nlet editPreJobAir = ref(new PreJobAirBooking());\nlet editPreJobSea = ref(new PreJobSeaBooking());\nlet editPreJobRoad = ref(new PreJobRoadBooking());\nlet editPreJobRail = ref(new PreJobRailBooking());\n\nonMounted(() => {\n\n  if (route.params.id !== 'new') {\n\n    // Must be edit, get the record to display\n    getCompanyToEdit();\n  }\n\n})\n\nconst modeViewModel = computed({\n\n  get() {\n\n    if (route.params.section === 'Air') {\n\n      if (route.params.id === 'new') return preJobAirBooking.value;\n\n      // Clear any validation triggers for new edit data\n      validationViewModel.value.preJobAir = new PreJobAirBookingValidation();\n\n      return editPreJobAir.value;\n    }\n\n    if (route.params.section === 'Sea') {\n\n      if (route.params.id === 'new') return preJobSeaBooking.value;\n\n      validationViewModel.value.preJobSea = new PreJobSeaBookingValidation();\n\n      return editPreJobSea.value;\n    }\n\n    if (route.params.section === 'Road') {\n\n      if (route.params.id === 'new') return preJobRoadBooking.value;\n\n      validationViewModel.value.preJobRoad = new PreJobRoadBookingValidation();\n\n      return editPreJobRoad.value;\n    }\n\n    if (route.params.section === 'Rail') {\n\n      if (route.params.id === 'new') return preJobRailBooking.value;\n\n      validationViewModel.value.preJobRail = new PreJobRailBookingValidation();\n\n      return editPreJobRail.value;\n    }\n\n  },\n\n  set(value) {\n\n    // STACK\n\n    //updated from handleNewBooking function in MultiPreJob Line 402\n\n    const newBookingType = value.constructor.name;\n\n    switch (newBookingType) {\n      case('PreJobAirBooking') : preJobAirBooking.value = value;\n        break;\n      case('PreJobSeaBooking') : preJobSeaBooking.value = value;\n        break;\n      case('PreJobRoadBooking') : preJobRoadBooking.value = value;\n        break;\n      case('PreJobRailBooking') :  preJobRailBooking.value = value;\n        break;\n    }\n\n  }\n\n});\n\nconst modeValidationViewModel = computed(() => {\n\n  if (route.params.section === 'Air') return 'preJobAir';\n  if (route.params.section === 'Sea') return 'preJobSea';\n  if (route.params.section === 'Road') return 'preJobRoad';\n  if (route.params.section === 'Rail') return 'preJobRail';\n\n})\n\nconst tileSectionColor = computed(() => {\n\n  if (route.params.section === 'Air') return '#525777';\n  if (route.params.section === 'Sea') return '#5b4255';\n  if (route.params.section === 'Road') return '#35696a';\n  if (route.params.section === 'Rail') return '#4c2e2e';\n\n})\n\nconst route = useRoute();\nconst router = useRouter();\n\nasync function getCompanyToEdit() {\n\n  const companyDetail = await API.getCompanyToEdit(route, 'freightBooking', route.params.section) ?? null;\n\n  if(!companyDetail.isEditable) {\n    await router.push({name: 'jobNotEditableUserInfo'});\n    return;\n  }\n\n  switch (route.params.section) {\n\n    case 'Air' : mapCompanyToEdit(editPreJobAir, 'flightShipment', companyDetail);\n      break;\n    case 'Sea' :  mapCompanyToEdit(editPreJobSea, 'seaShipment', companyDetail);\n      break;\n    case 'Road' :  mapCompanyToEdit(editPreJobRoad, 'roadShipment', companyDetail);\n      break;\n    case 'Rail' :  mapCompanyToEdit(editPreJobRail, 'railShipment', companyDetail);\n      break;\n  }\n\n}\n\nfunction mapCompanyToEdit(model, section, companyDetail) {\n\n  model.value = {...model.value, ...companyDetail};\n\n  model.value.isUpdate.shipper = true;\n  model.value.isUpdate.consignee = true;\n\n  model.value.shipper.shipperRef = companyDetail[section].shipperRef;\n  model.value.consignee.consigneeRef = companyDetail[section].consigneeRef;\n  model.value.consignee.additionalRef = companyDetail[section].consigneeRefAdditional;\n\n  model.value.dimensions.unitOfMeasure === 'imperial' ? model.value.unitOfMeasureSwitch = true :\n      model.value.unitOfMeasureSwitch = false;\n\n  delete model.value.dimensions.unitOfMeasure;\n\n  mapContacts(model.value);\n}\n\nasync function mapContacts(model) {\n\n  const shipper = await API.getCompanyDetail(model.shipper.id, route) ?? null;\n\n  model.shipper.shipperContacts = [];\n\n\n  if(shipper) {\n\n    shipper.contacts?.forEach(contact => {\n\n      model.shipper.shipperContacts.push(contact)\n    });\n\n    let shipperContact = model.shipper.shipperContacts.find(c =>\n\n        c.firstName === model.shipper.shipperContactFirstName &&\n        c.lastName === model.shipper.shipperContactLastName &&\n        c.title === model.shipper.shipperContactTitle &&\n        c.email === model.shipper.shipperContactEmail &&\n        c.phone === model.shipper.shipperContactPhone &&\n        c.value === model.shipper.shipperContactFullName\n    ) ?? null;\n\n    if(!shipperContact) {\n\n      model.shipper.shipperContactFullName = '';\n\n    } else {\n\n      model.shipper.shipperContactId = shipperContact.id;\n      model.shipper.shipperContactDepartment = shipperContact.department;\n    }\n\n  }\n\n  model.consignee.consigneeContacts = [];\n\n  const consignee = await API.getCompanyDetail(model.consignee.id, route);\n\n\n  if(consignee) {\n\n    consignee.contacts?.forEach(contact => {\n\n      model.consignee.consigneeContacts.push(contact)\n    });\n\n    let consigneeContact = model.consignee.consigneeContacts.find(c =>\n\n        c.firstName === model.consignee.consigneeContactFirstName &&\n        c.lastName === model.consignee.consigneeContactLastName &&\n        c.title === model.consignee.consigneeContactTitle &&\n        c.email === model.consignee.consigneeContactEmail &&\n        c.phone === model.consignee.consigneeContactPhone &&\n        c.value === model.consignee.consigneeContactFullName\n    ) ?? null;\n\n    if(!consigneeContact) {\n\n      model.consignee.consigneeContactFullName = '';\n\n    } else {\n\n      model.consignee.consigneeContactId = consigneeContact.id;\n      model.consignee.consigneeContactDepartment = consigneeContact.department;\n    }\n\n  }\n\n}\n\n</script>\n\n<template>\n  <MultiPreJob\n      :key=\"modeViewModel\"\n      :tileColor=\"tileSectionColor\"\n      :mode=\"route.params.section\"\n      :validationViewModelSection=\"modeValidationViewModel\"\n      v-model=\"modeViewModel\">\n  </MultiPreJob>\n</template>\n\n\n","import script from \"./PreJob.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PreJob.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./SearchPill.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchPill.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchPill.vue?vue&type=style&index=0&id=cc274b6c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-cc274b6c\"]])\n\nexport default __exports__","export default class StockSearchItemBase {\n    constructor() {\n\n        this.skuNumber = '';\n        this.skuName = '';\n        this.skuGroup = '';\n        this.skuDescription = '';\n        this.warehouse = '';\n        this.descHeadOne = '';\n        this.descHeadTwo = '';\n        this.descHeadThree = '';\n        this.descHeadFour = '';\n        this.descHeadFive = '';\n        this.descHeadSix = '';\n    }\n}\n","import StockSearchItemBase from \"@/classes/stock/StockSearchItemBase\";\n\nexport default class StockSearchItem extends StockSearchItemBase{\n    constructor() {\n\n        super()\n\n        this.zeroQty = false;\n\n    }\n}\n","<template class=\"cmp-table\">\n  <div id=\"vue-3-component-table\" class=\"cmp-table_wrapper\">\n    <div ref=\"gridHeader\" style=\"position: relative;\" :style=\"{height: setFooterPoint + 65 + 'px'}\">\n      <div v-if=\"rowSelection\" class=\"cmp-table_select-all-checkbox\">\n        <CheckBox\n            @input=\"setSelectAllRows($event.target.checked)\">\n        </CheckBox>\n      </div>\n      <div draggable=\"true\"\n           v-for=\"(col, index) in customColumns\"\n           class=\"cmp-table_table-head\"\n           @dragstart=\"handleDragStart($event, col)\"\n           @dragover=\"handleDragover($event)\"\n           title=\"Drag To Other Columns To Re-Order\"\n           @drop=\"handleDrop($event, col)\"\n           @click=\"clearHighlightedRow\"\n           :key=\"col.id\">\n        <div :style=\"{width: extendLastColumn(customColumns, index) + 'px'}\" class=\"cmp-table_table-cell cmp-table_header\">{{ col.title }}\n        </div>\n      </div>\n\n      <div :class=\"{'cmp-table_data-wrapper' : localData.length > 0}\" :style=\"{maxHeight:height + 'px'}\">\n        <div data-cy=\"txtDataGridNoData\"\n             v-if=\"localData.length === 0\"\n             class=\"cmp-table_no-data\"><i class=\"fa-solid fa-database\"></i> No Data\n        </div>\n        <div class=\"cmp-table_row\" v-for=\"(row, index) in pagedData\" :key=\"index\" @click=\"rowClick($event, row, index)\">\n          <template v-for=\"(column, colIndex) in customColumns\">\n            <div v-if=\"typeof $slots[column.key] !== 'undefined'\" :key=\"colIndex\"\n                 :style=\"{width: column.width + 'px'}\"\n                 class=\"cmp-table_table-cell\"\n                 :class=\"{'cmp-table_selected-row' : row.highlightSelectedRow === true && selectable}\">\n              <slot :name=\"column.key\" :column=\"column\" :grid=\"row\" :rowData=\"rowDataSource(index)\"\n                    :rowIndex=\"index\"></slot>\n              <div style=\"position: absolute; right: 0; top:12px;\">\n                <i v-if=\"row.showMoreInfo && checkIfMoreInfo(row) && colIndex===1\" @click=\"openMoreInfo(row)\"\n                   class=\"fa fa-arrow-circle-o-up cmp-table_more-info-icon\"></i>\n                <i v-else-if=\"checkIfMoreInfo(row) && colIndex==1\" @click=\"openMoreInfo(row)\"\n                   class=\"fa fa-arrow-circle-o-down cmp-table_more-info-icon\"></i>\n              </div>\n            </div>\n            <div v-else\n                 :class=\"{'cmp-table_selected-row' : row.highlightSelectedRow === true  && selectable,'cmp-table_read-only' : column.readOnly && row.readOnly}\"\n                 :data-cy=\"dataCy + 'ColumnIndex' + colIndex\"\n                 :style=\"{width: column.width + 'px', background: setCellColor(column, row), color: setFontColor(column, row)}\"\n                 :key=\"index\"\n                 class=\"cmp-table_table-cell\">\n              <StaticTooltip :icon=\"false\" maxWidth=\"300\">\n                <template #content>\n                  {{ rowData(row, column.key) }}\n                </template>\n                <span\n                    :class=\"{'cmp-table_selected-row' : row.highlightSelectedRow === true  && selectable}\"\n                    style=\"border: none; background: none;\" :data-cy=\"dataCy +'RowIndex' + index\"\n                    :style=\"{width: column.width -10 + 'px'}\">{{ rowData(row, column.key, column) }}\n                </span>\n              </StaticTooltip>\n              <div style=\"position: absolute; right: 2px; top:0;\">\n                <i v-if=\"row.showMoreInfo && checkIfMoreInfo(row) && colIndex===1\" @click=\"openMoreInfo(row)\"\n                   class=\"fa fa-caret-down cmp-table_more-info-icon-down\"></i>\n                <i v-else-if=\"checkIfMoreInfo(row) && colIndex===1\" @click=\"openMoreInfo(row)\"\n                   class=\"fa fa-caret-down cmp-table_more-info-icon\"></i>\n              </div>\n            </div>\n          </template>\n          <transition name=\"slide\">\n            <div v-if=\"row.showMoreInfo\" class=\"cmp-table_more-detail\">\n              <span style=\"font-size: 16px; font-weight: bold;\">{{ getColumnMoreInfo(row.moreInfo.field) }}</span>\n              <div>{{ row[row.moreInfo.field] }}</div>\n            </div>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport Button from \"@/components/common/input/Button\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\"\n\nexport default {\n  name: \"DataGrid\",\n\n  components: {\n    CheckBox,\n    MovingTooltip,\n    Button,\n    StaticTooltip\n\n  },\n\n  props: {\n\n    currentPage: {\n      type: Number,\n      default: 1\n    },\n\n    currentPaginationRange: {\n      type: Number\n    },\n\n    pageSize: {\n      type: Number,\n      default: 100\n    },\n\n    allowGridMenu: {\n      type: Boolean,\n      default: true\n    },\n\n    allowPagination: {\n      type: Boolean,\n      default: true\n    },\n\n    removeHighlightedRow: {\n      type: Boolean,\n      default: false\n    },\n\n    selectable: {\n      type: Boolean,\n      default: true\n    },\n\n    columns: Array,\n\n    rowSelection: {\n      type: Boolean,\n      default: true\n    },\n\n    dataSource: {\n      type: Array,\n      default: function () {\n        return []\n      }\n    },\n\n    dataCy: String,\n\n    height: {\n      type: String,\n      default: '500px'\n    },\n\n  },\n\n  emits: ['update:currentPaginationRange', 'update:currentPage', 'clickReset', 'clickSave'],\n\n  data() {\n\n    return {\n\n      sourceColumnIndex: null,\n      colHeight: 40,\n      localData: [],\n      openMenuDrop: false,\n      allowReOrderColumns: false,\n      sortOrder: true,\n      columnIndex: null,\n      currentColumnCount: 0,\n\n      paginationArray: [],\n      paginationSize: 10,\n\n    }\n  },\n\n  computed: {\n\n    setFooterPoint() {\n      return parseInt(this.height)\n    },\n\n    customColumns() {\n      return this.columns.filter(c => c.enabled === true)\n    },\n\n    pagedData: function () {\n\n      if (this.localData.length > 0) {\n\n        return this.localData.filter((row, index) => {\n\n          // eg if page size set to 10, and current page is 2 (default)\n          let self = this;\n          let startIndex = (self.currentPage - 1) * self.pageSize; // 1 X 10 = 10   / start = 10\n          let endIndex = self.currentPage * self.pageSize; // 2 X 10 = 20   / end = 20\n\n          // if the current index >= 10 (start), and the index is less then 20 (end), return the array from index 10 to 19  = 10 records inclusive (page size!)\n          if (index >= startIndex && index < endIndex) {\n            return true\n          }\n\n        });\n      }\n\n    },\n\n  },\n\n  methods: {\n\n    // setTop() {\n    //\n    //   if(this.$refs.gridHeader) {\n    //     const gridTop = this.$refs.gridHeader.getBoundingClientRect().top -window.scrollY;\n    //     return gridTop - 28 + 'px'\n    //\n    //   }\n    //\n    // },\n\n\n    createPages() {\n\n      this.paginationArray = [];\n\n      let numberOfPages = this.localData.length / this.pageSize;\n      let roundUp = Math.ceil(numberOfPages);\n\n      for (let i = 0; i < roundUp; i++) {\n\n        let newPageButton = {\n          number: i + 1,\n          notValid: false\n        }\n\n        this.paginationArray.push(newPageButton);\n      }\n\n    },\n\n    splitPagination() {\n\n      return this.paginationArray.filter((row, index) => {\n\n        let startIndex = (this.currentPaginationRange - 1) * this.paginationSize;\n        let endIndex = this.currentPaginationRange * this.paginationSize;\n\n        if (index >= startIndex && index < endIndex) {\n          return true\n        }\n\n      });\n\n    },\n\n    pageUp() {\n\n      if(this.currentPaginationRange < this.getPaginationPages()) {\n\n        let val = this.currentPaginationRange + 1\n        this.$emit('update:currentPaginationRange', val)\n      }\n\n    },\n\n    pageDown() {\n\n      if(this.currentPaginationRange > 1) this.$emit('update:currentPaginationRange', this.currentPaginationRange - 1)\n\n    },\n\n    getPaginationPages() {\n\n      return  Math.ceil(this.paginationArray.length / this.paginationSize);\n    },\n\n    handleDragStart(e, sourceContainerData) {\n\n      let mainArraySourceIndex = this.columns.findIndex(i => i.id === sourceContainerData.id)\n      mainArraySourceIndex === 0 ? e.preventDefault() : this.sourceColumnIndex = mainArraySourceIndex;\n    },\n\n    handleDragover(e) {\n      e.preventDefault();\n      return false;\n    },\n\n    handleDrop(e, destinationColumnData) {\n      e.stopPropagation();\n\n      let mainArrayDestinationIndex = this.columns.findIndex(i => i.id === destinationColumnData.id)\n\n      if (this.sourceColumnIndex !== mainArrayDestinationIndex && mainArrayDestinationIndex !== 0) {\n\n        if (mainArrayDestinationIndex < this.sourceColumnIndex) {\n\n          this.columns.splice(mainArrayDestinationIndex, 0, this.columns[this.sourceColumnIndex]);\n          this.columns.splice(this.sourceColumnIndex + 1, 1);\n\n        } else {\n          this.columns.splice(mainArrayDestinationIndex + 1, 0, this.columns[this.sourceColumnIndex]);\n          this.columns.splice(this.sourceColumnIndex, 1);\n\n        }\n\n      }\n    },\n\n    resetColumns() {\n      this.columns.forEach(function (item) {\n        item.enabled = true;\n      })\n      this.columns.sort((a, b) => {\n        return a.id - b.id\n      });\n\n    },\n\n    setSortCondition(index, column) {\n      if (index > 0 && typeof (this.dataSource[0][column.key]) !== 'boolean' && column.sortable) {\n        return true;\n      }\n    },\n\n    sortColumns(column) {\n      if (column) {\n\n        // Sort order uses true for ascending / false for descending\n        if (typeof (this.dataSource[0][column.key]) !== 'boolean' && column.sortable) {\n\n          this.sortOrder = !this.sortOrder;\n\n          if (this.sortOrder) {\n            this.localData.sort((a, b) => a[column.key].localeCompare(b[column.key]))\n\n          } else {\n            this.localData.sort((a, b) => b[column.key].localeCompare(a[column.key]))\n          }\n\n        }\n\n      }\n    },\n\n    openMenu() {\n      this.openMenuDrop = !this.openMenuDrop;\n\n      this.openMenuDrop ? this.$refs.gridMenu.style.cssText = \"visibility: visible; opacity: 1;\" :\n          this.$refs.gridMenu.style.cssText = \"visibility: hidden; opacity: 0;\";\n    },\n\n    rowDataSource(index) {\n      return this.dataSource[index];\n    },\n\n    setCellColor(column, row) {\n      // Return the css color value eg(#345321) held in the row data using the matching prop set in the column array\n      if (column.cellColorProp) return row[column.cellColorProp];\n    },\n\n    setFontColor(column, row) {\n      if (row[column.cellColorProp]) return '#fff'\n    },\n\n    checkIfMoreInfo(row) {\n      if (row.hasOwnProperty('moreInfo')) {\n        return row.moreInfo.show;\n      }\n    },\n\n    setSelectAllRows(boolValue) {\n      this.localData.forEach(item => {\n\n        item.checkRow = boolValue;\n      });\n\n      boolValue ? this.$emit('allRowsSelected', this.dataSource) : this.$emit('allRowsSelected', []);\n\n    },\n\n    clearHighlightedRow() {\n      for (let ea in this.localData) {\n        this.localData[ea]['highlightSelectedRow'] = false;\n      }\n\n    },\n\n    extendLastColumn(columns, index) {\n      let lastColumn = columns.length - 1;\n\n      if (index === lastColumn) {\n\n        let width = parseInt(columns[lastColumn].width)\n        let extendedWidth = width + 12;\n        // console.log(this.currentColumnCount + 'Extended')\n        return extendedWidth.toString();\n      }\n\n      return columns[index].width\n\n    },\n\n    getColumnMoreInfo(info) {\n      return this.columns.find(x => x.key === info).title\n    },\n\n    rowClick(e, row, index) {\n\n      this.clearHighlightedRow();\n      row.highlightSelectedRow = true;\n\n      if (this.selectable && !row.checkRow) this.$emit('selected-row', this.dataSource[index], index);\n\n    },\n\n    openMoreInfo(row) {\n      row.showMoreInfo = !row.showMoreInfo;\n    },\n\n    rowData(row, key, column) {\n\n      // Old code to check if row has a dropdown object (text & value)\n\n      // if (row[key] && row[key].hasOwnProperty('text')) {\n      //\n      //   if (column) {\n      //\n      //     if (column.maxChars && row[key].text) return row[key].text.substring(0, column.maxChars)\n      //         + this.checkStringLength(row[key], column.maxChars);\n      //\n      //   }\n      //   return row[key].text;\n      // }\n\n      if (column) {\n\n        // Get the row data from the past in key from the current column\n        if (typeof (row[key]) === 'string') {\n\n          if (column.maxChars && row[key]) return row[key].substring(0, column.maxChars)\n              + this.checkStringLength(row[key], column.maxChars);\n\n        }\n\n      }\n\n      return row[key];\n    },\n\n    checkStringLength(characters, maxChars) {\n\n      if (characters) {\n\n        if (characters.trim().length > maxChars) {\n          return '...'\n        }\n      }\n      return '';\n    },\n\n    setNewObjectProp() {\n\n      if (this.localData.length > 0) {\n\n        this.localData.forEach((item) => {\n          // item['showMoreInfo'] = false;\n          item['checkRow'] = false;\n\n        });\n\n      }\n    }\n\n  },\n\n  watch: {\n\n    dataSource() {\n\n      this.localData = JSON.parse(JSON.stringify(this.dataSource));\n      this.setNewObjectProp();\n      this.clearHighlightedRow();\n      this.createPages();\n    },\n\n    removeHighlightedRow() {\n\n      this.clearHighlightedRow();\n    }\n\n  },\n\n  mounted: function () {\n\n    // Break the observer reference and create a copy in local data\n    this.localData = JSON.parse(JSON.stringify(this.dataSource));\n    this.setNewObjectProp();\n    this.createPages();\n\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.cmp-table {\n\n  &_wrapper {\n    width: max-content;\n    font-size: 13px;\n    position: relative;\n    //margin-top: 20px;\n  }\n\n  &_data-wrapper {\n    position: absolute;\n    top: 33px;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    overscroll-behavior-y: none;\n    border-bottom: 1px solid  var(--border-color);\n    border-top-right-radius: 20px;\n  }\n\n  &_selected-row {\n    background: #f9efe0;\n    /*color: #0e0e0e;*/\n  }\n\n  &_read-only {\n    color: #a0a0a0;\n    background-color: #fcfcfc;\n  }\n\n  &_header {\n    height: 20px;\n    z-index: 99;\n  }\n\n  &_table-head {\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  &_table-head * {\n    /*main-theme css variable set in app.vue*/\n    background: #376985;\n    font-size: 12px;\n    color: #ffffff !important;\n    border-bottom: 1px solid var(--border-color);\n    border-top: 1px solid var(--border-color);\n  }\n\n  &_table-cell, &_table-cell-slot {\n    position: relative;\n    //border: 1px solid #d4d4d4;\n    float: left;\n    padding: 4px 5px 5px 6px;\n    /*width: 28%;*/\n    margin-bottom: -1px;\n    margin-right: -1px;\n    display: grid;\n    line-height: 2.0;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  &_select-all-checkbox {\n    position: absolute;\n    top: 5px;\n    left: 7px;\n    z-index: 100;\n  }\n\n  &_column-menu-footer {\n    margin-top: 20px;\n    display: inline-flex;\n    gap: 5px;\n  }\n\n  &_no-data {\n    margin-top: -4px;\n    height: 100px;\n    text-align: center;\n    padding-top: 35px;\n    border: 1px solid #c9c9c9c9;\n    background-color: #fafafa;\n    color: #c6e3f7;\n    font-size: 22px;\n  }\n\n  &_more-info-icon {\n    font-size: 24px;\n    margin-top: 2px;\n  }\n\n  &_more-detail {\n    margin-top: 29px;\n    height: 100px;\n    border-left: 1px solid #d4d4d4;\n    max-width: fit-content;\n    padding: 6px;\n  }\n\n  &_row {\n    display: flex;\n    background-color: #f6f6f6;\n    height: 33px;\n    font-size: 12px;\n  }\n\n  &_row:nth-child(even) {\n    background-color: #fcfcfc;\n  }\n\n  &_sort-column-arrows {\n    top: 0;\n    padding-left: 4px;\n  }\n\n  &_slot-items {\n    margin-right: 60px;\n  }\n\n}\n\n</style>\n","import { render } from \"./Table.vue?vue&type=template&id=4af236ce&scoped=true&class=cmp-table\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.vue?vue&type=script&lang=js\"\n\nimport \"./Table.vue?vue&type=style&index=0&id=4af236ce&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4af236ce\"]])\n\nexport default __exports__","export function useCheckSearchCriteriaExists (model) {\n    //\n    // let modelHasData = false;\n\n    for(const prop in model) {\n\n        if(model[prop]) {\n\n            return true;\n\n        }\n\n    }\n\n    return false\n\n}\n","<script setup>\n\nimport {inject, ref, nextTick} from 'vue';\n\nimport SearchPill from \"@/components/common/other/SearchPill\";\nimport API from \"@/classes/global/API\";\nimport DropDownItem from \"@/classes/component-classes/DropDownItem\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport {useRoute} from \"vue-router\";\n\nimport {useCheckFieldsForData} from \"@/composables/common/useCheckFieldsForData\";\nimport {useCheckSearchCriteriaExists} from \"@/composables/common/useCheckSearchCriteriaExists\";\n\n\nconst route = useRoute();\nconst emits = defineEmits(['search', 'clear']);\nconst props = defineProps({modelValue:{}, url: String});\n\nfunction handleSearch(searchPill) {\n\n  nextTick(async () => {\n\n    props.modelValue.isSearchData = useCheckSearchCriteriaExists(props.modelValue.searchCriteria);\n\n    if (props.modelValue.isSearchData) {\n\n      emits('search');\n\n      // clearGridLineData();\n\n      const response = await API.searchStock(route, props.modelValue.searchCriteria, props.url);\n\n      if (response) {\n\n        props.modelValue.searchData = response;\n\n        let searchHistoryItemExists;\n\n        if (props.modelValue.searchCriteria[searchPill]) {\n\n          searchHistoryItemExists = props.modelValue.searchPills[searchPill]\n              .history?.find((item) => item.value === props.modelValue.searchCriteria[searchPill]);\n\n          if (!searchHistoryItemExists && response.length > 0) props.modelValue.searchPills[searchPill].history\n              ?.unshift(new DropDownItem(props.modelValue.searchPills[searchPill].history.length + 1,\n                  props.modelValue.searchCriteria[searchPill]));\n        }\n\n        if (response.length === 0) props.modelValue.isSearchData = false;\n      }\n\n      return\n\n    }\n\n    props.modelValue.searchData = [];\n\n  })\n\n}\n\nfunction handleClearSearch(searchPill) {\n\n  // Move the events along to ensure clearing of the box has happened before data present check\n  nextTick(() => {\n\n    if (!useCheckFieldsForData(props.modelValue.searchCriteria)) {\n      handleClearAllFields();\n\n    } else {\n\n      handleSearch(searchPill);\n    }\n\n  })\n\n}\n\nfunction handleClearAllFields() {\n\n  props.modelValue.searchCriteria = new StockSearchItem();\n  emits('clear');\n\n}\n\nfunction toggleSearchGroup(button) {\n\n  if(button && props.modelValue.searchGroup) return;\n  if(!button && !props.modelValue.searchGroup) return;\n\n  props.modelValue.searchGroup = !props.modelValue.searchGroup;\n}\n</script>\n\n<template>\n  <div class=\"cmp-search-stock-pill-group_search-area\">\n\n    <div v-if=\"props.modelValue.searchGroup\" class=\"cmp-search-stock-pill-group_search-pill-container\">\n      <SearchPill\n          @search=\"handleSearch('skuNumber')\"\n          :enabled=\"props.modelValue.searchPills.skuNumber.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"278\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              label=\"SKU Number\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('skuNumber')\"\n              @select=\"handleSearch('skuNumber')\"\n              @keydown.enter=\"handleSearch('skuNumber')\"\n              :dataSource=\"props.modelValue.searchPills.skuNumber.history\"\n              v-model=\"props.modelValue.searchCriteria.skuNumber\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('skuName')\"\n          :enabled=\"props.modelValue.searchPills.skuName.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"280\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              label=\"SKU Name\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('skuName')\"\n              @select=\"handleSearch('skuName')\"\n              @keydown.enter=\"handleSearch('skuName')\"\n              :dataSource=\"props.modelValue.searchPills.skuName.history\"\n              v-model=\"props.modelValue.searchCriteria.skuName\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('skuDescription')\"\n          :enabled=\"props.modelValue.searchPills.skuDescription.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"400\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              label=\"Description\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('skuDescription')\"\n              @select=\"handleSearch('skuDescription')\"\n              @keydown.enter=\"handleSearch('skuDescription')\"\n              :dataSource=\"props.modelValue.searchPills.skuDescription.history\"\n              v-model=\"props.modelValue.searchCriteria.skuDescription\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('warehouse')\"\n          :enabled=\"props.modelValue.searchPills.warehouse.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :key=\"props.modelValue.metaData.warehouses\"\n              :width=\"280\"\n              :disableFilter=\"true\"\n              placeholder=\"Select....\"\n              :selectPrimitiveValue=\"true\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('warehouse')\"\n              @select=\"handleSearch('warehouse')\"\n              @keydown.enter=\"handleSearch('warehouse')\"\n              v-model=\"props.modelValue.searchCriteria.warehouse\"\n              :dataSource=\"props.modelValue.metaData.warehouses\"\n              label=\"Warehouse\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n    </div>\n    <div v-else class=\"cmp-search-stock-pill-group_search-pill-container\">\n      <SearchPill\n          @search=\"handleSearch('descHeadOne')\"\n          :enabled=\"props.modelValue.searchPills.descHeadOne.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadOne.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadOne')\"\n              @select=\"handleSearch('descHeadOne')\"\n              @keydown.enter=\"handleSearch('descHeadOne')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadOne.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadOne\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('descHeadTwo')\"\n          :enabled=\"props.modelValue.searchPills.descHeadTwo.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadTwo.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadTwo')\"\n              @select=\"handleSearch('descHeadTwo')\"\n              @keydown.enter=\"handleSearch('descHeadTwo')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadTwo.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadTwo\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('descHeadThree')\"\n          :enabled=\"props.modelValue.searchPills.descHeadThree.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadThree.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadThree')\"\n              @select=\"handleSearch('descHeadThree')\"\n              @keydown.enter=\"handleSearch('descHeadThree')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadThree.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadThree\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('descHeadFour')\"\n          :enabled=\"props.modelValue.searchPills.descHeadFour.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadFour.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadFour')\"\n              @select=\"handleSearch('descHeadFour')\"\n              @keydown.enter=\"handleSearch('descHeadFour')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadFour.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadFour\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('descHeadFive')\"\n          :enabled=\"props.modelValue.searchPills.descHeadFive.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadFive.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadFive')\"\n              @select=\"handleSearch('descHeadFive')\"\n              @keydown.enter=\"handleSearch('descHeadFive')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadFive.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadFive\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n      <SearchPill\n          @search=\"handleSearch('descHeadSix')\"\n          :enabled=\"props.modelValue.searchPills.descHeadSix.enabled\">\n        <template #control>\n          <MultiSearchDropDown\n              :width=\"180\"\n              :maxLength=\"50\"\n              placeholder=\"\"\n              :allowCustomValue=\"true\"\n              :disableFilter=\"false\"\n              searchType=\"iata\"\n              :label=\"props.modelValue.searchPills.descHeadSix.label\"\n              :label-top=\"true\"\n              @clear=\"handleClearSearch('descHeadSix')\"\n              @select=\"handleSearch('descHeadSix')\"\n              @keydown.enter=\"handleSearch('descHeadSix')\"\n              :dataSource=\"props.modelValue.searchPills.descHeadSix.history\"\n              v-model=\"props.modelValue.searchCriteria.descHeadSix\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </template>\n      </SearchPill>\n    </div>\n    <div class=\"cmp-search-stock-pill-group_clear-button\">\n      <StaticTooltip :icon=\"false\">\n        <template #content>\n          Clear All\n        </template>\n        <i class=\"fa-solid fa-trash-can-list\" style=\"color:#4c4c4c; cursor: pointer;\"\n           @click=\"handleClearAllFields\"></i>\n      </StaticTooltip>\n    </div>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-search-stock-pill-group {\n\n&_search-area {\n   display: flex;\n   align-items: center;\n   padding-left: 10px;\n   height: 80px;\n   //margin-left: 10px;\n   background-color: #ffffff;\n   border-radius: var(--rounded-corners);\n   border: 1px solid var(--border-color);\n   border-left: 6px solid var(--left-border-highlight);\n }\n\n&_search-pill-container {\n   display: flex;\n   align-items: center;\n   height: 70px;\n   gap: 20px;\n   overflow-x: auto;\n   overflow-y: hidden;\n   padding: 0 5px 0 5px;\n }\n\n  &_clear-button {\n    display: flex;\n    align-items: center;\n    margin-left: 30px;\n  }\n\n}\n</style>\n","import script from \"./SearchStockPillGroup.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchStockPillGroup.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchStockPillGroup.vue?vue&type=style&index=0&id=75d9f5eb&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-75d9f5eb\"]])\n\nexport default __exports__","export function useClearDescriptionHeaders(modelValue) {\n\n    modelValue.searchPills.descHeadOne.enabled = false;\n    modelValue.searchPills.descHeadTwo.enabled = false;\n    modelValue.searchPills.descHeadThree.enabled = false;\n    modelValue.searchPills.descHeadFour.enabled = false;\n    modelValue.searchPills.descHeadFive.enabled = false;\n    modelValue.searchPills.descHeadSix.enabled = false;\n\n    modelValue.searchCriteria.descHeadOne = '';\n    modelValue.searchCriteria.descHeadTwo = '';\n    modelValue.searchCriteria.descHeadThree = '';\n    modelValue.searchCriteria.descHeadFour = '';\n    modelValue.searchCriteria.descHeadFive = '';\n    modelValue.searchCriteria.descHeadSix = '';\n\n    modelValue.skuGroupSelected = false;\n\n    // search group 1 is true, 2 is false\n    modelValue.searchGroup = true;\n}\n","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport SearchPill from \"@/components/common/other/SearchPill\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport Notification from \"@/classes/component-classes/Notification\";\nimport GridColumn from \"@/classes/component-classes/GridColumn\";\nimport Table from \"@/components/common/other/Table\";\nimport SearchStockPillGroup from \"@/components/warehouse/SearchStockPillGroup\";\n\n\nimport {useCheckSearchCriteriaExists} from \"@/composables/common/useCheckSearchCriteriaExists\";\nimport {useCheckFieldsForData} from \"@/composables/common/useCheckFieldsForData\";\n\nimport {inject, ref, onMounted, computed, nextTick} from 'vue'\nimport axios from \"axios\";\n\nimport {useStore} from 'vuex';\nimport {useRoute} from \"vue-router\";\nimport API from \"@/classes/global/API\";\nimport DropDownItem from \"@/classes/component-classes/DropDownItem\";\nimport {useClearDescriptionHeaders} from \"@/composables/stock/useClearDescriptionHeaders\";\n\n\nconst store = useStore();\nconst route = useRoute();\n\nconst stockSearch = inject('stockSearch');\n\n\nonMounted(() => {\n\n  if (useCheckFieldsForData(stockSearch.value.stockSearchCriteria)) return handleSearch();\n\n  prepareMetaData();\n  getLatestStock();\n  // getWarehouseStock();\n\n})\n\n// Functions\n\nasync function prepareMetaData() {\n\n  const response = await API.getStockMetaData(route, 'pickStockValidationFields' );\n\n  if(response) stockSearch.value.metaData = response;\n\n}\n\n// async function getWarehouseStock() {\n//\n//   const response = await API.getWarehouseStock(route)\n//\n//   if (response) {\n//\n//     stockSearch.value.metaData.warehouses = response;\n//\n//   }\n//\n// }\n\nfunction handleClearAllFields() {\n\n  clearGridLineData();\n  getLatestStock();\n\n}\n\nfunction handleRefresh() {\n\n  if (stockSearch.value.isSearchData) {\n    handleSearch();\n    return;\n  }\n\n  getLatestStock();\n}\n\nasync function getLatestStock() {\n\n  clearGridLineData();\n\n  stockSearch.value.isSearchData = false;\n\n  const response = await API.getLatestStock(route)\n\n  if (response) {\n\n    stockSearch.value.searchData = response;\n  }\n\n}\n\nfunction clearGridLineData() {\n\n  stockSearch.value.lineData = [];\n  stockSearch.value.tempLineCols = [];\n\n  stockSearch.value.tempLineCols.push(new GridColumn('1', '', '', '1745', true,\n      false, 50));\n\n}\n\nasync function getRowData(row) {\n\n  if (!stockSearch.value.isSearchData) stockSearch.value.stockSearchCriteria = new StockSearchItem();\n\n  const response = await API.getStockLines(route, row.id, stockSearch.value.stockSearchCriteria);\n\n  if (response) {\n\n    stockSearch.value.tempLineCols = response.columns;\n    stockSearch.value.lineData = response.checkStockItems;\n  }\n\n}\n\nfunction toggleSearchGroup(button) {\n\n  if(button && stockSearch.value.searchGroup) return;\n  if(!button && !stockSearch.value.searchGroup) return;\n\n  stockSearch.value.searchGroup = !stockSearch.value.searchGroup;\n}\n\nasync function getStockHeaders(selected) {\n\n  useClearDescriptionHeaders(stockSearch.value);\n\n  const response = await API.getStockDescriptions(route, selected.id);\n\n  if (response) {\n\n    for (const each in response) {\n\n      if (response[each]) {\n\n        stockSearch.value.skuGroupSelected = true;\n        stockSearch.value.searchPills[each].enabled = true;\n        stockSearch.value.searchPills[each].label = response[each];\n\n      } else {\n\n        stockSearch.value.searchPills[each].enabled = false;\n\n      }\n    }\n  }\n\n  handleStockSearch();\n}\n\nasync function clearHeaders() {\n\n  useClearDescriptionHeaders(stockSearch.value);\n\n  handleStockSearch();\n\n}\n\nasync function handleStockSearch() {\n\n  const response = await API.searchStock(route, stockSearch.value.searchCriteria, 'checkstock');\n\n  stockSearch.value.searchData = response;\n\n}\n\n\n</script>\n\n<template class=\"cmp-stock\">\n  <div class=\"cmp-stock_wrapper\">\n    <StaticWidget\n        title=\"Search & View Stock\"\n        height=\"735\">\n      <template #extra-content>\n        <div style=\"margin-left: 60px; font-weight: normal; font-size: 12px\">SKU Group</div>\n        <div style=\"font-weight: normal\" class=\"global-flex-layout\">\n          <MultiSearchDropDown\n              :key=\"stockSearch.metaData.skuGroups\"\n              :width=\"280\"\n              :disableFilter=\"true\"\n              placeholder=\"Select....\"\n              @select=\"getStockHeaders\"\n              @clear=\"clearHeaders\"\n              :selectPrimitiveValue=\"true\"\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :dataSource=\"stockSearch.metaData.skuGroups\">\n          </MultiSearchDropDown>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              <div style=\"width: 340px;\">\n                <strong>Search</strong> by completing any field and press any search icon\n                <span><i class=\"fa-duotone fa-square-arrow-right\" style=\"color: #114362\"></i></span> or press enter within the field.\n                Any fields with data are considered when searching records, some criteria may return no results. Selecting a\n                SKU Group will bring new search criteria where available. A search group toggle will appear to view other fields.\n                Press Refresh to return the latest records for the current search, or reset the data to initial records.\n              </div>\n            </template>\n            <i class=\"fa-solid fa-circle-info icon-info\"></i>\n          </StaticTooltip>\n        </div>\n        <div v-if=\"stockSearch.skuGroupSelected\" class=\"cmp-stock_search-group-selection\">\n          <span>Search Group</span>\n          <Button\n              @click=\"toggleSearchGroup(true)\"\n              type=\"toolbar\"\n              text=\"1\"\n              :class=\"{'cmp-stock_search-group-selection-icon-active' : stockSearch.searchGroup}\"\n              style=\"width: 30px;\">\n          </Button>\n          <Button\n              @click=\"toggleSearchGroup(false)\"\n              type=\"toolbar\"\n              text=\"2\"\n              :class=\"{'cmp-stock_search-group-selection-icon-active' : !stockSearch.searchGroup}\"\n              style=\"width: 30px;\">\n          </Button>\n        </div>\n      </template>\n      <SearchStockPillGroup\n          @search=\"clearGridLineData\"\n          @clear=\"handleClearAllFields\"\n          url=\"checkstock\"\n          v-model=\"stockSearch\">\n      </SearchStockPillGroup>\n      <StaticWidget title=\"Search Results\" height=\"270\">\n        <template #extra-content>\n          <div style=\"font-weight: normal; font-size: 12px; color: var(--aqua-blue-definition); margin-left: 20px;\">\n            Click on rows to view each line information\n          </div>\n        </template>\n        <template #right-side>\n          <Button\n              @click=\"handleRefresh()\"\n              text=\"Refresh\"\n              type=\"toolbar\">\n          </Button>\n          <Button text=\"Export\" type=\"success\" style=\"opacity: 0.2\"></Button>\n        </template>\n        <div class=\"cmp-stock_search-results-wrapper\">\n          <DataGrid\n              :key=\"stockSearch.searchData\"\n              :allowGridMenu=\"false\"\n              height=\"300\"\n              :page-size=\"100\"\n              :selectable=\"true\"\n              :row-selection=\"false\"\n              @selected-row=\"getRowData\"\n              v-model:currentPage=\"stockSearch.searchGridCurrentPage\"\n              v-model:currentPaginationRange=\"stockSearch.searchGridPageRange\"\n              :dataSource=\"stockSearch.searchData\"\n              :columns=\"stockSearch.gridColumns\">\n          </DataGrid>\n        </div>\n      </StaticWidget>\n      <StaticWidget title=\"Line Details\" height=\"300\">\n        <template #right-side>\n        </template>\n        <div>\n          <Table\n              :allowGridMenu=\"false\"\n              :allowPagination=\"true\"\n              height=\"460\"\n              :selectable=\"false\"\n              :row-selection=\"false\"\n              v-model:currentPage=\"stockSearch.lineGridCurrentPage\"\n              v-model:currentPaginationRange=\"stockSearch.lineGridPageRange\"\n              :dataSource=\"stockSearch.lineData\"\n              :columns=\"stockSearch.tempLineCols\">\n          </Table>\n        </div>\n      </StaticWidget>\n    </StaticWidget>\n  </div>\n\n</template>\n\n<style lang=\"scss\">\n\n.cmp-stock {\n\n  &_search-results-wrapper {\n    margin-top: 40px;\n  }\n\n  &_line-results-wrapper {\n    opacity: 0.8;\n  }\n\n  &_search-group-selection {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n    margin-left: 60px;\n    font-weight: normal;\n    font-size: 12px;\n  }\n\n  &_search-group-selection-icon {\n    font-size: 24px;\n    color: #a94e0e;\n  }\n\n  &_search-group-selection-icon-active {\n    background-image: none !important;\n    background-color: white;\n    font-weight: bold;\n    color: black !important;\n    box-shadow: 1px 1px 2px 0px #484848 !important;\n  }\n\n}\n</style>\n","import script from \"./Stock.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Stock.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Stock.vue?vue&type=style&index=0&id=1ec29852&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport Stock from \"@/components/warehouse/Stock\";\nimport SlideInDrawer from \"@/components/common/navigation/SlideInDrawer\";\nimport Table from \"@/components/common/other/Table\";\nimport {inject, ref} from 'vue'\nimport {useStore} from 'vuex';\n\nconst store = useStore();\n\nconst stockSearch = inject('stockSearch');\n\nconst updateGridRender = ref();\n\n</script>\n\n<template>\n<!--  <SlideInDrawer-->\n<!--      :height=\"320\"-->\n<!--      title=\"Line Details\"-->\n<!--      v-model:open-drawer=\"stockSearch.openDetailsDrawer\">-->\n<!--    <div style=\"margin-top: 30px;\">-->\n<!--      <Table-->\n<!--          :key=\"updateGridRender\"-->\n<!--          :allowGridMenu=\"false\"-->\n<!--          height=\"260\"-->\n<!--          :selectable=\"false\"-->\n<!--          :row-selection=\"false\"-->\n<!--          v-model:currentPage=\"stockSearch.lineGridCurrentPage\"-->\n<!--          v-model:currentPaginationRange=\"stockSearch.lineGridPageRange\"-->\n<!--          :dataSource=\"stockSearch.lineData\"-->\n<!--          :columns=\"stockSearch.tempLineCols\">-->\n<!--      </Table>-->\n<!--    </div>-->\n<!--  </SlideInDrawer>-->\n  <Stock></Stock>\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./Stock.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Stock.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport DateInput from \"@/components/common/input/DateInput\"\n\nimport {inject, ref} from 'vue'\n\nimport {useStore} from 'vuex';\n\nconst store = useStore();\nconst stockSearch = inject('stockSearch');\n\nfunction handleClearAllFields() {\n\n  stockSearch.value.stockSearchCriteria = new StockSearchItem();\n}\n\n</script>\n\n<template class=\"cmp-browse-warehouse\">\n  <div class=\"cmp-browse-warehouse_wrapper\">\n    <StaticWidget title=\"Browse Warehouse\" height=\"735\">\n      <div class=\"cmp-browse-warehouse_search-area\">\n        <div class=\"cmp-browse-warehouse_search-area-icon\">\n          <i class=\"fa-regular fa-magnifying-glass\" style=\"color: var(--aqua-blue-definition); font-size: 35px;\"></i>\n        </div>\n        <div class=\"cmp-browse-warehouse_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuNumber\"\n              :clearable=\"true\"\n              :width=\"220\"\n              :label-top=\"true\"\n              label=\"SKU Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuName\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"SKU Name\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"245\"\n              :label-top=\"true\"\n              label=\"SKU Group\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuComposite\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"Job Ref\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :clearable=\"true\"\n              :width=\"280\"\n              :label-top=\"true\"\n              label=\"Warehouse Ref\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :clearable=\"true\"\n              :width=\"280\"\n              :label-top=\"true\"\n              label=\"Customer Ref\">\n          </TextInput>\n        </div>\n        <div class=\"cmp-browse-warehouse_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuNumber\"\n              :clearable=\"true\"\n              :width=\"220\"\n              :label-top=\"true\"\n              label=\"SO Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuName\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"Deliver To\">\n          </TextInput>\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :width=\"245\"\n              :clearable=\"true\"\n              :label-top=\"true\"\n              label=\"Release Date From\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 12px\"\n              :width=\"238\"\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :label-top=\"true\"\n              label=\"Release Date To\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <div style=\"margin: 0 0 0 128px;\">\n            <CheckBox\n                v-model=\"stockSearch.searchCriteria.zeroQty\"\n                :label-width=\"124\"\n                label=\"Notification Not Sent\">\n            </CheckBox>\n          </div>\n          <div style=\"margin-left: 195px;\">\n            <Button text=\"Search\" type=\"plain\"></Button>\n          </div>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              Clear All\n            </template>\n            <i class=\"fa-solid fa-trash-can-list\" style=\"color:#4c4c4c; cursor: pointer; margin-top: 4px;\" @click=\"handleClearAllFields\"></i>\n          </StaticTooltip>\n        </div>\n      </div>\n      <StaticWidget title=\"Search Results\" height=\"600\">\n        <template #right-side>\n          <Button text=\"Refresh\" type=\"toolbar\"></Button>\n        </template>\n        <div class=\"cmp-browse-warehouse_search-results-wrapper\">\n          <DataGrid\n              :allowGridMenu=\"false\"\n              height=\"200\"\n              :page-size=\"10\"\n              :selectable=\"true\"\n              :row-selection=\"false\"\n              v-model:currentPage=\"store.state.newGridPaginationRange\"\n              v-model:currentPaginationRange=\"store.state.newGridCurrentPage\"\n              :dataSource=\"store.state.dummyGridData\"\n              :columns=\"store.state.dummyGridColumns\">\n          </DataGrid>\n        </div>\n      </StaticWidget>\n    </StaticWidget>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-browse-warehouse {\n\n  &_search-results-wrapper {\n    margin-top: 40px;\n  }\n\n  &_search-area {\n    position: relative;\n    height: 120px;\n    gap: 20px;\n    width: 1820px;\n    background-color: #fcfcfc;\n    border-radius: var(--rounded-corners);\n    border: 1px solid var(--border-color);\n  }\n\n  &_search-area-icon {\n    position: absolute;\n    top: 40px;\n    left: 30px;\n    height: 120px;\n  }\n\n  &_search-fields {\n    display: flex;\n    padding-top: 30px;\n    margin-left: 100px;\n    gap: 20px;\n  }\n\n}\n</style>\n","import script from \"./BrowseWarehouse.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrowseWarehouse.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrowseWarehouse.vue?vue&type=style&index=0&id=b4b06858&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b4b06858\"]])\n\nexport default __exports__","import script from \"./WarehouseJobs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WarehouseJobs.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport DateInput from \"@/components/common/input/DateInput\"\n\nimport {inject, ref} from 'vue'\n\nimport {useStore} from 'vuex';\n\nconst store = useStore();\nconst stockSearch = inject('stockSearch');\n\nfunction handleClearAllFields() {\n\n  stockSearch.value.stockSearchCriteria = new StockSearchItem();\n}\n\n</script>\n\n<template class=\"cmp-sku-history\">\n  <div class=\"cmp-sku-history_wrapper\">\n    <StaticWidget title=\"Search SKU History\" height=\"735\">\n      <div class=\"cmp-sku-history_search-area\">\n        <div class=\"cmp-sku-history_search-area-icon\">\n          <i class=\"fa-regular fa-magnifying-glass\" style=\"color: var(--aqua-blue-definition); font-size: 35px;\"></i>\n        </div>\n        <div class=\"cmp-sku-history_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuNumber\"\n              :clearable=\"true\"\n              :width=\"220\"\n              :label-top=\"true\"\n              label=\"SKU Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuName\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"SKU Name\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"245\"\n              :label-top=\"true\"\n              label=\"SKU Group\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuComposite\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"Job Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :clearable=\"true\"\n              :width=\"280\"\n              :label-top=\"true\"\n              label=\"Warehouse Ref\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :clearable=\"true\"\n              :width=\"280\"\n              :label-top=\"true\"\n              label=\"Warehouse Location\">\n          </TextInput>\n        </div>\n        <div class=\"cmp-sku-history_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuNumber\"\n              :clearable=\"true\"\n              :width=\"220\"\n              :label-top=\"true\"\n              label=\"Description\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuName\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"true\"\n              label=\"Deliver To\">\n          </TextInput>\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"243\"\n              :label-top=\"true\"\n              label=\"Release Date From\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 12px\"\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"238\"\n              :label-top=\"true\"\n              label=\"Release Date To\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <div style=\"margin: 0 0 0 132px;\">\n            <CheckBox\n                v-model=\"stockSearch.searchCriteria.zeroQty\"\n                :label-width=\"124\"\n                label=\"Notification Not Sent\">\n            </CheckBox>\n          </div>\n          <div style=\"margin-left: 195px;\">\n            <Button text=\"Search\" type=\"plain\"></Button>\n          </div>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              Clear All\n            </template>\n            <i class=\"fa-solid fa-trash-can-list\" style=\"color:#4c4c4c; cursor: pointer; margin-top: 4px;\" @click=\"handleClearAllFields\"></i>\n          </StaticTooltip>\n        </div>\n      </div>\n      <StaticWidget title=\"Search Results\" height=\"600\">\n        <template #right-side>\n          <Button text=\"Refresh\" type=\"toolbar\"></Button>\n        </template>\n        <div class=\"cmp-sku-history_search-results-wrapper\">\n          <DataGrid\n              :allowGridMenu=\"false\"\n              height=\"300\"\n              :page-size=\"200\"\n              :selectable=\"true\"\n              :row-selection=\"false\"\n              :dataSource=\"store.state.dummyGridData\"\n              :columns=\"store.state.dummyGridColumns\">\n          </DataGrid>\n        </div>\n      </StaticWidget>\n    </StaticWidget>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-sku-history {\n\n  &_search-results-wrapper {\n\n    margin-top: 40px;\n  }\n\n  &_search-area {\n    position: relative;\n    height: 120px;\n    gap: 20px;\n    width: 1820px;\n    background-color: var(--body-bg);\n    border-radius: var(--rounded-corners);\n    border: 1px solid var(--border-color);\n  }\n\n  &_search-area-icon {\n    position: absolute;\n    top: 40px;\n    left: 30px;\n    height: 120px;\n  }\n\n  &_search-fields {\n    display: flex;\n    padding-top: 30px;\n    margin-left: 100px;\n    gap: 20px;\n  }\n\n}\n</style>\n","import script from \"./SKUHistory.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SKUHistory.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SKUHistory.vue?vue&type=style&index=0&id=5cdf8d7e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5cdf8d7e\"]])\n\nexport default __exports__","import script from \"./SKUHistory.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SKUHistory.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\nimport {inject, ref, nextTick, onMounted} from 'vue'\nimport API from \"@/classes/global/API\";\n\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport DateInput from \"@/components/common/input/DateInput\";\nimport TextArea from \"@/components/common/input/TextArea\";\nimport DropDownTextArea from \"@/components/common/input/DropDownTextArea\";\nimport SearchPill from \"@/components/common/other/SearchPill\";\nimport SearchStockPillGroup from \"@/components/warehouse/SearchStockPillGroup\";\nimport ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\nimport GridCellDetail from \"@/components/common/other/GridCellDetail\";\nimport MoreInfoPopOutPanel from \"@/components/common/other/MoreInfoPopOutPanel\";\nimport StockDescriptions from \"@/components/warehouse/StockDescriptions\";\n\nimport {useStore} from 'vuex';\nimport {useRoute} from \"vue-router\";\n\nimport {useMapConsigneeAddress} from \"@/composables/bookings/useMapConsigneeAddress\";\nimport {useMapConsigneeContact} from \"@/composables/bookings/useMapConsigneeContact\";\nimport {useClearConsigneeContact} from \"@/composables/bookings/useClearConsigneeContact\";\nimport {useClearDescriptionHeaders} from \"@/composables/stock/useClearDescriptionHeaders\";\nimport {useCheckSearchCriteriaExists} from \"@/composables/common/useCheckSearchCriteriaExists\";\n\nconst store = useStore();\nconst route = useRoute();\n\nconst pickStock = inject(\"pickStock\");\nconst uploadDocs = ref(true);\n\nconst props = defineProps({\n\n  modelValue: {}\n})\n\nconst emits = defineEmits(['update-picked-items']);\n\n\nonMounted(() => {\n\n  prepareMetaData();\n\n})\n\n\nasync function prepareMetaData() {\n\n  const response = await API.getStockMetaData(route, 'pickStockValidationFields' );\n\n  if(response) pickStock.value.metaData = response;\n\n}\n\nasync function getCompanyDetails(name) {\n\n  let response = await API.getCompanyDetail(name.id, route)\n\n  if (response) useMapConsigneeAddress(response, pickStock.value);\n\n}\n\nfunction handlePick(rowData) {\n\n  emits('update-picked-items', rowData.pickQuantity)\n\n  if (rowData.pickQuantity) {\n\n    let isExistingRowData = props.modelValue.pickedItems.find((item) => {\n      return rowData.id === item.id\n    })\n\n    if (isExistingRowData) return;\n\n    props.modelValue.pickedItems.push(rowData);\n    props.modelValue.openPicksDrawer = true;\n    rowData.allocated = rowData.pickQuantity;\n  }\n}\n\nfunction toggleSearchGroup(button) {\n\n  if (button && pickStock.value.searchGroup) return;\n  if (!button && !pickStock.value.searchGroup) return;\n\n  pickStock.value.searchGroup = !pickStock.value.searchGroup;\n}\n\nasync function getStockHeaders(selected) {\n\n  useClearDescriptionHeaders(pickStock.value);\n\n  const response = await API.getStockDescriptions(route, selected.id);\n\n  if(response) {\n\n    for(const each in response) {\n\n      if(response[each]) {\n\n        pickStock.value.skuGroupSelected = true;\n        pickStock.value.searchPills[each].enabled = true;\n        pickStock.value.searchPills[each].label = response[each];\n\n      } else {\n\n        pickStock.value.searchPills[each].enabled = false;\n\n      }\n    }\n  }\n\n  handlePickStockSearch();\n\n}\n\nasync function clearHeaders() {\n\n  useClearDescriptionHeaders(pickStock.value);\n\n  if(useCheckSearchCriteriaExists(props.modelValue.searchCriteria)) {\n\n    handlePickStockSearch();\n\n  } else {\n\n    pickStock.value.searchData = [];\n  }\n\n}\n\nasync function handlePickStockSearch() {\n\n  const response = await API.searchStock(route, pickStock.value.searchCriteria, 'pickstock');\n\n  pickStock.value.searchData = response;\n\n}\n\n\nfunction mapSelectedConsigneeContactDetail(contact) {\n\n  useMapConsigneeContact(contact, pickStock.value);\n\n}\n\nfunction handleClearCompany() {\n\n  pickStock.value.consignee = new ConsigneeDetail();\n\n}\n\nfunction disableGridShowButton(skuProperties) {\n\n  for(const each in skuProperties) {\n    if(skuProperties[each].value) return true\n  }\n\n  return false\n}\n\nfunction handleClearData() {\n\n  pickStock.value.searchData = [];\n}\n\n</script>\n\n<template class=\"cmp-pick-stock\">\n  <StaticWidget title=\"Delivery Information\" height=\"230\" background=\"#fcfcfc\">\n    <template #icon><i class=\"fa-regular fa-pen-field\" style=\"color: #21426b\"></i></template>\n    <template #extra-content>\n      <div style=\"margin-left: 80px; font-weight: normal\">Warehouse Job Number:\n        <span style=\"color: var(--aqua-blue-definition)\">{{pickStock.jobNumber}}</span>\n        <Button\n            style=\"margin-left: 20px;\"\n            type=\"toolbar\"\n            text=\"Cancel Job\">\n        </Button>\n      </div>\n    </template>\n    <template #right-side>\n      <!--      <Button-->\n      <!--          type=\"plain\"-->\n      <!--          icon=\"<i class='fa-light fa-floppy-disk'></i>\"-->\n      <!--          text=\"Save Job Details\">-->\n      <!--      </Button>-->\n      <Button\n          type=\"warning\"\n          @click=\"props.modelValue.openDocsDrawer = true;\"\n          icon=\"<i class='fa-solid fa-folder-plus'></i>\"\n          text=\"Add/View Docs\">\n      </Button>\n      <Button\n          type=\"plain\"\n          icon=\"<i class='fa-light fa-floppy-disk'></i>\"\n          text=\"Save & Submit\">\n      </Button>\n    </template>\n    <div class=\"cmp-pick-stock_delivery-section-wrapper\">\n      <div class=\"cmp-pick-stock_delivery-section-layout\">\n        <div class=\"global-css_vertical-form-layout\">\n          <div class=\"global-flex-layout\">\n            <MultiSearchDropDown\n                :key=\"pickStock.metaData.consignees\"\n                :allowCustomValue=\"true\"\n                :useServerSearch=\"true\"\n                :maxLength=\"50\"\n                searchType=\"consignee\"\n                @select=\"getCompanyDetails($event, 'consignee')\"\n                @clear=\"handleClearCompany('consignee')\"\n                label=\"Consignee\"\n                :dataSource=\"pickStock.metaData.consignees\"\n                :selectPrimitiveValue=\"true\">\n            </MultiSearchDropDown>\n            <StaticTooltip :icon=\"false\">\n              <template #content>\n                <div style=\"width: 300px;\">\n                  Select a Consignee by typing a Company name or postcode. You can type a custom name in the same box\n                  and save as a new record, or use as a one off Consignee for the booking.\n                </div>\n              </template>\n              <i class=\"fa fa-info-circle\" style=\"font-size: 14px; color: var(--info-icon-color)\"></i>\n            </StaticTooltip>\n          </div>\n          <TextInput\n              v-model=\"pickStock.consignee.consigneeAddressLine1\"\n              :maxLength=\"50\"\n              label=\"Address Line 1\">\n          </TextInput>\n          <TextInput\n              v-model=\"pickStock.consignee.consigneeAddressLine2\"\n              :maxLength=\"50\"\n              label=\"Address Line 2\">\n          </TextInput>\n          <TextInput\n              v-model=\"pickStock.consignee.city\"\n              :maxLength=\"50\"\n              label=\"City\">\n          </TextInput>\n          <div class=\"global-flex-layout\">\n            <TextInput\n                v-model=\"pickStock.consignee.consigneePostcode\"\n                :maxLength=\"10\"\n                :width=\"175\"\n                label=\"Post Code / ZIP\">\n            </TextInput>\n            <TextInput\n                v-model=\"pickStock.consignee.consigneeCounty\"\n                :maxLength=\"50\"\n                :width=\"155\"\n                label=\"County / State\">\n            </TextInput>\n          </div>\n          <MultiSearchDropDown\n              :key=\"pickStock.metaData.countries\"\n              v-model=\"pickStock.consignee.consigneeCountry\"\n              :dataSource=\"pickStock.metaData.countries\"\n              :allowCustomValue=\"false\"\n              label=\"Country\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n        </div>\n        <div class=\"global-css_vertical-form-layout\">\n          <MultiSearchDropDown\n              :key=\"pickStock.consignee.consigneeContacts\"\n              :width=\"400\"\n              :labelWidth=\"85\"\n              :maxLength=\"50\"\n              placeholder=\"Select...\"\n              :allowCustomValue=\"true\"\n              @select=\"mapSelectedConsigneeContactDetail\"\n              @clear=\"useClearConsigneeContact(pickStock)\"\n              :disableFilter=\"true\"\n              label=\"Contacts\"\n              v-model=\"pickStock.consignee.consigneeContactFullName\"\n              :data-source=\"pickStock.consignee.consigneeContacts\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n          <div class=\"global-flex-layout\">\n            <TextInput\n                v-model=\"pickStock.consignee.consigneeContactTitle\"\n                :maxLength=\"10\"\n                :labelWidth=\"85\"\n                :width=\"40\"\n                placeholder=\"Title\"\n                label=\"Name\">\n            </TextInput>\n            <TextInput\n                v-model=\"pickStock.consignee.consigneeContactFirstName\"\n                :maxLength=\"20\"\n                :width=\"150\"\n                placeholder=\"First Name\">\n            </TextInput>\n            <TextInput\n                v-model=\"pickStock.consignee.consigneeContactLastName\"\n                :maxLength=\"25\"\n                :width=\"190\"\n                placeholder=\"Last Name\">\n            </TextInput>\n          </div>\n          <TextInput\n              v-model=\"pickStock.consignee.consigneeContactPhone\"\n              :width=\"400\"\n              :labelWidth=\"85\"\n              :maxLength=\"25\"\n              label=\"Telephone\">\n          </TextInput>\n          <TextInput\n              v-model=\"pickStock.consignee.consigneeContactEmail\"\n              :width=\"400\"\n              :labelWidth=\"85\"\n              :maxLength=\"50\"\n              :validationText=\"['Required', 'Invalid Email']\"\n              label=\"Email\">\n          </TextInput>\n          <div class=\"cmp-pick-stock_address-save-button global-flex-layout\">\n            <Button\n                type=\"plain\"\n                icon=\"<i class='fa-light fa-floppy-disk'></i>\"\n                text=\"Save Address & Contact\">\n            </Button>\n            <!--          <Button-->\n            <!--              text=\"Update Address & Contact\"-->\n            <!--              type=\"success\">-->\n            <!--          </Button>-->\n            <!--          <div>-->\n            <!--            <StaticTooltip :icon=\"false\">-->\n            <!--              <template #content>-->\n            <!--                <div style=\"width: 300px;\">-->\n            <!--                  <div>Once you have entered Consignee information, you can select an existing contact,-->\n            <!--                    edit and save the changes.-->\n            <!--                  </div>-->\n            <!--                  <div>If you wish to add a new contact, fill out a first & last name as a minimum. Any Consignee changes are also saved.</div>-->\n            <!--                </div>-->\n            <!--              </template>-->\n            <!--              <i class=\"fa-solid fa-info-circle\" style=\"font-size: 14px; margin-right: 5px; color: var(&#45;&#45;info-icon-color)\"></i>-->\n            <!--            </StaticTooltip>-->\n            <!--          </div>-->\n          </div>\n        </div>\n        <div class=\"cmp-pick-stock_job-details-area global-css_vertical-form-layout\">\n          <TextInput\n              v-model=\"pickStock.customerRef\"\n              :width=\"365\"\n              :maxLength=\"50\"\n              :labelWidth=\"120\"\n              label=\"Customer Ref\">\n          </TextInput>\n          <div class=\"global-flex-layout\">\n            <DateInput\n                v-model=\"pickStock.releaseDate\"\n                :labelWidth=\"118\"\n                label=\"Release Date\">\n              <el-date-picker v-model=\"pickStock.releaseDate\"></el-date-picker>\n            </DateInput>\n            <MultiSearchDropDown\n                v-model=\"pickStock.releaseTime\"\n                style=\"margin-left: 35px;\"\n                :width=\"121\"\n                :labelWidth=\"75\"\n                :maxLength=\"50\"\n                placeholder=\"Select...\"\n                :allowCustomValue=\"false\"\n                :disableFilter=\"true\"\n                label=\"Release Time\"\n                :selectPrimitiveValue=\"true\">\n            </MultiSearchDropDown>\n          </div>\n          <DateInput\n              v-model=\"pickStock.deliveryDate\"\n              :labelWidth=\"118\"\n              label=\"Delivery Date\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <TextInput\n              v-model=\"pickStock.action\"\n              :width=\"365\"\n              :maxLength=\"50\"\n              :labelWidth=\"120\"\n              label=\"Action\">\n          </TextInput>\n          <DropDownTextArea\n              v-model=\"pickStock.deliveryInstructions\"\n              :width=\"365\"\n              :labelWidth=\"120\"\n              label=\"Delivery Instructions\">\n          </DropDownTextArea>\n        </div>\n      </div>\n    </div>\n  </StaticWidget>\n  <StaticWidget title=\"Search Stock\" height=\"420\">\n    <template #extra-content>\n      <div style=\" margin-left: 80px; font-weight: normal\">SKU Group</div>\n      <div style=\"font-weight: normal\" class=\"global-flex-layout\">\n        <MultiSearchDropDown\n            :key=\"pickStock.metaData.skuGroups\"\n            :width=\"320\"\n            :labelWidth=\"85\"\n            :maxLength=\"50\"\n            placeholder=\"Select...\"\n            @select=\"getStockHeaders\"\n            @clear=\"clearHeaders\"\n            :allowCustomValue=\"false\"\n            :disableFilter=\"true\"\n            v-model=\"pickStock.searchCriteria.skuGroup\"\n            :dataSource=\"pickStock.metaData.skuGroups\"\n            :selectPrimitiveValue=\"true\">\n        </MultiSearchDropDown>\n        <StaticTooltip :icon=\"false\">\n          <template #content>\n            <div style=\"width: 340px;\">\n              <strong>Search</strong> by completing any field and press any search icon\n              <span><i class=\"fa-duotone fa-square-arrow-right\" style=\"color: #114362\"></i></span> or press enter within\n              the field.\n              Any fields with data are considered when searching records, some criteria may return no results. Selecting\n              a\n              SKU Group will bring new search criteria where available. A search group toggle will appear to view other\n              fields.\n              Press Refresh to return the latest records for the current search, or reset the data to initial records.\n            </div>\n          </template>\n          <i class=\"fa-solid fa-circle-info icon-info\"></i>\n        </StaticTooltip>\n        <div v-if=\"pickStock.skuGroupSelected\" class=\"cmp-stock_search-group-selection\">\n          <span>Search Group</span>\n          <Button\n              @click=\"toggleSearchGroup(true)\"\n              type=\"toolbar\"\n              text=\"1\"\n              :class=\"{'cmp-stock_search-group-selection-icon-active' : pickStock.searchGroup}\"\n              style=\"width: 30px;\">\n          </Button>\n          <Button\n              @click=\"toggleSearchGroup(false)\"\n              type=\"toolbar\"\n              text=\"2\"\n              :class=\"{'cmp-stock_search-group-selection-icon-active' : !pickStock.searchGroup}\"\n              style=\"width: 30px;\">\n          </Button>\n        </div>\n      </div>\n    </template>\n    <template #right-side>\n<!--      <Button-->\n<!--          @click=\"props.modelValue.openPicksDrawer = !props.modelValue.openPicksDrawer\"-->\n<!--          icon=\"<i class='fa-duotone fa-grid-2'></i>\"-->\n<!--          type=\"info\"-->\n<!--          :badgeData=\"pickStock.pickedItems.length\"-->\n<!--          text=\"View Picks\">-->\n<!--      </Button>-->\n    </template>\n    <SearchStockPillGroup\n        url=\"pickstock\"\n        @clear=\"handleClearData\"\n        v-model=\"pickStock\">\n    </SearchStockPillGroup>\n    <div style=\"margin-top: 50px;\">\n      <DataGrid\n          :key=\"pickStock.searchData.length\"\n          :allowGridMenu=\"false\"\n          height=\"300\"\n          :page-size=\"200\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          v-model:currentPage=\"pickStock.searchResultCurrentPage\"\n          v-model:currentPaginationRange=\"pickStock.searchResultPaginationRange\"\n          :dataSource=\"pickStock.searchData\"\n          :columns=\"pickStock.searchGridColumns\">\n<!--        <template v-slot:available=\"row\">-->\n<!--          <div style=\"display: grid; grid-template-columns: 40px 100px;\">-->\n<!--            {{row.rowData.available}}<span v-if=\"row.rowData.isLowStock\" style=\"font-size: 11px; color: #b04545\">-->\n<!--            <i class=\"fa-solid fa-triangle-exclamation\" style=\"padding-top: 6px\"></i> Low Stock!</span>-->\n<!--          </div>-->\n<!--        </template>-->\n        <template v-slot:pick=\"row\">\n          <Button\n              :disabled=\"row.rowData.isZeroQuantity\"\n              @click=\"handlePick(row.rowData)\"\n              icon=\"<i class='fa-duotone fa-circle-plus'></i>\"\n              type=\"success\"\n              text=\"Pick\">\n          </Button>\n        </template>\n        <template #menu-slot-items v-if=\"pickStock.searchData.length > 0\">\n          <Button\n              @click=\"props.modelValue.openPicksDrawer = !props.modelValue.openPicksDrawer\"\n              icon=\"<i class='fa-duotone fa-grid-2'></i>\"\n              type=\"toolbar\"\n              :badgeData=\"pickStock.pickedItems.length\"\n              text=\"View Picks\">\n          </Button>\n            <Button\n                @click=\"handlePick(row.rowData)\"\n                type=\"toolbar\"\n                text=\"Pick All\">\n            </Button>\n<!--          <div>Stock Over Pick Available-->\n<!--            <i class=\"fa-solid fa-circle-check\" style=\"color: #3f9968;\"></i>-->\n<!--          </div>-->\n        </template>\n        <template v-slot:pickQuantity=\"row\">\n          <TextInput\n              :disable=\"row.rowData.isZeroQuantity\"\n              v-model=\"row.rowData.pickQuantity\"\n              :width=\"60\"\n              :maxLength=\"8\">\n          </TextInput>\n        </template>\n        <template v-slot:comments=\"row\">\n          <DropDownTextArea\n              v-model=\"row.rowData.comments\"\n              :width=\"310\">\n          </DropDownTextArea>\n        </template>\n        <template v-slot:skuProperties=\"row\">\n          <GridCellDetail :clickToView=\"true\">\n            <template #details>\n              <MoreInfoPopOutPanel\n                  v-model=\"row.grid\">\n                <template #header>Stock Item Properties</template>\n                <template #header-extra>SKU Number:\n                  <span style=\"color: var(--aqua-blue-definition)\"> {{ row.grid.skuNumber }}</span></template>\n                <template #content>\n                  <StockDescriptions v-model=\"row.grid.skuProperties\"></StockDescriptions>\n                </template>\n              </MoreInfoPopOutPanel>\n            </template>\n            <template #cell-data>\n              <Button\n                  v-if=\"disableGridShowButton(row.grid.skuProperties)\"\n                  type=\"toolbar\"\n                  text=\"View\">\n              </Button>\n            </template>\n          </GridCellDetail>\n        </template>\n      </DataGrid>\n    </div>\n  </StaticWidget>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-pick-stock {\n\n  &_delivery-section-layout {\n    padding: 20px;\n    display: grid;\n    gap: 70px;\n    grid-template-columns: 590px 490px 500px;\n  }\n\n  &_delivery-section-wrapper {\n    background-color: #ffffff;\n    border-radius: var(--rounded-corners);\n    border: 1px solid var(--border-color);\n    border-left: 6px solid var(--left-border-highlight);\n  }\n\n  &_address-save-button {\n    padding: 5px 0 0 88px;\n  }\n\n  &_job-details-area {\n    margin-top: -10px;\n    padding: 10px;\n  }\n\n}\n\n</style>\n","import script from \"./PickStock.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PickStock.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PickStock.vue?vue&type=style&index=0&id=04175bb3&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-04175bb3\"]])\n\nexport default __exports__","<script setup>\nimport Button from \"@/components/common/input/Button\";\nimport UploadedFileSave from \"@/classes/global/UploadedFileSave\";\n\nimport {ref, computed} from 'vue';\n\nconst uploadButton = ref();\nconst uploadFileSizeError = ref();\n\nlet uploadFileSizeErrorMessage = ref();\n\nconst updateFileInput = computed(() => {\n\n  return props.modelValue.files.length\n})\n\nconst props = defineProps({\n\n  modelValue: {}\n})\n\n\n\nfunction handleUpload() {\n\n  uploadButton.value.click()\n}\n\nasync function handleUploadedFiles(files) {\n\n  for(const file of files) {\n\n    uploadFileSizeError.value = false;\n\n    // Convert file size from bytes to megabytes\n    let fileSize = Math.round((file.size / 1024 / 1024) * 100) / 100;\n\n    if(fileSize < 28) {\n\n      let prepareFile = new UploadedFileSave();\n\n      prepareFile.fileName = file.name\n      prepareFile.file = await getAsByteArray(file)\n\n      props.modelValue.files.push(prepareFile)\n\n    } else {\n\n      uploadFileSizeError.value = true;\n      uploadFileSizeErrorMessage.value = file.name + ' ' + 'is too large to upload - max 28MB'\n\n    }\n\n  }\n\n}\n\nasync function getAsByteArray(file) {\n\n  return new Uint8Array(await readFile(file))\n}\n\nfunction readFile(file) {\n\n  return new Promise((resolve, reject) => {\n    // Create file reader\n    let reader = new FileReader()\n\n    // Register event listeners\n    reader.addEventListener(\"loadend\", e => resolve(e.target.result))\n    reader.addEventListener(\"error\", reject)\n\n    // Read file\n    reader.readAsArrayBuffer(file)\n  })\n}\n\nfunction handleRemoveDocument(index) {\n\n  props.modelValue.files.splice(index, 1);\n\n}\n\n</script>\n\n<template class=\"cmp-document-upload\">\n<div class=\"cmp-document-upload_wrapper\">\n  <div>\n    <input :key=\"updateFileInput\" v-show=\"false\" ref=\"uploadButton\" type=\"file\" accept=\".txt,.pdf,.png\"\n           multiple @change=\"handleUploadedFiles($event.target.files)\"/>\n    <Button\n        @click=\"handleUpload\"\n        type=\"toolbar\"\n        text=\"Select\">\n    </Button>\n    <span style=\"margin-left: 20px; font-size: 11px;\">\n    You may add multiple files by using ctrl and click in the file window</span>\n  </div>\n  <div v-if=\"uploadFileSizeError\" class=\"cmp-document-upload_file-error-area\">\n    {{uploadFileSizeErrorMessage}}\n  </div>\n  <div class=\"cmp-document-upload_headings\">\n    <div>Name</div>\n  </div>\n  <div class=\"cmp-document-upload_uploaded-files-list\">\n    <div v-for=\"(item, index) in props.modelValue.files\" class=\"cmp-document-upload_uploaded-files-items\">\n      <span><i class=\"fa-light fa-file\" style=\"color: #719ece;\"></i>  {{item.fileName}}</span>\n      <div @click=\"handleRemoveDocument(index)\">\n        <i class=\"fa-sharp fa-solid fa-xmark\" style=\"color: darkred; cursor: pointer; font-size: 20px;\"></i>\n      </div>\n    </div>\n    <div v-if=\"props.modelValue.files.length === 0\" class=\"global-no-data-placeholder\"\n         style=\"display: flex; align-items: center; justify-content: center; height: 96px; font-size: 12px;\">\n      No Current Documents\n    </div>\n  </div>\n</div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-document-upload {\n\n  &_wrapper {\n    position: relative;\n    padding:10px;\n  }\n\n  &_headings {\n    font-size: 13px;\n    margin: 20px 0 0 5px;\n    display: grid;\n    grid-template-columns: 300px\n  }\n\n  &_files {\n    margin: 3px 0 0 5px!important;\n  }\n\n  &_uploaded-files-list {\n    margin-top: 7px;\n    padding: 5px;\n    width: 500px;\n    border: 1px solid var(--border-color);\n    height: 130px;\n    overflow: auto;\n    background: #ffffff;\n    border-radius: var(--rounded-corners);\n  }\n\n  &_uploaded-files-items {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: #f5f5f5;\n    border-radius: 3px;\n    padding: 3px 10px 3px 10px;\n    margin-top: 3px;\n    border-left: 5px solid #457728;\n    height: 16px;\n    font-size: 12px;\n  }\n\n  &_uploaded-files-items:hover {\n    border-left: 5px solid #b13c3c;\n  }\n\n  &_file-error-area {\n    position: absolute;\n    top: 40px;\n    left: 105px;\n    font-size: 12px;\n    color: #b71b1b;\n  }\n}\n</style>\n","import script from \"./DocumentUpload.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DocumentUpload.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DocumentUpload.vue?vue&type=style&index=0&id=1f8ee007&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1f8ee007\"]])\n\nexport default __exports__","<script setup>\nimport PickStock from \"@/components/warehouse/PickStock\"\nimport SlideInDrawer from \"@/components/common/navigation/SlideInDrawer\";\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Table from \"@/components/common/other/Table\";\nimport Button from \"@/components/common/input/Button\";\nimport DocumentUpload from \"@/components/common/other/DocumentUpload\";\n\nimport {inject, ref, onMounted} from 'vue';\n\nimport {useStore} from 'vuex';\nimport API from \"@/classes/global/API\";\n\nconst store = useStore();\n\nconst pickStock = inject(\"pickStock\");\n\nconst updateGridRender = ref();\n\n</script>\n\n<template>\n  <SlideInDrawer\n      :height=\"395\"\n      title=\"Picked Stock\"\n      v-model:open-drawer=\"pickStock.openPicksDrawer\">\n    <div style=\"margin-top: 30px;\">\n      <Table\n          :key=\"updateGridRender\"\n          :allowGridMenu=\"false\"\n          height=\"260\"\n          :page-size=\"180\"\n          :selectable=\"false\"\n          :row-selection=\"false\"\n          :dataSource=\"pickStock.pickedItems\"\n          :columns=\"pickStock.pickedItemGridColumns\">\n        <template v-slot:unPick=\"row\">\n          <Button\n              type=\"danger\"\n              text=\"Unpick\">\n          </Button>\n        </template>\n      </Table>\n    </div>\n  </SlideInDrawer>\n  <SlideInDrawer\n      :height=\"320\"\n      title=\"Upload Documents\"\n      v-model:open-drawer=\"pickStock.openDocsDrawer\">\n      <DocumentUpload v-model=\"pickStock\"></DocumentUpload>\n  </SlideInDrawer>\n  <PickStock\n      @update-picked-items=\"updateGridRender = $event\"\n      v-model=\"pickStock\">\n  </PickStock>\n\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./PickStock.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PickStock.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport DataGrid from \"@/components/common/other/DataGrid\";\nimport Button from \"@/components/common/input/Button\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport DateInput from \"@/components/common/input/DateInput\"\n\nimport {inject, ref} from 'vue'\n\nimport {useStore} from 'vuex';\n\nconst store = useStore();\n\nconst stockSearch = inject('stockSearch');\n\nconst searchPurchaseOrder = inject('searchPurchaseOrder');\n\nfunction handleClearAllFields() {\n\n  stockSearch.value.stockSearchCriteria = new StockSearchItem();\n}\n\n</script>\n\n<template class=\"cmp-browse-purchase-order\">\n  <div class=\"cmp-browse-purchase-order_wrapper\">\n    <StaticWidget title=\"Search Purchase Orders\" height=\"735\">\n      <div class=\"cmp-browse-purchase-order_search-area\">\n        <div class=\"cmp-browse-purchase-order_search-area-icon\">\n<!--          <i class=\"fa-regular fa-magnifying-glass\" style=\"color: var(&#45;&#45;aqua-blue-definition); font-size: 35px;\"></i>-->\n        </div>\n        <div class=\"cmp-browse-purchase-order_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuNumber\"\n              :label-width=\"80\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"false\"\n              label=\"PO Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuName\"\n              :label-width=\"122\"\n              :clearable=\"true\"\n              :width=\"360\"\n              :label-top=\"false\"\n              label=\"Vessel\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :label-width=\"100\"\n              :clearable=\"true\"\n              :width=\"320\"\n              :label-top=\"false\"\n              label=\"Job Number\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.skuComposite\"\n              :label-width=\"120\"\n              :clearable=\"true\"\n              :width=\"320\"\n              :label-top=\"false\"\n              label=\"Container Number\">\n          </TextInput>\n        </div>\n        <div class=\"cmp-browse-purchase-order_search-fields\">\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :label-width=\"80\"\n              :clearable=\"true\"\n              :width=\"240\"\n              :label-top=\"false\"\n              label=\"Product Code\">\n          </TextInput>\n          <TextInput\n              v-model=\"stockSearch.searchCriteria.description\"\n              :label-width=\"123\"\n              :clearable=\"true\"\n              :width=\"360\"\n              :label-top=\"false\"\n              label=\"Product Description\">\n          </TextInput>\n          <MultiSearchDropDown\n              :width=\"320\"\n              :labelWidth=\"100\"\n              placeholder=\"Select\"\n              label=\"Origin Port\"\n              :label-top=\"false\"\n              :selectPrimitiveValue=\"true\"\n              :disableFilter=\"true\">\n          </MultiSearchDropDown>\n          <MultiSearchDropDown\n              style=\"margin-left: 10px\"\n              :width=\"320\"\n              :labelWidth=\"110\"\n              placeholder=\"Select\"\n              label=\"Destination Port\"\n              :label-top=\"false\"\n              :selectPrimitiveValue=\"true\"\n              :disableFilter=\"true\">\n          </MultiSearchDropDown>\n        </div>\n        <div class=\"cmp-browse-purchase-order_search-fields cmp-browse-purchase-order_dates\">\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"Departure Date From\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"To\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 220px;\"\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"Arrival Date From\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"To\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 220px;\"\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"Delivery Date From\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <DateInput\n              v-model=\"stockSearch.searchCriteria.skuGroup\"\n              :clearable=\"true\"\n              :width=\"150\"\n              :label-top=\"true\"\n              label=\"To\">\n            <el-date-picker></el-date-picker>\n          </DateInput>\n          <div style=\"margin-left: 150px;\">\n            <Button text=\"Search\" type=\"plain\"></Button>\n          </div>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              Clear All\n            </template>\n            <i class=\"fa-solid fa-trash-can-list\" style=\"color:#4c4c4c; cursor: pointer; margin-top: 4px;\" @click=\"handleClearAllFields\"></i>\n          </StaticTooltip>\n        </div>\n      </div>\n      <StaticWidget title=\"Search Results\" height=\"540\">\n        <template #right-side>\n          <Button text=\"Refresh\" type=\"toolbar\"></Button>\n        </template>\n        <div class=\"cmp-browse-purchase-order_search-results-wrapper\">\n          <DataGrid\n              :allowGridMenu=\"false\"\n              height=\"300\"\n              :page-size=\"200\"\n              :selectable=\"false\"\n              :row-selection=\"false\"\n              :dataSource=\"searchPurchaseOrder.poDummyData\"\n              :columns=\"searchPurchaseOrder.gridColumns\">\n            <template v-slot:view=\"row\">\n              <Button\n                  data-cy=\"btnViewPurchaseOrder\"\n                  type=\"toolbar\"\n                  text=\"View\">\n              </Button>\n            </template>\n          </DataGrid>\n        </div>\n      </StaticWidget>\n    </StaticWidget>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-browse-purchase-order {\n\n  &_search-results-wrapper {\n    margin-top: 40px;\n  }\n\n  &_search-area {\n    position: relative;\n    height: 150px;\n    gap: 20px;\n    width: 1820px;\n    background-color: #f6f2f2;\n    border-radius: var(--rounded-corners);\n    border: 1px solid var(--border-color);\n  }\n\n  &_search-area-icon {\n    position: absolute;\n    top: 40px;\n    left: 30px;\n    height: 120px;\n  }\n\n  &_search-fields {\n    display: flex;\n    padding-top: 10px;\n    margin-left: 20px;\n    gap: 20px;\n  }\n\n  &_dates {\n    margin: 30px 0 0 105px;\n  }\n\n}\n</style>\n","import script from \"./BrowsePurchaseOrder.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrowsePurchaseOrder.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrowsePurchaseOrder.vue?vue&type=style&index=0&id=2a0c9705&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2a0c9705\"]])\n\nexport default __exports__","import script from \"./AddressSelectionTile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddressSelectionTile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddressSelectionTile.vue?vue&type=style&index=0&id=2d9562b0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2d9562b0\"]])\n\nexport default __exports__","<script setup>\nimport MultiSearchDropDown from '@/components/common/input/MultiSearchDropDown';\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport {computed, onMounted} from 'vue';\nimport {useStore} from \"vuex\";\nimport Validation from \"@/classes/global/Validation\";\n\nconst emits = defineEmits(['select', 'clear', 'input', 'clear-fields']);\nconst store = useStore();\nconst props = defineProps({\n\n  modelValue: {},\n  disableFields: false,\n  allowCustomValue: {type: Boolean, default: true},\n  isModalAddress: {type: Boolean, default: true},\n  readOnly: {type: Boolean, default: false},\n  currentTile: '',\n  requiredFields: {type: Array, default: function () {\n      return []\n    }},\n\n})\n\nfunction getRequiredField(field) {\n\n  return props.requiredFields.filter(x => x.modelName === field)[0]?.validate\n\n}\n\n</script>\n\n\n<template>\n  <div class=\"global-css_vertical-form-layout\" style=\"padding-top: 20px\">\n    <div class=\"global-flex-layout\">\n      <TextInput\n          v-model=\"props.modelValue.companyName\"\n          :requiredField=\"getRequiredField('companyName')\"\n          v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'companyName').trigger\"\n          :maxLength=\"50\"\n          :width=\"320\"\n          :disable=\"props.disableFields\"\n          :label-width=\"100\"\n          label=\"Name\">\n      </TextInput>\n      <StaticTooltip v-if=\"props.isModalAddress\">\n        <template #content>\n          Clear All Fields\n        </template>\n        <i class=\"fa-solid fa-trash-can-list\" @click=\"emits('clear-fields')\"></i>\n      </StaticTooltip>\n    </div>\n    <TextInput\n        v-model=\"props.modelValue.addressLine1\"\n        :requiredField=\"getRequiredField('addressLine1')\"\n        v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'addressLine1').trigger\"\n        :maxLength=\"50\"\n        :width=\"320\"\n        :disable=\"props.disableFields\"\n        :label-width=\"100\"\n        label=\"Address Line 1\">\n    </TextInput>\n    <TextInput\n        v-model=\"props.modelValue.addressLine2\"\n        :requiredField=\"getRequiredField('addressLine2')\"\n        v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'addressLine2').trigger\"\n        :maxLength=\"50\"\n        :disable=\"props.disableFields\"\n        :width=\"320\"\n        :label-width=\"100\"\n        label=\"Address Line 2\">\n    </TextInput>\n    <TextInput\n        v-model=\"props.modelValue.city\"\n        :requiredField=\"getRequiredField('city')\"\n        v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'city').trigger\"\n        :maxLength=\"50\"\n        :disable=\"props.disableFields\"\n        :width=\"320\"\n        :label-width=\"100\"\n        label=\"City\">\n    </TextInput>\n    <TextInput\n        v-model=\"props.modelValue.postCode\"\n        :requiredField=\"getRequiredField('postCode')\"\n        v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'postCode').trigger\"\n        :maxLength=\"50\"\n        :disable=\"props.disableFields\"\n        :width=\"320\"\n        :label-width=\"100\"\n        label=\"Post Code\">\n    </TextInput>\n    <TextInput\n        v-model=\"props.modelValue.county\"\n        :requiredField=\"getRequiredField('county')\"\n        v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'county').trigger\"\n        :maxLength=\"50\"\n        :disable=\"props.disableFields\"\n        :width=\"320\"\n        :label-width=\"100\"\n        label=\"County\">\n    </TextInput>\n    <MultiSearchDropDown\n         v-model=\"props.modelValue.country\"\n         :requiredField=\"getRequiredField('country')\"\n         v-model:validation-fail=\"props.requiredFields.find(x => x.modelName === 'country').trigger\"\n        :width=\"320\"\n        :label-width=\"100\"\n        :allowCustomValue=\"false\"\n        placeholder=\"Select or Search....\"\n        label=\"Country\"\n        :dataSource=\"store.state.dataSource\"\n        :selectPrimitiveValue=\"true\">\n    </MultiSearchDropDown>\n\n  </div>\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./AddressDetail.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddressDetail.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","export default class Address {\n    constructor() {\n\n        this.companyId = 0;\n        this.companyName = '';\n        this.addressLine1 = '';\n        this.addressLine2 = '';\n        this.city = '';\n        this.postCode = '';\n        this.county = '';\n        this.country = '';\n    }\n}\n","export default class PurchaseOrderItemDetail  {\n\n    constructor() {\n\n        this.productCode = '';\n        this.productDescription = '';\n        this.qtyRequired = '';\n        this.qtyReceived = '';\n        this.qtyRemaining = '';\n        this.weight = '';\n        this.unitOfWeight = '';\n        this.itemPrice = '';\n        this.lineItemTotalprice = '';\n    }\n}\n","import PurchaseOrderItemDetail from \"@/classes/component-classes/PurchaseOrderItemDetail\";\n\nexport default class PurchaseOrderItemDetailExtended extends PurchaseOrderItemDetail{\n\n    constructor() {\n\n        super();\n\n        this.rowId = '';\n        this.readOnly = false;\n        this.showAddButton = true;\n        this.isEditing = false;\n        this.isDeleting = false;\n    }\n}\n","<script setup>\n\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\"\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\"\nimport Button from \"@/components/common/input/Button\"\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\nimport PurchaseOrderItemDetail from \"@/classes/component-classes/PurchaseOrderItemDetail\";\nimport PurchaseOrderItemDetailExtended from \"@/classes/component-classes/PurchaseOrderItemDetailExtended\";\n\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\n\nimport {ref, onMounted, nextTick, inject, computed} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst localArray = ref([]);\n\nconst emits = defineEmits(['entry-update'])\n\nconst props = defineProps({\n\n  modelValue: {\n    type: Array, default: function () {\n      return []\n    },\n  },\n\n  requiredFields: {type: Array, default: []},\n  validationFail: Boolean,\n  height: Number\n\n})\n\nfunction addNewItem(line, index) {\n\n  let valid = validate(line);\n\n  if (valid) {\n\n    line.showAddButton = false;\n    line.readOnly = true;\n\n    localArray.value.push(new PurchaseOrderItemDetailExtended());\n    props.modelValue.push(new PurchaseOrderItemDetail());\n\n    modelValueUpdate(line, index);\n\n  }\n\n}\n\nfunction validate(line) {\n\n  // if(!line.containerType || !line.teu || !line.containerNumber || !line.sealNumber) return false;\n\n  return true;\n\n}\n\nfunction modelValueUpdate(line, index) {\n\n  // Collect the pure model keys and update the values from the current local line\n  for (const propName in props.modelValue[0]) {\n    props.modelValue[index][propName] = line[propName]\n  }\n\n}\n\nfunction prepareDelete(line) {\n  line.isDeleting = true;\n}\n\nfunction cancelDelete(line) {\n  line.isDeleting = false;\n}\n\nfunction removeItem(index, line) {\n\n  localArray.value.splice(index, 1);\n  props.modelValue.splice(index, 1);\n\n  localArray.value[localArray.value.length - 1].isEditing = false;\n  localArray.value[localArray.value.length - 1].readOnly = false;\n\n}\n\nfunction editItem(line) {\n\n  localArray.value.forEach(item => {\n    item.readOnly = true;\n  });\n\n  line.readOnly = false;\n  line.isEditing = true;\n\n  // Take the add button away if editing a line\n  localArray.value[localArray.value.length - 1].isEditing = true;\n\n}\n\nfunction acceptEdit(line, index) {\n\n  let valid = validate(line)\n\n  if (valid) {\n\n    if (index === localArray.value.length - 1) {\n      props.modelValue.push(new PurchaseOrderItemDetail())\n    }\n\n    modelValueUpdate(line, index);\n\n    line.readOnly = true;\n    localArray.value[localArray.value.length - 1].isEditing = false;\n    localArray.value[localArray.value.length - 1].readOnly = false;\n  }\n\n}\n\nonMounted(() => {\n\n  // Set memory reference from local data\n  let itemDetails = localArray.value\n\n  props.modelValue.forEach(function (item) {\n\n    // Cast the pure model class into the local extended class\n    let itemDetail = {...new PurchaseOrderItemDetailExtended(), ...item}\n\n    // Set all correct props for returning data for button actions\n    itemDetail.showAddButton = false;\n    itemDetail.readOnly = true;\n\n    itemDetails.push(itemDetail)\n  })\n\n  // Add a new empty line after the current container\n  itemDetails.push(new PurchaseOrderItemDetailExtended())\n\n})\n\n</script>\n\n<template>\n  <div class=\"cmp-purchase-order-item-details\">\n    <div class=\"cmp-purchase-order-item-details_labels\">\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'productCode')}\">Product Code</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'productDescription')}\" style=\"font-size: 12px\">Product Description</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyRequired')}\">Qty Required</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyReceived')}\">Qty Received</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyRemaining')}\">Qty Remaining</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'weight')}\" style=\"font-size: 12px\">Weight</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'unitOfWeight')}\">Unit Of Weight</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'itemPrice')}\">Item Price</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'lineItemTotalPrice')}\">Line Item TotalPrice</div>\n    </div>\n    <div class=\"cmp-purchase-order-item-details_container\" :style=\"{ height: props.height + 'px' }\">\n      <div v-for=\"(line, index) in localArray\" class=\"cmp-purchase-order-item-details_wrapper\" :key=\"index\">\n\n        <TextInput\n            :width=\"230\">\n\n        </TextInput>\n        <TextInput\n        :width=\"380\">\n\n        </TextInput>\n        <NumberOnlyInput\n            :width=\"114\">\n\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            :width=\"116\">\n\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            :width=\"116\">\n\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            :width=\"125\">\n\n        </NumberOnlyInput>\n        <MultiSearchDropDown\n            :width=\"265\"\n            :allowCustomValue=\"false\"\n            :maxLength=\"50\"\n            :selectPrimitiveValue=\"true\">\n        </MultiSearchDropDown>\n        <NumberOnlyInput\n            :width=\"125\">\n\n        </NumberOnlyInput>\n        <NumberOnlyInput\n            :width=\"140\">\n\n        </NumberOnlyInput>\n\n        <div v-if=\"line.showAddButton && !line.isEditing\" class=\"cmp-purchase-order-item-details_icons\" title=\"Add New Line\">\n          <!--          <Button type=\"toolbar\" text=\"Add\" @on-click=\"addContainer(line, index)\"></Button>-->\n          <i @click=\"addNewItem(line, index)\" class=\"fa-solid fa-circle-plus\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"line.readOnly && !line.isDeleting\" class=\"cmp-purchase-order-item-details_icons\" title=\"Edit Line\">\n          <!--          <Button type=\"success\" text=\"Edit\" @on-click=\"editContainer(line)\"></Button>-->\n          <i @click=\"editItem(line)\" class=\"fa-solid fa-pen-to-square\" style=\"color: #37798a\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-purchase-order-item-details_icons\" title=\"Confirm Delete\">\n          <!--          <Button type=\"info\" text=\"Yes\" @on-click=\"removeContainer(index, line)\"></Button>-->\n          <i @click=\"removeItem(index, line)\" class=\"fa-solid fa-solid fa-trash-check\" style=\"color: #b0752a\"></i>\n        </div>\n        <div v-if=\"!line.readOnly && line.isEditing && !line.isDeleting\" class=\"cmp-purchase-order-item-details_icons\" title=\"Accept Changes\">\n          <!--          <Button type=\"secondary\" text=\"Accept\" @on-click=\"acceptEdit(line, index)\"></Button>-->\n          <i @click=\"acceptEdit(line, index)\" class=\"fa-solid fa-circle-check\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"!line.showAddButton && !line.isDeleting\" class=\"cmp-purchase-order-item-details_icons\" title=\"Delete\">\n          <!--          <Button type=\"danger\" text=\"Delete\" @on-click=\"prepareDelete(line)\"></Button>-->\n          <i  @click=\"prepareDelete(line)\" class=\"fa-solid fa-trash\" style=\"color: #832222\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-purchase-order-item-details_icons\" title=\"Do Not Delete\">\n          <!--          <Button type=\"secondary\" text=\"No\" @on-click=\"cancelDelete(line)\"></Button>-->\n          <i @click=\"cancelDelete(line)\" class=\"fa-solid fa-ban\" style=\"color: #832222;\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<style lang=\"scss\" scoped>\n\n.cmp-purchase-order-item-details {\n\n  &_wrapper {\n    width: 940px;\n    display: flex;\n    gap: 4px;\n  }\n\n  &_wrapper > div {\n    margin-bottom: 3px;\n  }\n\n  &_container {\n    height: 60px;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  &_labels {\n    margin-bottom: 3px;\n    font-size: 13px;\n    display: grid;\n    grid-template-columns: 229px 379px 111px 114px 114px 123px 263px 123px 137px;\n\n    gap: 6px;\n  }\n\n  &_labels div {\n    color: #454545;\n    font-weight: bold;\n    font-size: 12px;\n    display: flex;\n  }\n\n  &_icons {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 20px;\n    margin-left: 10px;\n  }\n\n}\n\n</style>\n","import script from \"./PurchaseOrderItemDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PurchaseOrderItemDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PurchaseOrderItemDetails.vue?vue&type=style&index=0&id=0e3a095b&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0e3a095b\"]])\n\nexport default __exports__","export default class PurchaseOrderStatus {\n    constructor() {\n\n        this.statusCode = '';\n        this.statusText = '';\n        this.user = '';\n        this.date = '';\n        this.comment = '';\n    }\n}\n","import PurchaseOrderStatus from \"@/classes/component-classes/PurchaseOrderStatus\";\n\nexport default class PurchaseOrderStatusExtended extends PurchaseOrderStatus{\n    constructor() {\n\n        super();\n\n        this.rowId = '';\n        this.readOnly = false;\n        this.showAddButton = true;\n        this.isEditing = false;\n        this.isDeleting = false;\n    }\n}\n","<script setup>\n\nimport NumberOnlyInput from \"@/components/common/input/NumberOnlyInput\"\nimport MultiSearchDropDown from \"@/components/common/input/MultiSearchDropDown\"\nimport Button from \"@/components/common/input/Button\"\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\nimport PurchaseOrderStatusExtended from \"@/classes/component-classes/PurchaseOrderStatusExtended\";\nimport PurchaseOrderStatus from \"@/classes/component-classes/PurchaseOrderStatus\";\nimport DateInput from \"@/components/common/input/DateInput\";\n\nimport {useGetValidatedFields} from \"@/composables/common/useGetValidatedFields\";\n\nimport {ref, onMounted, nextTick, inject, computed} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst localArray = ref([]);\n\nconst emits = defineEmits(['entry-update'])\n\nconst props = defineProps({\n\n  modelValue: {\n    type: Array, default: function () {\n      return []\n    },\n  },\n\n  requiredFields: {type: Array, default: []},\n  validationFail: Boolean,\n  height: Number\n\n})\n\nonMounted(() => {\n\n  // Set memory reference from local data\n  let orderStats = localArray.value\n\n  props.modelValue.forEach(function (item) {\n\n    // Cast the pure model class into the local extended class\n    let orderStatus = {...new PurchaseOrderStatusExtended(), ...item}\n\n    // Set all correct props for returning data for button actions\n    orderStatus.showAddButton = false;\n    orderStatus.readOnly = true;\n\n    orderStats.push(orderStatus)\n  })\n\n  // Add a new empty line after the current one\n  orderStats.push(new PurchaseOrderStatusExtended())\n\n})\n\nfunction addNewItem(line, index) {\n\n  let valid = validate(line);\n\n  if (valid) {\n\n    line.showAddButton = false;\n    line.readOnly = true;\n\n    localArray.value.push(new PurchaseOrderStatusExtended());\n    props.modelValue.push(new PurchaseOrderStatus());\n\n    modelValueUpdate(line, index);\n\n  }\n\n}\n\nfunction validate(line) {\n\n  // if(!line.containerType || !line.teu || !line.containerNumber || !line.sealNumber) return false;\n\n  return true;\n\n}\n\nfunction modelValueUpdate(line, index) {\n\n  // Collect the pure model keys and update the values from the current local line\n  for (const propName in props.modelValue[0]) {\n    props.modelValue[index][propName] = line[propName]\n  }\n\n}\n\nfunction prepareDelete(line) {\n  line.isDeleting = true;\n}\n\nfunction cancelDelete(line) {\n  line.isDeleting = false;\n}\n\nfunction removeItem(index, line) {\n\n  localArray.value.splice(index, 1);\n  props.modelValue.splice(index, 1);\n\n  localArray.value[localArray.value.length - 1].isEditing = false;\n  localArray.value[localArray.value.length - 1].readOnly = false;\n\n}\n\nfunction editItem(line) {\n\n  localArray.value.forEach(item => {\n    item.readOnly = true;\n  });\n\n  line.readOnly = false;\n  line.isEditing = true;\n\n  // Take the add button away if editing a line\n  localArray.value[localArray.value.length - 1].isEditing = true;\n\n}\n\nfunction acceptEdit(line, index) {\n\n  let valid = validate(line)\n\n  if (valid) {\n\n    if (index === localArray.value.length - 1) {\n      props.modelValue.push(new PurchaseOrderItemDetail())\n    }\n\n    modelValueUpdate(line, index);\n\n    line.readOnly = true;\n    localArray.value[localArray.value.length - 1].isEditing = false;\n    localArray.value[localArray.value.length - 1].readOnly = false;\n  }\n\n}\n\n\n\n</script>\n\n<template>\n  <div class=\"cmp-purchase-order-status\">\n    <div class=\"cmp-purchase-order-status_labels\">\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'productCode')}\">Status Code</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'productDescription')}\">Status Text</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyRequired')}\">User</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyReceived')}\">Date</div>\n      <div :class=\"{'global-required-field': useGetValidatedFields(requiredFields, 'qtyRemaining')}\">Comment</div>\n    </div>\n    <div class=\"cmp-purchase-order-status_container\" :style=\"{ height: props.height + 'px' }\">\n      <div v-for=\"(line, index) in localArray\" class=\"cmp-purchase-order-status_wrapper\" :key=\"index\">\n        <TextInput\n            v-model=\"line.statusCode\"\n            :width=\"230\">\n        </TextInput>\n        <TextInput\n            v-model=\"line.statusText\"\n            :width=\"410\">\n        </TextInput>\n        <TextInput\n            v-model=\"line.user\"\n            :width=\"380\">\n        </TextInput>\n        <DateInput\n            v-model=\"line.date\"\n            style=\"margin-right: 30px\"\n            :width=\"130\">\n          <el-date-picker\n              v-model=\"line.date\"\n              :clearable=\"false\"\n              value-format=\"DD-MMM-YY\"/>\n        </DateInput>\n        <TextInput\n            v-model=\"line.comment\"\n            :width=\"460\">\n        </TextInput>\n\n        <div v-if=\"line.showAddButton && !line.isEditing\" class=\"cmp-purchase-order-status_icons\" title=\"Add New Line\">\n          <!--          <Button type=\"toolbar\" text=\"Add\" @on-click=\"addContainer(line, index)\"></Button>-->\n          <i @click=\"addNewItem(line, index)\" class=\"fa-solid fa-circle-plus\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"line.readOnly && !line.isDeleting\" class=\"cmp-purchase-order-status_icons\" title=\"Edit Line\">\n          <!--          <Button type=\"success\" text=\"Edit\" @on-click=\"editContainer(line)\"></Button>-->\n          <i @click=\"editItem(line)\" class=\"fa-solid fa-pen-to-square\" style=\"color: #37798a\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-purchase-order-status_icons\" title=\"Confirm Delete\">\n          <!--          <Button type=\"info\" text=\"Yes\" @on-click=\"removeContainer(index, line)\"></Button>-->\n          <i @click=\"removeItem(index, line)\" class=\"fa-solid fa-solid fa-trash-check\" style=\"color: #b0752a\"></i>\n        </div>\n        <div v-if=\"!line.readOnly && line.isEditing && !line.isDeleting\" class=\"cmp-purchase-order-status_icons\" title=\"Accept Changes\">\n          <!--          <Button type=\"secondary\" text=\"Accept\" @on-click=\"acceptEdit(line, index)\"></Button>-->\n          <i @click=\"acceptEdit(line, index)\" class=\"fa-solid fa-circle-check\" style=\"color: #3f9968\"></i>\n        </div>\n        <div v-if=\"!line.showAddButton && !line.isDeleting\" class=\"cmp-purchase-order-status_icons\" title=\"Delete\">\n          <!--          <Button type=\"danger\" text=\"Delete\" @on-click=\"prepareDelete(line)\"></Button>-->\n          <i  @click=\"prepareDelete(line)\" class=\"fa-solid fa-trash\" style=\"color: #832222\"></i>\n        </div>\n        <div v-if=\"line.isDeleting\" class=\"cmp-purchase-order-status_icons\" title=\"Do Not Delete\">\n          <!--          <Button type=\"secondary\" text=\"No\" @on-click=\"cancelDelete(line)\"></Button>-->\n          <i @click=\"cancelDelete(line)\" class=\"fa-solid fa-ban\" style=\"color: #832222;\"></i>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n\n<style lang=\"scss\" scoped>\n\n.cmp-purchase-order-status {\n\n  &_wrapper {\n    width: 940px;\n    display: flex;\n    gap: 4px;\n  }\n\n  &_wrapper > div {\n    margin-bottom: 3px;\n  }\n\n  &_container {\n    //height: 60px;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  &_labels {\n    margin-bottom: 3px;\n    display: grid;\n    grid-template-columns: 229px 408px 378px 148px 155px;\n    gap: 6px;\n  }\n\n  &_labels div {\n    color: #454545;\n    font-weight: bold;\n    font-size: 12px;\n    display: flex;\n  }\n\n  &_icons {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 20px;\n    margin-left: 10px;\n  }\n\n}\n\n</style>\n","import script from \"./PurchaseOrderStatus.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PurchaseOrderStatus.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PurchaseOrderStatus.vue?vue&type=style&index=0&id=d69a2740&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d69a2740\"]])\n\nexport default __exports__","<script setup>\n\nimport Modal from '@/components/common/other/Modal';\nimport MultiSearchDropDown from '@/components/common/input/MultiSearchDropDown';\nimport Button from \"@/components/common/input/Button\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\nimport StaticWidget from \"@/components/common/other/StaticWidget\";\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport DateInput from \"@/components/common/input/DateInput\";\nimport AddressSelectionTile from \"@/components/orders/AddressSelectionTile\";\nimport AddressDetail from \"@/components/orders/AddressDetail\";\nimport Address from \"@/classes/global/Address\";\nimport PurchaseOrderItemDetails from \"@/components/orders/PurchaseOrderItemDetails\";\nimport PurchaseOrderStatus from \"@/components/orders/PurchaseOrderStatus\";\n\nimport {ref, inject, computed, toRefs, reactive, onMounted, onUnmounted} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\nconst purchaseOrder = inject('purchaseOrder');\n\nlet modalAddress = ref(new Address());\n\nconst selectCorrectModel = computed(() => {\n\n  if (purchaseOrder.value.isNew) return modalAddress.value;\n  if (purchaseOrder.value.isEdit) return purchaseOrder.value[purchaseOrder.value.currentTile];\n})\n\nconst getModalTitle = computed(() => {\n\n  if (purchaseOrder.value.isNew) return 'New Company';\n\n  return 'Edit Company';\n})\n\nconst getRequiredFields = computed(() => {\n\n  return purchaseOrder.value.metaData.validatedFields.filter((item) => {\n    return item.addressType === purchaseOrder.value.currentTile\n  })\n\n})\n\n\nfunction handleSelectedTile(tile) {\n\n  for (const each in purchaseOrder.value.addressSelection) {\n\n    purchaseOrder.value.addressSelection[each].active = false;\n  }\n\n  purchaseOrder.value.addressSelection[tile].active = true;\n  purchaseOrder.value.currentTile = tile;\n\n}\n\nfunction handleAddressType(type) {\n\n  purchaseOrder.value.openAddressModal = true;\n\n  if (type === 'new') {\n\n    purchaseOrder.value.isNew = true;\n    purchaseOrder.value.isEdit = false;\n\n  } else {\n\n    // Must be edit\n    Object.assign(purchaseOrder.value.currentEditAddress, purchaseOrder.value[purchaseOrder.value.currentTile]);\n\n    purchaseOrder.value.isEdit = true;\n    purchaseOrder.value.isNew = false;\n\n  }\n\n}\n\nfunction handleSaveNewAddress() {\n\n    if (purchaseOrder.value.isNew) {\n\n      if(validate(modalAddress.value)) {\n\n        purchaseOrder.value[purchaseOrder.value.currentTile].companyId = 'id from server'\n        purchaseOrder.value[purchaseOrder.value.currentTile].companyName = modalAddress.value.companyName;\n        purchaseOrder.value.openAddressModal = false;\n        purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].complete = true;\n\n        modalAddress.value = new Address();\n\n        return;\n      }\n\n    }\n\n}\n\nfunction validate(model) {\n\n  purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].isValid = true;\n\n  let validatedFields = purchaseOrder.value.metaData.validatedFields.filter((item) => {\n    return item.addressType === purchaseOrder.value.currentTile && item.validate\n  })\n\n  validatedFields.forEach(item => {\n\n    if(model[item.modelName] === '' && item.validate) {\n\n      item.trigger.value = true;\n      purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].isValid = false;\n    }\n\n  })\n\n  return purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].isValid;\n}\n\nfunction mapSelectedAddress(address) {\n\n  purchaseOrder.value[purchaseOrder.value.currentTile].companyId = address.id\n  purchaseOrder.value[purchaseOrder.value.currentTile].companyName = address.originValue;\n  purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].complete = true;\n\n}\n\nfunction handleCompanyClear() {\n\n  purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].complete = false;\n  purchaseOrder.value[purchaseOrder.value.currentTile] = new Address();\n\n  purchaseOrder.value.isNew = true;\n  purchaseOrder.value.isEdit = false;\n}\n\nfunction handleAddressModalClose() {\n\n  if (purchaseOrder.value.isNew) return modalAddress.value = new Address();\n}\n\n\nfunction handleUseAddress() {\n\n  if (checkAddressForChanges()) return handleAddressChange();\n\n  purchaseOrder.value.openAddressModal = false;\n\n}\n\nfunction checkAddressForChanges() {\n\n  for (const each in purchaseOrder.value[purchaseOrder.value.currentTile]) {\n\n    if (purchaseOrder.value[purchaseOrder.value.currentTile][each].toString().trim() !==\n        purchaseOrder.value.currentEditAddress[each].toString().trim()) {\n\n      console.log('has changed')\n      return true;\n    }\n\n  }\n}\n\nfunction handleAddressChange() {\n\n  purchaseOrder.value[purchaseOrder.value.currentTile].companyId = 0;\n  purchaseOrder.value.openAddressModal = false;\n}\n\nfunction handleClearFields() {\n\n  if (purchaseOrder.value.isEdit) {\n\n    purchaseOrder.value[purchaseOrder.value.currentTile] = new Address();\n    purchaseOrder.value.addressSelection[purchaseOrder.value.currentTile].complete = false;\n\n    return;\n  }\n\n  modalAddress.value = new Address();\n}\n\nfunction setCurrentCompany() {\n\n  return purchaseOrder.value.currentTile.charAt(0).toUpperCase() +\n      purchaseOrder.value.currentTile.slice(1);\n\n}\n\n</script>\n\n<template>\n\n  <div class=\"cmp-purchase-order-entry\">\n    <StaticWidget\n        height=\"740\"\n        background=\"#fafafa\"\n        title=\"Create PO Details\">\n            <template #right-side>\n              <Button\n                  type=\"warning\"\n                  icon=\"<i class='fa-solid fa-folder-plus'></i>\"\n                  text=\"Add/View Docs\">\n              </Button>\n             <Button\n                 icon=\"<i class='fa-light fa-floppy-disk'></i>\"\n                 text=\"Save & Submit\">\n             </Button>\n            </template>\n      <div class=\"cmp-purchase-order-entry_header-wrapper\">\n        <i class=\"fa-regular fa-memo-circle-info\" style=\"color: #0c92bc; margin-left: 5px\"></i>\n        <span class=\"cmp-purchase-order-entry_heading\">Header Information</span>\n      </div>\n      <div class=\"cmp-purchase-order-entry_section-container-wide\">\n        <div class=\" global-flex-layout\">\n          <TextInput\n              :requiredField=\"false\"\n              :maxLength=\"50\"\n              :width=\"220\"\n              :label-width=\"50\"\n              label=\"PO No.\">\n          </TextInput>\n          <TextInput\n              :requiredField=\"false\"\n              :maxLength=\"50\"\n              :width=\"220\"\n              :label-width=\"80\"\n              label=\"PO Split No.\">\n          </TextInput>\n          <MultiSearchDropDown\n              :requiredField=\"false\"\n              :width=\"200\"\n              :allowCustomValue=\"false\"\n              placeholder=\"Select or Search....\"\n              :label-width=\"45\"\n              label=\"Mode\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n          <MultiSearchDropDown\n              :requiredField=\"false\"\n              :width=\"200\"\n              :allowCustomValue=\"false\"\n              placeholder=\"Select or Search....\"\n              :label-width=\"45\"\n              label=\"Terms\"\n              :selectPrimitiveValue=\"true\">\n          </MultiSearchDropDown>\n          <DateInput\n              :labelWidth=\"60\"\n              :requiredField=\"false\"\n              label=\"PO Date\">\n            <el-date-picker\n                :clearable=\"false\"\n                value-format=\"DD-MMM-YY\"/>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 10px\"\n              :labelWidth=\"90\"\n              :requiredField=\"false\"\n              label=\"Required Date\">\n            <el-date-picker\n                :clearable=\"false\"\n                value-format=\"DD-MMM-YY\"/>\n          </DateInput>\n          <DateInput\n              style=\"margin-left: 20px\"\n              :labelWidth=\"70\"\n              :requiredField=\"false\"\n              label=\"Ready Date\">\n            <el-date-picker\n                :clearable=\"false\"\n                value-format=\"DD-MMM-YY\"/>\n          </DateInput>\n        </div>\n        <div class=\"global-flex-layout\" style=\"margin-top: 10px;\">\n          <TextInput\n              :requiredField=\"false\"\n              :maxLength=\"50\"\n              :width=\"220\"\n              :label-width=\"50\"\n              label=\"Pieces\">\n          </TextInput>\n          <TextInput\n              :requiredField=\"false\"\n              :maxLength=\"50\"\n              :width=\"220\"\n              :label-width=\"80\"\n              label=\"Gross Weight\">\n          </TextInput>\n          <TextInput\n              :requiredField=\"false\"\n              :maxLength=\"50\"\n              :width=\"200\"\n              :label-width=\"45\"\n              label=\"Cube\">\n          </TextInput>\n          <CheckBox\n              style=\"margin-left: 177px\"\n              :label-width=\"35\"\n              label=\"Urgent\">\n          </CheckBox>\n        </div>\n      </div>\n      <div class=\"cmp-purchase-order-entry_header-wrapper\">\n        <i class=\"fa-regular fa-calendar-check\" style=\"color: #0c92bc; margin-left: 5px\"></i>\n        <span class=\"cmp-purchase-order-entry_heading\">Order Status</span>\n        <span @click=\"purchaseOrder.openOrderStatusModal = true\" class=\"cmp-purchase-order-entry_large-view-button\"> Large View\n          <i class=\"fa-regular fa-window-restore\" style=\"color: #b15c19; font-size: 16px;\"></i>\n        </span>\n      </div>\n      <div class=\"cmp-purchase-order-entry_section-container-wide\" style=\"background-color: #f6f6f6\">\n        <PurchaseOrderStatus\n            :height=\"60\"\n            :key=\"purchaseOrder.openOrderStatusModal\"\n            v-model=\"purchaseOrder.orderStatusList\">\n        </PurchaseOrderStatus>\n      </div>\n      <Modal\n          v-model=\"purchaseOrder.openOrderStatusModal\"\n          :showClose=\"false\"\n          title=\"Order Status\"\n          width=\"1800px\"\n          height=\"440px\">\n        <template #icon><i class=\"fa-solid fa-pen-to-square\" style=\"color: #3f9968; font-size: 18px;\"></i></template>\n        <template #body>\n          <PurchaseOrderStatus\n              :height=\"400\"\n              :key=\"purchaseOrder.openOrderStatusModal\"\n              v-model=\"purchaseOrder.orderStatusList\">\n          </PurchaseOrderStatus>\n        </template>\n      </Modal>\n      <div class=\"cmp-purchase-order-entry_header-wrapper\">\n        <i class=\"fa-regular fa-cubes-stacked\" style=\"color: #0c92bc; margin-left: 5px\"></i>\n        <span class=\"cmp-purchase-order-entry_heading\">Item Details</span>\n        <span @click=\"purchaseOrder.openItemDetailsModal = true\" class=\"cmp-purchase-order-entry_large-view-button\"> Large View\n          <i class=\"fa-regular fa-window-restore\" style=\"color: #b15c19; font-size: 16px;\"></i>\n        </span>\n      </div>\n      <div class=\"cmp-purchase-order-entry_section-container-wide\" style=\"background-color: #f7faff\">\n        <PurchaseOrderItemDetails\n            :height=\"60\"\n            :key=\"purchaseOrder.openItemDetailsModal\"\n            v-model=\"purchaseOrder.itemDetailsList\">\n        </PurchaseOrderItemDetails>\n      </div>\n      <Modal\n          v-model=\"purchaseOrder.openItemDetailsModal\"\n          :showClose=\"false\"\n          title=\"Item Details\"\n          width=\"1800px\"\n          height=\"440px\">\n        <template #icon><i class=\"fa-solid fa-pen-to-square\" style=\"color: #3f9968; font-size: 18px;\"></i></template>\n        <template #body>\n          <PurchaseOrderItemDetails\n              :height=\"400\"\n              :key=\"purchaseOrder.openItemDetailsModal\"\n              v-model=\"purchaseOrder.itemDetailsList\">\n          </PurchaseOrderItemDetails>\n        </template>\n      </Modal>\n      <div class=\"cmp-purchase-order-entry_address-movement\">\n        <div class=\"cmp-purchase-order-entry_address-movement-container\">\n          <div class=\"cmp-purchase-order-entry_header-wrapper\">\n            <i class=\"fa-regular fa-align-left\" style=\"color:  #0c92bc; margin-left: 5px\"></i>\n            <span class=\"cmp-purchase-order-entry_heading\">Address Details</span>\n          </div>\n          <div class=\"cmp-purchase-order-entry_section-container-wide cmp-purchase-order-entry_section-container-small\">\n            <div class=\"cmp-purchase-order-entry_double-layout\">\n              <div>\n                <AddressSelectionTile\n                    @selected=\"handleSelectedTile('supplier')\"\n                    v-model=\"purchaseOrder.addressSelection.supplier\">\n                  <template #required-address>\n<!--                    <div v-if=\"checkValidation\">Please add a supplier</div>-->\n                  </template>\n                  <template #icon>\n                    <i class=\"fa-thin fa-earth-americas\" style=\"font-size: 30px;\"></i>\n                  </template>\n                  <template #text>\n                    Supplier\n                  </template>\n                </AddressSelectionTile>\n                <AddressSelectionTile\n                    @selected=\"handleSelectedTile('consignee')\"\n                    v-model=\"purchaseOrder.addressSelection.consignee\">\n                  <template #icon>\n                    <i class=\"fa-thin fa-clipboard-check\" style=\"font-size: 35px;\"></i>\n                  </template>\n                  <template #text>\n                    Consignee\n                  </template>\n                </AddressSelectionTile>\n                <AddressSelectionTile\n                    @selected=\"handleSelectedTile('agent')\"\n                    v-model=\"purchaseOrder.addressSelection.agent\">\n                  <template #icon>\n                    <i class=\"fa-thin fa-people-arrows\" style=\"font-size: 28px; margin-left: -5px\"></i>\n                  </template>\n                  <template #text>\n                    <div style=\"margin-right: 30px\">Agent</div>\n                  </template>\n                </AddressSelectionTile>\n              </div>\n\n              <div class=\"global-css_vertical-form-layout\">\n                <MultiSearchDropDown\n                    :key=\"purchaseOrder[purchaseOrder.currentTile].companyName\"\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].companyName\"\n                    @select=\"mapSelectedAddress\"\n                    @clear=\"handleCompanyClear()\"\n                    :requiredField=\"false\"\n                    :width=\"320\"\n                    :useServerSearch=\"true\"\n                    :disableFilter=\"purchaseOrder[purchaseOrder.currentTile].companyName.length > 0\"\n                    :maxLength=\"70\"\n                    searchType=\"shipper\"\n                    :label-width=\"100\"\n                    :allowCustomValue=\"false\"\n                    placeholder=\"Select or Search....\"\n                    :label=\"setCurrentCompany()\"\n                    :selectPrimitiveValue=\"true\">\n                </MultiSearchDropDown>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].addressLine1\"\n                    :maxLength=\"50\"\n                    :width=\"320\"\n                    :disable=\"true\"\n                    :label-width=\"100\"\n                    label=\"Address Line 1\">\n                </TextInput>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].addressLine2\"\n                    :maxLength=\"50\"\n                    :disable=\"true\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Address Line 2\">\n                </TextInput>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].city\"\n                    :maxLength=\"50\"\n                    :disable=\"true\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"City\">\n                </TextInput>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].postCode\"\n                    :maxLength=\"50\"\n                    :disable=\"true\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Post Code\">\n                </TextInput>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].county\"\n                    :maxLength=\"50\"\n                    :disable=\"true\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"County\">\n                </TextInput>\n                <TextInput\n                    v-model=\"purchaseOrder[purchaseOrder.currentTile].country\"\n                    :maxLength=\"50\"\n                    :disable=\"true\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Country\">\n                </TextInput>\n              </div>\n              <div>\n                <Button\n                    @click=\"handleAddressType('new')\"\n                    type=\"plain\"\n                    icon=\"<i class='fa-duotone fa-address-card'></i>\"\n                    text=\"New\">\n                </Button>\n                <Button\n                    style=\"margin-top: 6px\"\n                    v-if=\"purchaseOrder[purchaseOrder.currentTile].companyName\"\n                    @click=\"handleAddressType('edit')\"\n                    type=\"info\"\n                    text=\"Edit\">\n                </Button>\n                <!--                {{purchaseOrder[purchaseOrder.currentTile].companyId}}-->\n                <!--                {{purchaseOrder[purchaseOrder.currentTile].companyName}}-->\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"cmp-purchase-order-entry_address-movement-container\">\n          <div class=\"cmp-purchase-order-entry_header-wrapper\">\n            <i class=\"fa-regular fa-ferry\" style=\"color: #0c92bc; margin-left: 5px\"></i>\n            <span class=\"cmp-purchase-order-entry_heading\">Movement Details</span>\n          </div>\n          <div class=\"cmp-purchase-order-entry_section-container-wide cmp-purchase-order-entry_section-container-small\">\n            <div class=\"cmp-purchase-order-entry_double-layout\">\n              <div class=\"global-css_vertical-form-layout\">\n                <MultiSearchDropDown\n                    :requiredField=\"false\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    :allowCustomValue=\"false\"\n                    placeholder=\"Select or Search....\"\n                    label=\"Origin Port\"\n                    :selectPrimitiveValue=\"true\">\n                </MultiSearchDropDown>\n                <MultiSearchDropDown\n                    :requiredField=\"false\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    :allowCustomValue=\"false\"\n                    placeholder=\"Select or Search....\"\n                    label=\"Destination Port\"\n                    :selectPrimitiveValue=\"true\">\n                </MultiSearchDropDown>\n                <TextInput\n                    :requiredField=\"false\"\n                    :maxLength=\"50\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"BOL Number\">\n                </TextInput>\n                <TextInput\n                    :requiredField=\"false\"\n                    :maxLength=\"50\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Carrier Name\">\n                </TextInput>\n                <TextInput\n                    :requiredField=\"false\"\n                    :maxLength=\"50\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Vessel Name\">\n                </TextInput>\n                <TextInput\n                    :requiredField=\"false\"\n                    :maxLength=\"50\"\n                    :width=\"320\"\n                    :label-width=\"100\"\n                    label=\"Voyage Name\">\n                </TextInput>\n              </div>\n              <div>\n                <span class=\"cmp-purchase-order-entry_movement-dates-header\" style=\"margin-left: 100px\">Estimated</span>\n                <span class=\"cmp-purchase-order-entry_movement-dates-header\" style=\"margin-left: 130px\">Actual</span>\n                <div class=\"global-css_vertical-form-layout\">\n                  <div class=\"global-flex-layout\" style=\"margin-top: 10px;\">\n                    <DateInput\n                        :labelWidth=\"85\"\n                        :requiredField=\"false\"\n                        label=\"Pickup Date\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <DateInput\n                        style=\"margin-left: 50px\"\n                        :requiredField=\"false\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                  </div>\n                  <div class=\"global-flex-layout\">\n                    <DateInput\n                        :labelWidth=\"85\"\n                        :requiredField=\"false\"\n                        label=\"Departure Date\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <DateInput\n                        style=\"margin-left: 50px\"\n                        :requiredField=\"false\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                  </div>\n                  <div class=\"global-flex-layout\">\n                    <DateInput\n                        :labelWidth=\"85\"\n                        :requiredField=\"false\"\n                        label=\"Arrival Date\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                    <DateInput\n                        style=\"margin-left: 50px\"\n                        :requiredField=\"false\">\n                      <el-date-picker\n                          :clearable=\"false\"\n                          value-format=\"DD-MMM-YY\"/>\n                    </DateInput>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </StaticWidget>\n    <Modal\n        v-model=\"purchaseOrder.openAddressModal\"\n        @close=\"handleAddressModalClose()\"\n        :showClose=\"false\"\n        :title=\"getModalTitle\"\n        width=\"560px\"\n        height=\"240px\">\n      <template #icon><i class=\"fa-solid fa-pen-to-square\" style=\"color: #3f9968; font-size: 18px;\"></i></template>\n      <template #body>\n        <AddressDetail\n            :requiredFields=\"getRequiredFields\"\n            @clear-fields=\"handleClearFields()\"\n            v-model=\"selectCorrectModel\">\n        </AddressDetail>\n      </template>\n      <template #footer>\n        <StaticTooltip v-if=\"purchaseOrder.isEdit\" :icon=\"false\">\n          <template #content>\n            <div style=\"width: 200px\">\n              <span style=\"margin-left: 4px;\"><strong>Use Address</strong> will allow you to use any current changes\n                to the address for this PO only. This will not save to your address records.</span>\n            </div>\n          </template>\n          <i class='fa-solid fa-info-circle icon-info' style=\"margin-left: 90px\"></i>\n        </StaticTooltip>\n        <Button\n            v-if=\"purchaseOrder.isEdit\"\n            @click=\"handleUseAddress()\"\n            text=\"Use Address\"\n            type=\"toolbar\"\n            icon=\"<i class='fa-regular fa-align-left'></i>\">\n        </Button>\n        <Button\n            v-if=\"purchaseOrder[purchaseOrder.currentTile].companyId === 0 || purchaseOrder.isNew\"\n            @click=\"handleSaveNewAddress()\"\n            text=\"Save\">\n        </Button>\n        <Button\n            v-if=\"purchaseOrder[purchaseOrder.currentTile].companyId !== 0 && purchaseOrder.isEdit\"\n            @click=\"handleSaveNewAddress()\"\n            type=\"info\"\n            text=\"Update\">\n        </Button>\n      </template>\n    </Modal>\n  </div>\n\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-purchase-order-entry {\n\n  &_section-container-wide {\n    border: 1px solid var(--border-color);\n    padding: 20px 15px 20px 15px;\n    border-radius: var(--rounded-corners);\n    border-left: 6px solid var(--left-border-highlight);\n    background-color: #fcfcfc;\n    width: 1758px;\n  }\n\n  &_section-container-small {\n    width: 850px;\n    height: 210px;\n  }\n\n  &_heading {\n    font-size: 13px;\n    margin-left: 5px;\n    font-weight: bold;\n    padding-top: 2px;\n  }\n\n  &_header-wrapper {\n    display: flex;\n    margin: 10px 0 3px 2px\n  }\n\n  &_address-movement {\n    display: grid;\n    gap: 20px;\n    grid-template-columns: max-content max-content;\n  }\n\n  &_address-movement-container {\n    width: 50%;\n    height: auto;\n  }\n\n  &_double-layout {\n    display: flex;\n    gap: 40px;\n  }\n\n  &_movement-dates-header {\n    font-size: 12px;\n    font-weight: bold;\n  }\n\n  &_large-view-button {\n    margin-left: auto;\n    margin-right: 50px;\n    font-size: 12px;\n    cursor: pointer;\n  }\n\n  @media screen and (max-width: 1840px) {\n    &_large-view-button {\n      visibility: hidden;\n    }\n  }\n}\n\n</style>\n","import script from \"./PurchaseOrderEntry.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PurchaseOrderEntry.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PurchaseOrderEntry.vue?vue&type=style&index=0&id=f200f920&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f200f920\"]])\n\nexport default __exports__","<script setup>\nimport {useRoute} from \"vue-router\";\nimport BrowsePurchaseOrder from \"@/components/orders/BrowsePurchaseOrder\";\nimport PurchaseOrderEntry from \"@/components/orders/PurchaseOrderEntry\";\n\nconst route = useRoute();\n\n</script>\n\n<template>\n  <div v-if=\"route.params.id ==='new'\">\n    <PurchaseOrderEntry></PurchaseOrderEntry>\n  </div>\n  <BrowsePurchaseOrder v-else></BrowsePurchaseOrder>\n</template>\n\n<style scoped>\n\n</style>\n","import script from \"./PurchaseOrder.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PurchaseOrder.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router'\nimport Dashboard from '../views/Dashboard.vue';\nimport ShowShipments from \"../views/shipments/ShowShipments\";\nimport ErrorPage from \"../views/ErrorPage\";\nimport JobNotEditableUserInfo from \"../views/JobNotEditableUserInfo\";\nimport ViewShipment from  \"../views/shipments/ViewShipment\"\nimport Booking from \"../views/booking/Booking\"\nimport PreJob from \"../views/booking/PreJob\"\nimport Stock from \"../views/warehouse/Stock\"\nimport WarehouseJobs from \"@/views/warehouse/WarehouseJobs\";\nimport SKUHistory from \"@/views/warehouse/SKUHistory\";\nimport PickStock from \"@/views/warehouse/PickStock\";\nimport PurchaseOrder from \"@/views/orders/PurchaseOrder\"\nimport store from '@/store';\n\nconst routes = [\n  {\n    // Main home page ??\n    path: '/',\n    name: 'home',\n    component: ShowShipments\n  },\n  {// Internal from shipments grid\n    path: '/viewshipment/:mode/:id(\\\\d+)',\n    name: 'viewshipment',\n    component: ViewShipment\n  },\n  {\n    path: '/',\n    name: 'routeGuardErrorPage',\n    component: ErrorPage,\n    // beforeEnter: (to, from) => {\n    //  store.state.caughtURL = to.redirectedFrom?.fullPath;\n    // }\n  },\n  {\n    path: '/noedit',\n    name: 'jobNotEditableUserInfo',\n    component: JobNotEditableUserInfo,\n    // beforeEnter: (to, from) => {\n    //   store.state.caughtURL = from.fullPath;\n    // }\n  },\n  {\n    path: '/dashboard',\n    name: 'dashboard',\n    component: Dashboard,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.dashboard) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/showshipments',\n    name: 'showshipments',\n    component: ShowShipments,\n    // async beforeEnter (to, from, next)  {\n    //\n    //   try {\n    //\n    //     let m = await store.state.mainMenu\n    //     if (m) {\n    //       next();\n    //\n    //     }\n    //\n    //   } catch(e) {\n    //\n    //     next ({name: 'routeGuardErrorPage'});\n    //   }\n    //\n    // }\n\n  },\n  {\n    path: '/stock',\n    name: 'stock',\n    component: Stock,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/purchaseorder/:id(new||browse)',\n    name: 'purchaseorder',\n    component: PurchaseOrder,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.orderItems.find(x => x.id === to.params.id).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/booking/:section/:id(\\\\d+||new)',\n    name: 'booking',\n    component: Booking,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.freightItems.find(x => x.section === to.params.section).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/quote/:id',\n    name: 'quote',\n    component: () => import('@/views/quotes/Quote'),\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.quoteItems.find(x => x.id === to.params.id).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/documents',\n    name: 'documents',\n    component: () => import('@/views/documents/SearchDocuments'),\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.documents) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/reports',\n    name: 'reports',\n    component: () => import('@/views/reports/Reports'),\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.reports) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/skuhistory',\n    name: 'skuhistory',\n    component: SKUHistory,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n\n  {\n    path: '/warehousejobs',\n    name: 'warehousejobs',\n    component: WarehouseJobs,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/pickstock',\n    name: 'pickstock',\n    component: PickStock,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/prejob/:section/:id(\\\\d+||new)',\n    name: 'prejob',\n    component: PreJob,\n    // beforeEnter: (to, from) => {\n    //   if(!store.state.mainMenu.agentItems.find(x => x.section === to.params.section).active) return {name: 'routeGuardErrorPage'};\n    // }\n  },\n  {\n    path: '/:catchAll(.*)',\n    name: 'errorPage',\n    component: ErrorPage,\n    // beforeEnter: (to, from) => {\n    //   store.state.caughtURL = to.fullPath;\n    // }\n  },\n  {\n    path: '/about',\n    name: 'about',\n    // route level code-splitting\n    // this generates a separate chunk (about.[hash].js) for this route\n    // which is lazy-loaded when the route is visited.\n    component: () => import(/* webpackChunkName: \"about\" */ '../views/AboutView.vue')\n  }\n]\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes\n})\n\nexport default router\n","import store from \"@/store\";\nimport Keycloak from \"keycloak-js\";\nimport UserInfo from \"@/classes/global/UserInfo\";\n\nimport router from \"@/router\";\nimport API from \"@/classes/global/API\";\n\nlet url = new URL(window.location.origin.toString()).hostname;\nlet owner = url.split('.')[0];\n\nconst routeGuardErrorPage = 'routeGuardErrorPage';\n\nconst kcConfiguration = {\n\n    url: process.env.VUE_APP_KEYCLOAK_REALM,\n    realm: owner,\n    clientId: owner,\n    onLoad: 'login-required'\n}\n\nconst options = {\n    redirectUri: window.location.href\n}\n\nconst minTokenValidity = 15;\n\nlet keyCloak = new Keycloak(kcConfiguration);\nlet userInfo = new UserInfo();\n\nexport default {\n\n    authenticate(app, axios) {\n\n        // keyCloak.onAuthSuccess = () => this.getUserInfo(app, axios, store.state.loginDetails.sub);\n\n        keyCloak.init({onLoad: 'login-required'}).then(async (authenticated) => {\n\n            if (!authenticated) {\n                window.location.reload();\n\n            } else {\n\n                store.state.loginDetails = keyCloak.idTokenParsed;\n\n                userInfo.firstName = keyCloak.idTokenParsed.given_name;\n                userInfo.lastName = keyCloak.idTokenParsed.family_name;\n                userInfo.email = keyCloak.idTokenParsed.email;\n\n                //Refresh the token just before the service call to the service layer if we only have 15 seconds left\n                axios.interceptors.request.use(async (config) => {\n\n                    await keyCloak.updateToken(minTokenValidity).then(function (refreshed) {\n\n                        store.state.loginDetails = keyCloak.refreshTokenParsed;\n                        config.headers.Authorization = \"Bearer \" + keyCloak.token;\n\n                    }).catch(function () {\n\n                        //Override the logout so that if the user logs back in they come to the same place\n                        //that they were automatically get logged out then they come bato the same place\n\n                        keyCloak.logout(options)\n\n                    });\n\n                    return config;\n\n                }, function (error) {\n                    // Do something with request error\n                    return Promise.reject(error);\n                });\n\n                //Refresh the token just before we change views if we only have 15 seconds of validity left\n                router.beforeResolve(async to => {\n\n                    await keyCloak.updateToken(minTokenValidity)\n                        .then(function (refreshed) {\n\n                            store.state.loginDetails = keyCloak.refreshTokenParsed;\n\n                        }).catch(function () {\n\n                            keyCloak.logout(options)\n\n                        });\n                });\n\n                //Refresh the token if the user refocuses on the tab views if we only have 15 seconds of validity left\n                window.onfocus = async (event) => {\n\n                    await keyCloak.updateToken(minTokenValidity)\n                        .then(function (refreshed) {\n\n                            store.state.loginDetails = keyCloak.refreshTokenParsed;\n\n                        }).catch(function () {\n\n                            keyCloak.logout(options)\n\n                        });\n\n                };\n\n             this.getUserInfo(app, axios, store.state.loginDetails.sub);\n\n            }\n\n        }).catch((ex) => {\n            //TODO: Add some logging here just incase we have some issues with keycloak - J.Clayton\n            console.log(ex)\n            console.log(\"Authenticated Failed\");\n        });\n    },\n\n    getUserInfo(app, axios, userId) {\n\n        try {\n\n            // Prevent breaking the app if this fails with future browser updates\n            store.state.caughtURL = new URL(window.location.href);\n\n        } catch (error) {\n\n            console.log(error)\n        }\n\n        const to = router.currentRoute.value\n\n            if(!store.state.userSettings.account) {\n                getUserInformation(app, axios, userId, function() {\n\n                    switch (to.name) {\n\n                        case('dashboard'):\n                            if (!store.state.mainMenu.dashboard)\n                                router.push({ name: routeGuardErrorPage});\n                            break;\n                        case('showshipments'):\n                            if (!store.state.mainMenu.shipmentItems.find(x => x.view === to.name).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('stock'):\n                            if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('purchaseorder'):\n                            if(!store.state.mainMenu.orderItems.find(x => x.id === to.params.id).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('booking'):\n                            if(!store.state.mainMenu.freightItems.find(x => x.section === to.params.section).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('quote'):\n                            if(!store.state.mainMenu.quoteItems.find(x => x.id === to.params.id).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('documents'):\n                            if(!store.state.mainMenu.documents)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('reports'):\n                            f(!store.state.mainMenu.reports)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('skuhistory'): case('warehousejobs'): case('pickstock'):\n                            if(!store.state.mainMenu.warehouseItems.find(x => x.view === to.name).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n                        case('prejob'):\n                            if(!store.state.mainMenu.agentItems.find(x => x.section === to.params.section).active)\n                                router.push({name: routeGuardErrorPage});\n                            break;\n\n                    }\n\n                });\n            }\n\n\n\n    },\n\n    logout() {\n\n        keyCloak.logout({redirectUri: 'https://' + store.state.owner + '.boxtraxvision.com'});\n    }\n\n}\n\nasync function getUserInformation(app, axios, userId, callBack) {\n\n    let response = await API.getUserInfoById(userId);\n\n    if (response) {\n\n        userInfo.userId = userId;\n        userInfo.account = response.data.account.toLowerCase();\n        userInfo.firstName = response.data.firstName;\n        userInfo.lastName = response.data.lastName;\n\n        userInfo.allowColumnMenuSearchShipments = response.data.allowColumnMenuSearchShipments;\n        userInfo.searchShipmentColumns = response.data.searchShipmentColumns;\n        userInfo.showCourierCustoms = response.data.showCourierCustoms;\n        userInfo.showCourierTerms = response.data.showCourierTerms;\n        userInfo.highlightActualDate = response.data.highlightActualDate;\n        userInfo.showAirTrackingLink = response.data.showAirTrackingLink;\n        userInfo.showSeaTrackingLink = response.data.showSeaTrackingLink;\n        userInfo.useMeasuredGrid = response.data.useMeasuredGrid;\n        userInfo.showShipmentsTabSettings = response.data.showShipmentsTabSettings;\n\n        store.state.mainMenu = response.data.mainMenu;\n        store.state.userSettings = userInfo;\n\n        app.mount('#app');\n\n        callBack();\n\n    }\n\n}\n","<script setup>\n\nimport {inject} from 'vue'\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport AuthorizeLogin from \"@/classes/login/AuthorizeLogin\";\n\n\nconst sideMenuItems = inject(\"sideMenuItems\")\n\nconst openMenu = (menuItem) => {\n\n  for (let item in sideMenuItems.value) {\n\n    sideMenuItems.value[item].active = false;\n  }\n\n  menuItem.active = true;\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-side-menu\" class=\"side-menu\">\n<!--    <div class=\"side-menu-icons\" v-for=\"item in sideMenuItems\">-->\n<!--      <MovingTooltip>-->\n<!--        <div :class=\"`${item.active && 'side-menu-icon-active' }`\" @click=\"openMenu(item)\" v-html=\"item.icon\">-->\n<!--        </div>-->\n<!--        <template #content>{{item.title}}</template>-->\n<!--      </MovingTooltip>-->\n<!--    </div>-->\n    <div class=\"side-menu-icons\">\n      <div class=\"side-menu-logo\"><span>BOXTRAX</span><span style=\"color: #ffa834\">vision</span></div>\n    </div>\n    <div>\n      <MovingTooltip>\n        <div class=\"side-menu-log-out\" @click=\"AuthorizeLogin.logout()\">\n          <i class=\"fa-duotone fa-power-off\"></i>\n        </div>\n        <template #content>Log Out</template>\n      </MovingTooltip>\n    </div>\n    <div class=\"side-menu-content\">\n      <div v-if=\"sideMenuItems.flight.active\" style=\"padding:20px;\">\n        <div @click=\"$store.state.showDrawer = true\">Menu Item One</div>\n        <div @click=\"$store.state.showDrawer2 = true\">Menu Item Two</div>\n        <div>Menu Item Three</div>\n        <div>Menu Item Four</div>\n        <div>Menu Item Five</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n\n.side-menu {\n  position: fixed;\n  z-index: 999999;\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 0;\n  background: #f6f6f6;\n  border-left: solid var(--side-menu-color) 50px;\n  transition: width 0.45s ease-in-out 0s;\n  user-select: none;\n\n}\n\n.side-menu-content {\n  position: absolute;\n  top: 50px;\n  width: max-content;\n  padding: 20px 0 10px 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: none;\n  font-size: 15px;\n}\n\n.side-menu-icon-active {\n  color: var(--side-menu-text-color);\n  transition: ease-in-out 0.2s;\n}\n\n.side-menu-content div {\n  padding: 10px 0 0 0;\n  user-select: none;\n}\n\n//.side-menu:hover {\n//  width: 230px;\n//  transition-delay: 0.7s;\n//}\n//\n//.side-menu:hover .side-menu-content {\n//  visibility: visible;\n//  transition: ease-in 0.7s;\n//  opacity: 1;\n//  transition-delay: 0.7s;\n//}\n\n.side-menu-icons {\n  margin: 60px 0 0 -42px;\n  font-size: 25px;\n  width: max-content;\n  color: #b3b3b3;\n}\n\n.side-menu-logo {\n  transform: rotate(270deg);\n  width: max-content;\n  margin: 400px 0 0 -67px;\n  font-size: 24px;\n  color: var(--side-menu-text-color);\n}\n\n.side-menu-log-out {\n  position: absolute;\n  left: -42px;\n  bottom: 30px;\n  font-size: 30px;\n  color: #F68E1E;\n  cursor: pointer;\n}\n\n</style>\n","import script from \"./LeftSlideMenu.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LeftSlideMenu.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LeftSlideMenu.vue?vue&type=style&index=0&id=59617d49&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport {useRoute} from \"vue-router\";\nimport { useStore } from 'vuex';\n\nconst route = useRoute();\nconst store = useStore();\n\n</script>\n\n<template class=\"cmp-top-menu\">\n  <div id=\"Vue-3-component-top-menu\" class=\"cmp-top-menu_wrapper\">\n    <div style=\"width: 100px;\"></div>\n    <div class=\"cmp-top-menu_menu-items\">\n<!--      <div class=\"cmp-top-menu_no-options-menu-heading\">-->\n<!--        <router-link :to=\"{ name: 'dashboard'}\">-->\n<!--          <i class=\"fa-duotone fa-rss cmp-top-menu_item-icons\" ></i>News</router-link>-->\n<!--      </div>-->\n      <div class=\"cmp-top-menu_no-options-menu-heading\">\n        <router-link v-if=\"store.state.mainMenu.dashboard\" :to=\"{ name: 'dashboard'}\">\n          <i class=\"fa-regular fa-chart-line cmp-top-menu_item-icons\" ></i>Dashboard</router-link>\n        <div v-else class=\"cmp-top-menu_heading-disabled-items\" title=\"Feature Locked\">\n        <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c; font-size: 12px;\"></i> Dashboard\n        </div>\n      </div>\n      <div v-if=\"store.state.mainMenu.orders\" class=\"cmp-top-menu_menu-heading item-one\">\n        <i class=\"fa-light fa-notebook cmp-top-menu_list-icon cmp-top-menu_item-icons\"></i>Orders\n        <div class=\"cmp-top-menu_drop-menu show-items\">\n          <div class=\"cmp-top-menu_drop-menu-wrapper\">\n            <div class=\"cmp-top-menu_drop-menu-heading\">\n              <div v-for=\"(item, index) in store.state.mainMenu.orderItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                <router-link v-if=\"item.active\" :to=\"{  name: item.view, params: { id: item.id }}\">\n                  <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                </router-link>\n                <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                  <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"store.state.mainMenu.shipments\" class=\"cmp-top-menu_menu-heading item-one\">\n        <i class=\"fa-light fa-cubes cmp-top-menu_item-icons\"></i>Stock\n        <div class=\"cmp-top-menu_drop-menu show-items\">\n          <div class=\"cmp-top-menu_drop-menu-wrapper\">\n            <div class=\"cmp-top-menu_drop-menu-heading\">\n              <div v-for=\"(item, index) in store.state.mainMenu.warehouseItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                <router-link v-if=\"item.active\" :to=\"{ name: item.view}\">\n                  <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                </router-link>\n                <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                  <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"store.state.mainMenu.quotes\" class=\"cmp-top-menu_menu-heading item-one\">\n        <i class=\"fa-light fa-clipboard-list cmp-top-menu_item-icons\"></i>Quotes\n        <div class=\"cmp-top-menu_drop-menu show-items\">\n          <div class=\"cmp-top-menu_drop-menu-wrapper\">\n            <div class=\"cmp-top-menu_drop-menu-heading\">\n              <div v-for=\"(item, index) in store.state.mainMenu.quoteItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                <router-link v-if=\"item.active\" :to=\"{  name: item.view, params: { id: item.id }}\">\n                  <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                </router-link>\n                <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                  <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"store.state.mainMenu.bookings.mainMenuActive\" class=\"cmp-top-menu_menu-heading item-two\">\n        <i class=\"fa-light fa-envelope-open-text cmp-top-menu_item-icons\"></i>Bookings\n        <div class=\"cmp-top-menu_drop-menu show-items\">\n          <div class=\"cmp-top-menu_drop-menu-wrapper\">\n            <div v-if=\"store.state.mainMenu.bookings.freight\" class=\"cmp-top-menu_drop-menu-heading\"><span>Mode Free</span>\n              <div v-for=\"(item, index) in store.state.mainMenu.freightItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                <router-link v-if=\"item.active\" :to=\"{ name: item.view, params: { section: item.section, id: 'new' }}\">\n                  <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                </router-link>\n                <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                  <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                </div>\n                <!--              <router-link v-if=\"item.active\" to=\"/about\">{{ item.text }}</router-link>-->\n              </div>\n            </div>\n            <div class=\"menu-column\">\n              <div v-if=\"store.state.mainMenu.bookings.agent\" class=\"cmp-top-menu_drop-menu-heading\"><span>Agent</span>\n                <div v-for=\"(item, index) in store.state.mainMenu.agentItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                  <router-link v-if=\"item.active\" :to=\"{  name: item.view, params: { section: item.section, id: 'new' }}\">\n                    <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                  </router-link>\n                  <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                    <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"store.state.mainMenu.shipments\" class=\"cmp-top-menu_menu-heading item-one\">\n        <i class=\"fa-light fa-truck-plane cmp-top-menu_item-icons\"></i>Shipments\n        <div class=\"cmp-top-menu_drop-menu show-items\">\n          <div class=\"cmp-top-menu_drop-menu-wrapper\">\n            <div class=\"cmp-top-menu_drop-menu-heading\">\n              <div v-for=\"(item, index) in store.state.mainMenu.shipmentItems\" :key=\"index\" class=\"cmp-top-menu_drop-menu-items\">\n                <router-link v-if=\"item.active\" :to=\"{ name: item.view }\">\n                  <i class=\"fa-light fa-circle-caret-right cmp-top-menu_list-icon\"></i> {{ item.text }}\n                </router-link>\n                <div v-else class=\"cmp-top-menu_drop-menu-disabled-items\" title=\"Feature Locked\">\n                  <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c;\"></i> {{ item.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"cmp-top-menu_no-options-menu-heading\">\n        <router-link v-if=\"store.state.mainMenu.documents\" :to=\"{ name: 'documents' }\">\n          <i class=\"fa-light fa-folder-open cmp-top-menu_item-icons\"></i>Documents</router-link>\n        <div v-else class=\"cmp-top-menu_heading-disabled-items\" title=\"Feature Locked\">\n          <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c; font-size: 12px;\"></i> Documents\n        </div>\n      </div>\n      <div class=\"cmp-top-menu_no-options-menu-heading\">\n        <router-link v-if=\"store.state.mainMenu.reports\" :to=\"{ name: 'reports' }\">\n          <i class=\"fa-light fa-file-spreadsheet cmp-top-menu_item-icons\"></i>Reports</router-link>\n        <div v-else class=\"cmp-top-menu_heading-disabled-items\" title=\"Feature Locked\">\n          <i class=\"fa-solid fa-lock cmp-top-menu_list-icon\" style=\"color: #e7b60c; font-size: 12px;\"></i> Reports\n        </div>\n      </div>\n\n<!--      End menu items flex area-->\n    </div>\n    <div class=\"welcome-user\" style=\"width:220px;\">\n      <i class=\"fa-regular fa-user\" style=\"padding-right: 10px; color: var(--aqua-blue-definition);\"></i>\n      <span><strong>Welcome</strong></span>\n      <span style=\"font-size: 12px; color: #131313; padding-left: 10px;\">{{store.state.userSettings.firstName}}</span>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-top-menu {\n\n  &_item-icons {\n    font-size: 16px;\n    margin-right: 6px;\n    color: #a2a2a2;\n  }\n\n\n\n  &_wrapper {\n    display: flex;\n    margin-top: 7px;\n    justify-content: space-evenly;\n    gap: 50px;\n    user-select: none;\n    background-image: var(--top-menu-bg);\n    height:20px;\n    color: var(--top-menu-text-color);\n    font-size: 14px;\n  }\n\n  &_no-options-menu-heading {\n    display: initial;\n    width: max-content;\n    //font-weight: bold;\n  }\n\n  &_menu-items {\n    display: flex;\n    gap: 20px;\n  }\n\n  &_menu-heading {\n    position: relative;\n    cursor: pointer;\n    font-size: 14px;\n    height: 35px;\n  }\n\n  &_menu-heading:hover {\n    font-weight: bold;\n  }\n\n  &_no-options-menu-heading:hover {\n    font-weight: bold;\n    //border-bottom: 2px solid var(--aqua-blue-definition);\n  }\n\n  &_menu-heading::after {\n    content: '';\n    position: absolute;\n    top: 6px;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top: 9px solid  var(--left-border-highlight);\n    opacity: 0;\n    transition: 0.3s;\n    height: 30px;\n  }\n\n  &_menu-heading:hover::after {\n    opacity: 1;\n  }\n\n  &_drop-menu {\n    z-index: 999999;\n    position: absolute;\n    visibility: hidden;\n    top: 33px;\n    display: flex;\n    opacity: 0;\n    padding: 5px 10px 10px 10px;\n    background-color: #fff;\n    border-bottom-left-radius: var(--rounded-corners);\n    border-bottom-right-radius: var(--rounded-corners);\n    transition: 0.2s;\n    box-shadow: 1px 1px 2px 0 #888888;\n  }\n\n  &_drop-menu-wrapper {\n    display: flex;\n    gap: 10px;\n  }\n\n  &_drop-menu-heading {\n    margin-top: 5px;\n    font-size: 11px;\n    font-weight: bold;\n    cursor: default;\n    color: #000;\n  }\n\n  &_drop-menu-heading span {\n   margin-left: 4px;\n  }\n\n  &_drop-menu-disabled-items {\n    font-weight: normal;\n    font-size: 14px;\n    opacity: 0.4;\n    cursor: pointer;\n    padding: 4px 4px 3px 4px;\n    width: 150px;\n  }\n\n  &_heading-disabled-items {\n    opacity: 0.4;\n  }\n\n  &_drop-menu-items a {\n    font-weight: normal;\n    font-size: 14px;\n    opacity: 1;\n    cursor: pointer;\n    padding: 4px 4px 3px 4px;\n    width: 150px;\n  }\n\n  &_drop-menu-items:hover a {\n    background-color: var(--side-menu-color);\n    color:var(--side-menu-text-color);\n    border-radius: 4px;\n    width: 150px;\n  }\n\n}\n\na {\n  text-decoration: none !important;\n  color: #161616;\n  /*padding: 0px 0px 3px 2px;*/\n  display: block;\n}\n\n\n/*on hover of the item classes, add the .show-items class to the drop menu to make is visible*/\n\n.item-one:hover .show-items {\n  visibility: visible;\n  opacity: 1;\n}\n\n.item-two:hover .show-items {\n  visibility: visible;\n  opacity: 1;\n}\n\n@media screen and (max-width: 1225px) {\n  .welcome-user {\n    visibility: hidden;\n  }\n\n}\n\n</style>\n","import script from \"./TopMenu.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TopMenu.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TopMenu.vue?vue&type=style&index=0&id=7f2ac1d2&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f2ac1d2\"]])\n\nexport default __exports__","\n<script setup>\nimport {ref, computed, onMounted} from \"vue\";\nimport Notification from \"@/classes/component-classes/Notification\";\n\nconst closeBanner = ref(null);\nconst bannerType = computed(() => computedBannerType());\nconst icon = computed(() => computedIcon());\nconst emit = defineEmits(['update:modelValue'])\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  heading: {type: String, default: 'Message'},\n  content: {type: String, default: 'Please Enter A Message'},\n  type: {type: String, default: 'error'},\n\n})\n\nonMounted(() => {\n\n  if(props.modelValue.show) {\n    clearTimeout(closeBanner.value);\n    closeBanner.value = setTimeout(() => emit('update:modelValue',  new Notification()), 3500);\n  }\n\n})\n\nfunction computedBannerType() {\n  if(props.type === 'success') return 'background-color: #abd5b1!important; border-left: 6px solid #33852a;';\n  if(props.type === 'warning') return 'background-color: #ffe4c4!important; border-left: 6px solid #f3814a;';\n}\n\nfunction computedIcon() {\n  if(props.type === 'success') return '&#10004'\n  if(props.type === 'error') return '&#10005'\n  if(props.type === 'warning') return '&#9888'\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-notification-banner\" class=\"banner\" :class=\"{'show' : props.modelValue.show}\" :style=\"bannerType\">\n    <span class=\"banner__icon\" v-html=\"icon\"></span>\n    <span class=\"banner__heading\"><strong>{{heading}}</strong></span>\n    <div class=\"banner__content\">{{props.modelValue.content}}</div>\n  </div>\n</template>\n\n<style scoped>\n\n.banner {\n  display:none;\n  position: relative;\n  background-color: #fae1e1;\n  min-width: 300px;\n  padding: 14px  0 10px 50px;\n  height: 40px;\n  top: 0;\n  border-radius: 6px;\n  border-left: 6px solid#cf4437;\n  margin-bottom: 20px;\n  line-height: 14px;\n  z-index: 999999;\n}\n\n.banner__heading {\n  padding-left: 5px;\n}\n\n.banner__icon {\n  font-size: 30px;\n  position: absolute;\n  top: 24px;\n  left: 10px;\n}\n\n.banner__content {\n  font-size: 12px;\n  padding: 5px;\n}\n\n.banner.show {\n  display: block;\n  animation: show_banner 1s ease forwards;\n}\n\n@keyframes show_banner {\n  0% {\n    transform: translateX(100%);\n  }\n  40% {\n    transform: translateX(-10%);\n  }\n  80% {\n    transform: translateX(0%);\n  }\n\n}\n\n\n</style>\n","import script from \"./NotificationBanner.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NotificationBanner.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NotificationBanner.vue?vue&type=style&index=0&id=a78fb4c8&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-a78fb4c8\"]])\n\nexport default __exports__","export class SideMenuItems {\n    constructor() {\n        this.flight = {\n            title: 'User Accounts',\n            active: true,\n            icon: '<i class=\"fa-duotone fa-users\"></i>'\n        }\n        this.shipment = {\n            title: 'Settings',\n            active: false,\n            icon: '<i class=\"fa-duotone fa-gears\"></i>'\n        }\n\n    }\n}\n","import FreightBookingValidation from \"@/classes/bookings/FreightBookingValidation\";\nimport CourierBookingValidation from \"@/classes/bookings/CourierBookingValidation\";\nimport PreJobAirBookingValidation from \"@/classes/bookings/PreJobAirBookingValidation\";\nimport PreJobSeaBookingValidation from \"@/classes/bookings/PreJobSeaBookingValidation\";\nimport PreJobRoadBookingValidation from \"@/classes/bookings/PreJobRoadBookingValidation\";\n\nexport default class ValidationViewModel {\n    constructor() {\n\n        this.freightBooking = new FreightBookingValidation();\n        this.courierBooking = new CourierBookingValidation();\n        this.preJobAir = new PreJobAirBookingValidation();\n        this.preJobSea = new PreJobSeaBookingValidation();\n        this.preJobRoad = new PreJobRoadBookingValidation();\n        this.preJobRail = new PreJobRoadBookingValidation(); // re-use\n\n    }\n\n}\n","export class StockSearchPillCollection {\n\n    constructor() {\n\n        this.skuName = {\n            enabled: true,\n            history: []\n        };\n\n        this.skuNumber = {\n            enabled: true,\n            history: []\n        };\n\n        this.skuDescription = {\n            enabled: true,\n            history: []\n        };\n\n        this.warehouse = {\n            enabled: true,\n        };\n\n        this.descHeadOne = {\n            label: '',\n            enabled: true,\n            history: []\n        };\n\n        this.descHeadTwo = {\n            label: '',\n            enabled: true,\n            history: []\n        };\n\n        this.descHeadThree = {\n            label: '',\n            enabled: true,\n            history: []\n        };\n\n        this.descHeadFour = {\n            label: '',\n            enabled: true,\n            history: []\n        };\n\n        this.descHeadFive = {\n            label: '',\n            enabled: true,\n            history: []\n        };\n\n        this.descHeadSix = {\n            label: '',\n            enabled: true,\n            history: []\n        }\n\n    }\n}\n","import GridColumn from \"@/classes/component-classes/GridColumn\";\nimport StockSearchItem from \"@/classes/stock/StockSearchItem\";\nimport {StockSearchPillCollection} from \"@/classes/stock/StockSearchPillCollection\";\n\nexport default class StockSearch {\n    constructor() {\n\n        this.searchCriteria = new StockSearchItem();\n\n        this.searchPills = new StockSearchPillCollection();\n\n        this.searchData = [];\n        this.lineData = [];\n        this.searchGridCurrentPage = 1;\n        this.searchGridPageRange = 1;\n        this.lineGridCurrentPage = 1;\n        this.lineGridPageRange = 1;\n        this.isSearchData = false;\n        this.searchGroup = true;\n        this.skuGroupSelected = false;\n\n        this.metaData = {\n\n            warehouses: []\n        }\n\n        this.gridColumns = [\n\n            new GridColumn('1', 'SKU Group', 'skuGroup', '170', true, false, '50'),\n            new GridColumn('2', 'SKU Name', 'skuName', '170', true, false, '50'),\n            new GridColumn('3', 'SKU Number', 'skuNumber', '170', true, false, '50'),\n            new GridColumn('4', 'Description', 'description', '350', true, false, '50'),\n            new GridColumn('5', 'QTY', 'quantity', '40', true, false, '8'),\n            new GridColumn('6', 'Allocated', 'allocated', '55', true, false, '8'),\n            new GridColumn('7', 'Packed', 'packed', '50', true, false, '8'),\n            new GridColumn('8', 'Available', 'available', '60', true, false, '8'),\n            new GridColumn('11', 'Comments', 'comments', '350', true, false, '50'),\n            new GridColumn('9', 'Currency', 'currency', '150', true, false, '50'),\n            new GridColumn('10', 'Value', 'value', '60', true, false, '50'),\n\n        ]\n\n        this.tempLineCols = [\n\n            new GridColumn('1', '', 'warehouse', '1770', true, false, 50),\n            // new GridColumn('2', 'Location', 'location', '140', true, true, 10),\n            // new GridColumn('3', 'Allocated', 'allocated', '60', true, true, 10),\n            // new GridColumn('4', 'Description Header', 'desc1', '140', true, true, 10),\n            // new GridColumn('5', 'Description Header', 'desc2', '140', true, true, 10),\n            // new GridColumn('6', 'Description Header', 'desc3', '140', true, true, 10),\n            // new GridColumn('7', 'Description Header', 'desc4', '140', true, true, 10),\n            // new GridColumn('8', 'Description Header', 'desc5', '140', true, true, 10),\n            // new GridColumn('9', 'Description Header', 'desc6', '140', true, true, 10),\n            // new GridColumn('10', 'Currency', 'currency', '50', true, true, 10),\n            // new GridColumn('11', 'Value', 'value', '50', true, true, 10),\n            // new GridColumn('12', 'Comments', 'skuComments', '230', true, false, 40),\n            // new GridColumn('13', 'Quantity', 'quantity', '60', true, true, 10),\n\n        ]\n\n\n    }\n}\n","import StockSearchItemBase from \"@/classes/stock/StockSearchItemBase\";\n\nexport default class PickStockSearchItem extends StockSearchItemBase {\n\n    constructor() {\n        super();\n    }\n}\n","import ConsigneeDetail from \"@/classes/bookings/ConsigneeDetail\";\nimport {StockSearchPillCollection} from \"@/classes/stock/StockSearchPillCollection\";\nimport {Booking} from \"@/classes/viewmodels/Booking\";\nimport GridColumn from \"@/classes/component-classes/GridColumn\";\nimport PickStockSearchItem from \"@/classes/stock/PickStockSearchItem\";\n\nexport default class PickStock extends Booking {\n    constructor() {\n\n        super()\n\n        this.jobNumber = '';\n\n        this.searchCriteria = new PickStockSearchItem();\n\n        this.consignee = new ConsigneeDetail();\n        this.customerRef = '';\n        this.releaseDate = '';\n        this.releaseTime = '';\n        this.action = '';\n        this.deliveryInstructions = '';\n\n        this.openPicksDrawer = false;\n        this.openDocsDrawer = false;\n        this.pickedItems = [];\n        this.files = [];\n        this.warehouseList = [];\n\n        this.searchResultCurrentPage = 1;\n        this.searchResultPaginationRange = 1;\n\n        this.searchData = [];\n        this.searchGroup = true;\n        this.searchPills = new StockSearchPillCollection();\n        this.isSearchData = false;\n\n        this.skuGroupSelected = false;\n\n        this.metaData = {\n\n            consignees: [],\n            countries: [],\n            skuGroups: [],\n            validatedFields: [],\n            warehouses: []\n\n        }\n\n        this.searchGridColumns = [\n\n            new GridColumn('1', 'SKU Group', 'skuGroup', '240', true, false, 50, '', 'isZeroQuantity'),\n            new GridColumn('2', 'SKU Number', 'skuNumber', '240', true, true, 50, '', 'isZeroQuantity'),\n            new GridColumn('3', 'SKU Name', 'skuName', '240', true, true, 50, '', 'isZeroQuantity'),\n            new GridColumn('5', 'Warehouse', 'warehouse', '240', true, true, 50, '', 'isZeroQuantity'),\n            new GridColumn('6', 'Total', 'total', '50', true, false, 40, '', 'isZeroQuantity'),\n            new GridColumn('7', 'Available', 'available', '60', true, true, 50, '', 'isZeroQuantity'),\n            new GridColumn('8', 'More Detail', 'skuProperties', '77', true, true, 50, '', 'isZeroQuantity'),\n            new GridColumn('9', 'Pick Qty', 'pickQuantity', '60', true, true, 10, '','isZeroQuantity' ),\n            new GridColumn('10', '', 'pick', '75', true, false, 40, ''),\n            new GridColumn('11', 'Allocated', 'allocated', '60', true, true, 10),\n            new GridColumn('12', 'Comments', 'comments', '310', true, true, 10),\n        ]\n\n        this.pickedItemGridColumns = [\n\n            new GridColumn('1', 'SKU Group', 'skuGroup', '180', true, false, 50 ),\n            new GridColumn('2', 'SKU Number', 'skuNumber', '180', true, true, 50 ),\n            new GridColumn('3', 'SKU Name', 'skuName', '180', true, true, 50 ),\n            new GridColumn('4', 'SKU Composite', 'skuComposite', '200', true, false, 50 ),\n            new GridColumn('6', 'Description', 'skuDescription', '180', true, false, 40 ),\n            new GridColumn('5', 'Warehouse', 'warehouse', '180', true, true, 50 ),\n            new GridColumn('11', 'Allocated', 'allocated', '60', true, true, 10),\n            new GridColumn('12', 'Comments', 'comments', '140', true, true, 10),\n            new GridColumn('12', '', 'unPick', '75', true, true, 10),\n        ]\n\n\n    }\n}\n","import GridColumn from \"@/classes/component-classes/GridColumn\";\n\nexport default class SearchPurchaseOrder {\n\n    constructor() {\n\n        this.gridColumns = [\n\n            new GridColumn('', '', 'view', '78', true, false, 50),\n            new GridColumn('1', 'PO Number', 'poNumber', '170', true, false, 50),\n            new GridColumn('2', 'Job Number', 'jobNumber', '180', true, true, 50),\n            new GridColumn('3', 'Shipper', 'shipper', '265', true, true, 50),\n            new GridColumn('4', 'Conveyance', 'conveyance', '180', true, false, 40),\n            new GridColumn('5', 'Container No.', 'containerNumber', '130', true, true, 50),\n            new GridColumn('6', 'Container Type', 'containerType', '180', true, true, 50),\n            new GridColumn('7', 'Pieces', 'nop', '40', true, false, 40),\n            new GridColumn('8', 'Gross Weight', 'grossWeight', '80', true, true, 10),\n            new GridColumn('9', 'Cube', 'cube', '70', true, true, 10),\n            new GridColumn('10', 'Origin Port', 'originPort', '170', true, true, 10),\n            new GridColumn('11', 'Destination Port', 'destinationPort', '170', true, true, 10),\n            new GridColumn('12', 'Order Date', 'orderDate', '80', true, true, 10),\n            new GridColumn('13', 'Ready Date', 'readyDate', '80', true, true, 10),\n            new GridColumn('14', 'Departs', 'departs', '80', true, true, 10),\n            new GridColumn('15', 'Arrives', 'arrives', '80', true, true, 10),\n            new GridColumn('16', 'Delivery', 'delivery', '80', true, true, 10),\n            new GridColumn('10', 'Order Status', 'orderStatus', '130', true, true, 10),\n\n\n        ]\n\n        this.poDummyData = [\n\n            {\n\n                poNumber: '234560',\n                jobNumber: 'HE4359',\n                shipper: 'Shipper Name',\n                conveyance: 'Major Voyager',\n                containerNumber: 'CN43638745',\n                containerType: '20ft DV',\n                pieces: '120',\n                grossWeight: '123.00',\n                cube: '55.36',\n                originPort: 'CNSHA',\n                destinationPort: 'THKKC',\n                orderDate: '10 May 23',\n                readyDate: '20 May 23',\n                departs: '23 May 23',\n                arrives: '29 May 23',\n                delivery: '31 May 23',\n                orderStatus: 'In Customs'\n\n            },\n            {\n\n                poNumber: 'PO34434',\n                jobNumber: 'HD12345',\n                shipper: 'Greta Shipments',\n                conveyance: 'Conveyance Detail',\n                containerNumber: 'CN150763334',\n                containerType: '20ft DV',\n                pieces: '12',\n                grossWeight: '113.00',\n                cube: '15.36',\n                originPort: 'HKHKG',\n                destinationPort: 'THKKC',\n                orderDate: '10 May 23',\n                readyDate: '20 May 23',\n                departs: '23 May 23',\n                arrives: '29 May 23',\n                delivery: '31 May 23',\n                orderStatus: 'In Customs'\n\n            },\n            {\n\n                poNumber: '234560',\n                jobNumber: 'HE4359',\n                shipper: 'Good Shipping Co',\n                conveyance: 'Major Voyager',\n                containerNumber: 'CN43638745',\n                containerType: '20ft DV',\n                pieces: '120',\n                grossWeight: '123.00',\n                cube: '55.36',\n                originPort: 'CNSHA',\n                destinationPort: 'THKKC',\n                orderDate: '10 May 23',\n                readyDate: '20 May 23',\n                departs: '23 May 23',\n                arrives: '29 May 23',\n                delivery: '31 May 23',\n                orderStatus: 'In Customs'\n\n            },            {\n\n                poNumber: '234560',\n                jobNumber: 'HE4359',\n                shipper: 'Shipper Name',\n                conveyance: 'Major Voyager',\n                containerNumber: 'CN43638745',\n                containerType: '20ft DV',\n                pieces: '120',\n                grossWeight: '123.00',\n                cube: '55.36',\n                originPort: 'CNSHA',\n                destinationPort: 'THKKC',\n                orderDate: '10 May 23',\n                readyDate: '20 May 23',\n                departs: '23 May 23',\n                arrives: '29 May 23',\n                delivery: '31 May 23',\n                orderStatus: 'In Customs'\n\n            }\n\n\n\n        ]\n    }\n}\n","import Address from \"@/classes/global/Address\";\nimport ValidatedField from \"@/classes/global/ValidatedField\";\n\n\nexport default class PurchaseOrder {\n\n    constructor() {\n\n        this.openAddressModal = false;\n        this.openOrderStatusModal = false;\n        this.openItemDetailsModal = false;\n\n        this.addressSelection = {\n\n            supplier: {\n                active: true,\n                complete: false,\n                isValid: true\n            },\n            consignee: {\n                active: false,\n                complete: false,\n                isValid: true\n            },\n            agent: {\n                active: false,\n                complete: false,\n                isValid: true\n            }\n        }\n\n        this.currentTile = 'supplier';\n        this.isEdit = false;\n        this.isNew = true;\n        this.companyId = '';\n        this.currentEditAddress = {};\n\n        this.supplier = new Address();\n        this.consignee = new Address();\n        this.agent = new Address();\n\n        this.orderStatusList = [];\n        this.itemDetailsList = [];\n\n        this.metaData = {\n\n            validatedFields: [\n\n                new ValidatedField('companyName', true, true, 'Supplier Name', 'supplier'),\n                new ValidatedField('addressLine1', true, true, 'Address Line 1', 'supplier'),\n                new ValidatedField('addressLine2', false, false, 'Address Line 2', 'supplier'),\n                new ValidatedField('city', false, false, 'city', 'supplier'),\n                new ValidatedField('postCode', false, false, 'Post Code', 'supplier'),\n                new ValidatedField('county', false, false, 'county', 'supplier'),\n                new ValidatedField('country', false, false, 'Country', 'supplier'),\n\n                new ValidatedField('companyName', true, true, 'Supplier Name', 'consignee'),\n                new ValidatedField('addressLine1', true, true, 'Address Line 1', 'consignee'),\n                new ValidatedField('addressLine2', false, false, 'Address Line 2', 'consignee'),\n                new ValidatedField('city', true, false, 'city', 'consignee'),\n                new ValidatedField('postCode', false, false, 'Post Code', 'consignee'),\n                new ValidatedField('county', false, false, 'county', 'consignee'),\n                new ValidatedField('country', false, false, 'Country', 'consignee'),\n\n                new ValidatedField('companyName', true, true, 'Supplier Name', 'agent'),\n                new ValidatedField('addressLine1', true, true, 'Address Line 1', 'agent'),\n                new ValidatedField('addressLine2', false, false, 'Address Line 2', 'agent'),\n                new ValidatedField('city', false, false, 'city', 'agent'),\n                new ValidatedField('postCode', true, false, 'Post Code', 'agent'),\n                new ValidatedField('county', false, false, 'county', 'agent'),\n                new ValidatedField('country', false, false, 'Country', 'agent'),\n\n            ]\n        }\n\n\n    }\n\n}\n\n","<script setup>\n\n// Vue 3.2 imports each usage of the hooks and reactivity through ref\nimport {ref, provide, onMounted, computed} from 'vue';\nimport {useStore} from 'vuex';\n\n// App.vue specific components\nimport {useRoute, useRouter} from 'vue-router';\nimport LeftSlideMenu from \"@/components/common/navigation/LeftSlideMenu\";\nimport TopMenu from \"@/components/common/navigation/TopMenu\";\nimport NotificationBanner from \"@/components/common/other/NotificationBanner\";\nimport LoadingSpinner from \"@/components/common/other/LoadingSpinner\";\n\n\n// Demo imports for development - to be removed\nimport DateInput from \"@/components/common/input/DateInput\";\n\n// Provided globally to all Components through injection\nimport {SideMenuItems} from \"@/classes/component-classes/SideMenuItems\";\nimport ValidationViewModel from \"@/classes/global/ValidationViewModel\";\nimport Validation from \"@/classes/global/Validation\";\nimport Shipments from \"@/classes/viewmodels/Shipments\";\nimport FreightBooking from \"@/classes/viewmodels/FreightBooking\";\nimport CourierBooking from \"@/classes/viewmodels/CourierBooking\";\nimport PreJobAirBooking from \"@/classes/viewmodels/PreJobAirBooking\";\nimport PreJobSeaBooking from \"@/classes/viewmodels/PreJobSeaBooking\";\nimport PreJobRoadBooking from \"@/classes/viewmodels/PreJobRoadBooking\";\nimport PreJobRailBooking from \"@/classes/viewmodels/PreJobRailBooking\";\nimport StockSearch from \"@/classes/viewmodels/StockSearch\";\nimport PickStock from \"@/classes/viewmodels/PickStock\";\nimport SearchPurchaseOrder from \"@/classes/viewmodels/SearchPurchaseOrder\"\nimport PurchaseOrder from \"@/classes/viewmodels/PuchaseOrder\";\n\nconst route = useRoute();\nconst router = useRouter();\nconst store = useStore();\n\nconst getHeaderLogo = computed(() => getHeaderLogoPerSection());\nconst validationViewModel = new ValidationViewModel();\nconst validation = new Validation();\nconst shipments = new Shipments();\nconst freightBooking = new FreightBooking();\nconst courierBooking = new CourierBooking();\nconst preJobAirBooking = new PreJobAirBooking();\nconst preJobSeaBooking = new PreJobSeaBooking();\nconst preJobRoadBooking = new PreJobRoadBooking();\nconst preJobRailBooking = new PreJobRailBooking();\nconst stockSearch = new StockSearch();\nconst pickStock = new PickStock();\nconst searchPurchaseOrder = new SearchPurchaseOrder();\nconst purchaseOrder = new PurchaseOrder();\n\n// Injection process\nprovide(\"sideMenuItems\", ref(new SideMenuItems));\nprovide(\"validationViewModel\", ref(validationViewModel));\nprovide(\"shipments\", ref(shipments));\nprovide(\"freightBooking\", ref(freightBooking));\nprovide(\"courierBooking\", ref(courierBooking));\nprovide(\"preJobAirBooking\", ref(preJobAirBooking));\nprovide(\"preJobSeaBooking\", ref(preJobSeaBooking));\nprovide(\"preJobRoadBooking\", ref(preJobRoadBooking));\nprovide(\"preJobRailBooking\", ref(preJobRailBooking));\nprovide(\"stockSearch\", ref(stockSearch));\nprovide(\"pickStock\", ref(pickStock));\nprovide(\"searchPurchaseOrder\", ref(searchPurchaseOrder));\nprovide(\"purchaseOrder\", ref(purchaseOrder));\n\n\n// Colour Theme Picker - demo\nonMounted(async () => {\n  document.documentElement.className = 'default'\n  // Leave this as a reminder we can perform methods on the router after isReady\n  // await router.isReady();\n\n})\n\nfunction getHeaderLogoPerSection() {\n\n  if (route.name === 'errorPage' || route.name === 'routeGuardErrorPage' || route.name === 'jobNotEditableUserInfo')\n    return require(`./assets/error_logo.png`);\n  if (route.name === 'noowner') return require(`./assets/error_logo.png`);\n  if (route.name === 'dashboard') return require(`./assets/dashboard_logo.png`);\n  if (route.name === 'showshipments' || route.name === 'home') return require(`@/assets/shipments/shipments_logo.png`);\n  if (route.name === 'viewshipment') return require(`@/assets/shipments/view_shipments_logo.png`);\n  if (route.name === \"home\") return require(`@/assets/shipments/view_shipments_logo.png`);\n  if (route.name === 'prejob') return require(`@/assets/bookings/pre_job_logo.png`);\n  if (route.name === 'stock') return require(`@/assets/warehouse/stock_logo.png`);\n  if (route.name === 'pickstock') return require(`@/assets/warehouse/warehouse-pick_logo.png`);\n  if (route.name === 'warehousejobs') return require(`@/assets/warehouse/warehouse-jobs_logo.png`);\n  if (route.name === 'skuhistory') return require(`@/assets/warehouse/sku-history_logo.png`);\n  if (route.params.section === 'freightBooking') return require(`@/assets/bookings/freight_booking_logo.png`);\n  if (route.params.section === 'courierBooking') return require(`@/assets/bookings/courier_booking_logo.png`);\n  if (route.name === 'purchaseorder' && route.params.id === 'new') return require(`@/assets/orders/purchase_order_logo.png`);\n  if (route.name === 'purchaseorder' && route.params.id === 'browse') return require(`@/assets/orders/browse_orders_logo.png`);\n  if (route.name === 'quote' && route.params.id === 'new') return require(`@/assets/quotes/quote_entry_logo.png`);\n  if (route.name === 'quote' && route.params.id === 'browse') return require(`@/assets/quotes/browse_quotes_logo.png`);\n  if (route.name === 'documents') return require(`@/assets/documents/documents_logo.png`);\n  if (route.name === 'reports') return require(`@/assets/reports/reports_logo.png`);\n\n}\n\nfunction getOwnerLogo() {\n\n  try {\n\n      return require(`@/assets/${store.state.owner}/logo.png`);\n\n  } catch (error) {\n\n    return require(`@/assets/no_logo.png`);\n  }\n\n}\n\nfunction getAccountLogo() {\n\n  try {\n\n      return require(`@/assets/${store.state.owner}/${store.state.userSettings.account}/logo.png`);\n\n  } catch (error) {\n\n    return require(`@/assets/no_logo.png`);\n  }\n\n}\n\n</script>\n<template id=\"Vue-3-view-component-App.vue\">\n  <div class=\"notification-wrapper\">\n    <NotificationBanner\n        :key=\"store.state.banners.error.id\"\n        heading=\"An Error Has Occured\"\n        content=\"Fail\"\n        type=\"error\"\n        v-model=\"store.state.banners.error\">\n    </NotificationBanner>\n    <NotificationBanner\n        :key=\"store.state.banners.success.id\"\n        heading=\"Success\"\n        content=\"Fail\"\n        type=\"success\"\n        v-model=\"store.state.banners.success\">\n    </NotificationBanner>\n  </div>\n  <div id=\"Vue-3-app-vue\" class=\"logo-containers\">\n    <div style=\"padding: 4px 0 0 10px;\">\n      <img alt=\"owner-logo\" :src=\"getOwnerLogo()\">\n    </div>\n    <div style=\"margin-left: -180px;\">\n      <img alt=\"account-logo\" :src=\"getAccountLogo()\">\n    </div>\n    <div>\n      <img alt=\"Powered By Boxtrax Vision\" src=\"./assets/powered_by_boxtrax_vision.png\">\n    </div>\n  </div>\n  <div class=\"app-header\">\n    <TopMenu v-if=\"store.state.owner\"></TopMenu>\n    <div class=\"app-location-banner\"><img alt=\"logo\" :src=\"getHeaderLogo\"></div>\n  </div>\n  <LeftSlideMenu></LeftSlideMenu>\n  <div class=\"app-content-wrapper\">\n    <router-view/>\n  </div>\n</template>\n\n<style>\n\n@import './css/theme-pallette.scss';\n@import './css/global-styling.scss';\n\nbody {\n  margin: 0;\n  background-color: var(--body-bg);\n  font-family: 'Roboto', Arial;\n  user-select: none;\n  background-size: cover;\n}\n\n#app {\n  margin: 0;\n  display: flex;\n  max-width: 1900px;\n  flex-direction: column;\n  margin: auto auto;\n}\n\n.app-header {\n  position: relative;\n  /*background-image: linear-gradient(0deg, #f3f3f3, #ffffff);*/\n  background-color: #fff;\n  height: 32px;\n  border: 1px solid #d7d7d7;\n  border-radius: 6px;\n  margin-left: 55px;\n  padding: 7px;\n}\n\n.app-login-welcome {\n  position: absolute;\n  font-size: 14px;\n  top: 8px;\n  left: 1400px;\n  color: #3f9968;\n}\n\n.app-location-banner {\n  position: absolute;\n  top: 5px;\n  left: 18px;\n}\n\n.app-content-wrapper {\n  padding-left: 55px;\n}\n\n.logo-containers {\n  position: relative;\n  height: 55px;\n  display: flex;\n  justify-content: space-between;\n  border: 1px solid var(--border-color);\n  background-color: #fff;\n  margin-left: 55px;\n  user-select: none;\n  overflow: visible;\n  border-radius: var(--rounded-corners);\n  margin-bottom: 4px;\n  align-items: center;\n}\n\n.logo-containers:first-child {\n  padding-left: 10px;\n}\n\n.logo-containers div:last-of-type {\n  padding-right: 30px;\n}\n\n@media screen and (max-width: 1325px) {\n  .app-location-banner {\n    visibility: hidden;\n  }\n\n}\n\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=52c962f0&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import {createApp} from 'vue';\nimport App from './App.vue';\nimport store from './store';\n\nimport ElementPlus from 'element-plus';\nimport router from './router';\nimport axios from 'axios';\n\nimport 'element-plus/dist/index.css'\n\n// Import Global Components\nimport TextInput from \"@/components/common/input/TextInput\";\nimport Shipments from \"@/components/shipments/Shipments\";\n\nimport authorizeLogin from \"@/classes/login/AuthorizeLogin\";\n\nimport { ApplicationInsights } from '@microsoft/applicationinsights-web'\n\naxios.defaults.baseURL = process.env.VUE_APP_SERVICE_BASE_URL;\n\n\n\nconst app = createApp(App).use(store).use(ElementPlus).use(router);\n\n// Register Global Components (Can be chained)\napp.component('TextInput', TextInput)\n    .component('Shipments', Shipments)\n\n\nlet owner = new URL(window.location.origin.toString()).hostname;\nstore.state.owner = owner.split('.')[0];\n\nif(process.env.VUE_APP_ENV === 'production' || process.env.VUE_APP_ENV === 'devsecure') {\n\n    authorizeLogin.authenticate(app, axios);\n\n    const appInsights = new ApplicationInsights({ config: {\n            connectionString: 'InstrumentationKey=5ad06641-dc1a-427e-af43-df60fabd94de;IngestionEndpoint=https://uksouth-1.in.applicationinsights.azure.com/;LiveEndpoint=https://uksouth.livediagnostics.monitor.azure.com/',\n            /* ...Other Configuration Options... */\n            loggingLevelConsole: 2,\n\n        } });\n\n    appInsights.loadAppInsights(false);\n    appInsights.trackPageView();\n    \n\n\n\n} else {\n\n    authorizeLogin.getUserInfo(app, axios, store.state.tempSecurityId);\n}\n\n\n\n","<script setup>\n\nimport {computed} from \"@vue/reactivity\";\n\nconst getIcon = computed(() => getCorrectIcon());\n\nconst props = defineProps({\n  text: {type: String, default: 'Button', required: true},\n  type: {type: String, default: 'primary'},\n  icon: {type: String, default: ''},\n  badgeData: {type: Number, default: 0}\n})\n\nfunction getCorrectIcon () {\n\n  // Decimal HTML Entities thanks to graphemica.com\n\n  switch (props.text) {\n\n    case 'Add' : return '&#10010';\n    case 'Save' : return '&#128427';\n    case 'Delete' : return '&#128465';\n    case 'Edit' :return '&#128393';\n    case 'View' :return '&#128463';\n    case 'Accept' : case 'Yes' : return '&#10004';\n    case 'No' : return '&#10006';\n    case 'Ok' : return '&#128505';\n    case 'Export' : return '&#128464';\n    case 'Refresh' : return '&#128472';\n    case 'Documents' : case 'Docs' : return '&#128449';\n\n    default: return '';\n  }\n\n}\n\n</script>\n\n<template class=\"cmp-button\">\n  <button\n      v-if=\"!props.icon\"\n      id=\"vue-3-component-button1\"\n      class=\"cmp-button_button\"\n      @click=\"$emit('on-click')\"\n      :class=\"'cmp-button_button-' + props.type\">\n    <span v-if=\"props.badgeData\" class=\"cmp-button_badge\">{{props.badgeData}}</span>\n    <span v-html=\"getIcon + ' ' + text\"></span>\n  </button>\n  <button\n      v-else\n      id=\"vue-3-component-button2\"\n      class=\"cmp-button_button\"\n      @click=\"$emit('on-click')\"\n      :class=\"'cmp-button_button-' + props.type\">\n    <span v-if=\"props.badgeData\" class=\"cmp-button_badge\">{{props.badgeData}}</span>\n    <span v-html=\"icon + ' ' + text\"></span>\n  </button>\n</template>\n\n<style lang=\"scss\" scoped>\n\n\n.cmp-button {\n\n  &_button {\n    position: relative;\n    font-family: inherit;\n    width: 70px;\n    height: 25px;\n    border-radius: 3px;\n    box-shadow: none;\n    border: none;\n    margin-left: 3px;\n    color: #fff;\n    font-size: 12px;\n    min-width: max-content;\n    padding: 0 10px 2px 10px;\n    transition: 0.2s;\n    line-height: 24px;\n    cursor: pointer;\n  }\n\n  &_button:hover {\n    box-shadow: 1px 1px 2px 0px #888888;\n  }\n\n  &_button:disabled {\n    opacity: 0.2;\n  }\n\n  &_button-primary {\n    background-color: #31638c;\n    border: 1px solid #31638c;\n  }\n\n  &_button-toolbar {\n    background-image: linear-gradient(0deg, #eaeaea, #ffffff);\n    border: 1px solid #cacaca;\n    color: #000000;\n  }\n\n  &_button-secondary {\n    background-color: #6c757d;\n    border: 1px solid #6c757d;\n  }\n\n  &_button-success {\n    background-color: #009688;\n    border: 1px solid #009688;\n  }\n\n  &_button-danger {\n    background-color: #ba545f;\n    border: 1px solid #ba545f;\n  }\n\n  &_button-warning {\n    background-color: #f0c042;\n    border: 1px solid #f0c042;\n  }\n\n  &_button-info {\n    background-color: #17a2b8;\n    border: 1px solid #17a2b8;\n  }\n\n  &_button-plain {\n    color: #ffffff;\n    background-color: #1a7aae;\n    border: 1px solid #1a7aae;\n    //background-image: linear-gradient(rgb(221 123 74), #b15e3e);\n  }\n\n  &_badge {\n    position: absolute;\n    height: 8px;\n    right: 4px;\n    top: -9px;\n    padding: 4px 4px 3px 4px;\n    //background: #275087;\n    background: #a44a4a;\n    min-width: 5px;\n    width: -webkit-max-content;\n    width: -moz-max-content;\n    width: max-content;\n    font-size: 9px;\n    border-radius: 4px;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n}\n\n</style>\n","import script from \"./Button.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Button.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Button.vue?vue&type=style&index=0&id=e5642912&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-e5642912\"]])\n\nexport default __exports__","<script setup>\n\nimport {computed} from \"@vue/reactivity\";\nimport Validation from \"@/classes/global/Validation\";\n\nconst labelToLeft = computed(() => setLabelToLeft());\nconst emit = defineEmits(['update:modelValue']);\n\nconst props = defineProps({\n\n  modelValue: Boolean,\n\n  styleString: {type: String},\n  disabled: {type: Boolean, default: false},\n  label: {type: String, default: ''},\n  labelTop: {type: Boolean, default: false,},\n  labelWidth: {type: Number, default: 130},\n  requiredField: {type: Boolean, default: false},\n  value: {type: Boolean, default: false},\n\n})\n\nfunction emitResult(value){\n  emit('update:modelValue', value);\n}\n\nfunction setLabelToLeft() {\n  if (!props.labelTop) {\n    return 'flex'\n  }\n  return '';\n}\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-checkbox\" :style=\"{display: labelToLeft}\" class=\"checkbox-wrapper\">\n    <div\n        v-show=\"label.length > 0\"\n        :class=\"{'label-left' : labelToLeft === 'flex'}\"\n        :style=\"{width : labelWidth + 'px'}\"\n        :title=\"label\">\n      {{ label }}\n    </div>\n    <label data-cy=\"check-box\" class=\"checkbox-container\" :style=\"styleString\">\n      <input\n          type=\"checkbox\"\n          :disabled=\"disabled\"\n          :checked=\"modelValue\"\n          @change=\"emitResult($event.target.checked)\">\n      <span class=\"checkbox-checkmark\" :class=\"{'checkbox-checkmark_disabled' : props.disabled}\"></span>\n    </label>\n  </div>\n</template>\n\n<style scoped>\n\n.checkbox-wrapper {\n  position: relative;\n  /*margin-top: 2px;*/\n  margin-bottom: 8px;\n  font-size: 13px;\n  line-height: 13px;\n}\n\n\n/* Customize the label (the container) */\n.checkbox-container {\n  /*display: block;*/\n  position: relative;\n  /*padding-left: 35px;*/\n  margin-bottom: 12px;\n  cursor: pointer;\n  font-size: 22px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n\n}\n\n/* Hide the browser's default checkbox */\n.checkbox-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n/* Create a custom checkbox */\n.checkbox-checkmark {\n  position: absolute;\n  top: 0;\n  /*left: 0;*/\n  height: 20px;\n  width: 20px;\n  background-color: #fff;\n  border: solid 1px #c3c3c3;\n  border-radius: 4px;\n}\n\n.checkbox-checkmark_disabled {\n  background: #e2e2e2;\n}\n\n\n/* On mouse-over, add a grey background color */\n.checkbox-container:hover input ~ .checkbox-checkmark {\n  border-color: #265a87;\n}\n\n/* Create the checkmark/indicator (hidden when not checked) */\n.checkbox-checkmark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n\n/* Show the checkmark when checked */\n.checkbox-container input:checked ~ .checkbox-checkmark:after {\n  display: block;\n}\n\n/* Style the checkmark/indicator */\n.checkbox-container .checkbox-checkmark:after {\n  left: 7px;\n  top: 3px;\n  width: 4px;\n  height: 10px;\n  border: solid #1a507a;\n  border-width: 0 2px 2px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n\n.checkbox-container input[type=\"checkbox\"]:focus + .checkbox-checkmark {\n  outline: none;\n  border-color: #4c7bae;\n  /* default chrome blue outline if ever required\n  /*outline: rgb(59, 153, 252) auto 1px;*/\n}\n\n.label-left {\n  padding: 5px 15px 0 0;\n  color: #222222;\n  display: flex;\n\n}\n\n\n</style>\n","import script from \"./CheckBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CheckBox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CheckBox.vue?vue&type=style&index=0&id=3babb1e6&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3babb1e6\"]])\n\nexport default __exports__","<script setup>\nimport moment from \"moment\";\nimport {ref, watch, computed, onMounted, reactive} from 'vue'\n\nimport TextInput from \"@/components/common/input/TextInput\";\nimport Validation from \"@/classes/global/Validation\";\n\nconst displayedDate = ref('');\nconst dateInput = ref('');\nconst selectionMade = ref(false);\n\nconst emits = defineEmits(['update:modelValue', 'update:validationFail', 'input', 'selected-date']);\n\nconst props = defineProps({\n\n  modelValue: null,\n\n  validationFail: {type: Object, default: new Validation},\n  validationText: {type: Array, default: ['Required', 'Incorrect Format']},\n  label: String,\n  labelWidth: Number,\n  width: { type: Number, default: 120 },\n  labelTop: { type: Boolean, default: false },\n  requiredField: { type: Boolean, default: false },\n  highlightRequiredBackground: { type: Boolean, default: false },\n})\n\nonMounted(() => {\n  if (props.modelValue) {\n    displayedDate.value = props.modelValue;\n  }\n})\n\nwatch(() => props.modelValue, (newValue, oldValue) => {\n  displayedDate.value = props.modelValue;\n  dateInput.value = '';\n  selectionMade.value =  false;\n})\n\n// Start of methods\nfunction numberOnlyCheck(e) {\n\n  if (!(/[\\/0-9]/.test(e.key))) {\n    e.preventDefault();\n\n  } else if (e.key === '/' && dateInput.value.charAt(dateInput.length - 1) === '/') {\n    e.preventDefault();\n\n  } else {\n    return true;\n  }\n\n};\n\nfunction prepareInputData(e) {\n\n  emits('update:validationFail', new Validation());\n  emits('input');\n\n  // Handle delete key\n  if (!e.data) {\n    return\n  }\n\n  if (dateInput.value.length === 2 || dateInput.value.length === 5) {\n    dateInput.value += \"/\"\n  }\n\n};\n\nfunction setFormat(userDateInput) {\n\n  if (userDateInput !== \"\") {\n    let checkDate = moment(userDateInput, ['DD-MM-YYYY']).format('DD-MMM-YY');\n\n    if (checkDate !== 'Invalid date') {\n\n      displayedDate.value = checkDate;\n      emits('update:modelValue', checkDate);\n      emits('selected-date', checkDate);\n      selectionMade.value = true;\n\n    } else {\n      emits('update:validationFail', new Validation(1, true));\n\n    }\n\n  }\n\n};\n\nfunction handleFocusAndEnterKey(userValue) {\n\n  emits('update:validationFail', new Validation());\n\n  if (userValue.length === 10 && selectionMade.value === false) {\n    this.setFormat(dateInput.value);\n\n  } else if (userValue !== '' && userValue.length !== 10) {\n    emits('update:validationFail', new Validation(1, true));\n  }\n\n};\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-date-input\" class=\"date-input-wrapper\">\n    <div style=\"position: relative;\">\n      <text-input\n          @keydown.enter=\"handleFocusAndEnterKey(dateInput)\"\n          @keypress=\"numberOnlyCheck\"\n          @input=\"prepareInputData\"\n          :highlightRequiredBackground=\"props.highlightRequiredBackground\"\n          :max-length=\"10\"\n          :label=\"label\"\n          :label-width=\"labelWidth\"\n          :label-top=\"labelTop\"\n          :requiredField=\"requiredField\"\n          :width=\"props.width - 25\"\n          @focusout=\"handleFocusAndEnterKey(dateInput)\"\n          placeholder=\"eg: dd/mm/yy\"\n          :clearable=\"false\"\n          :validation-text=\"validationText\"\n          :validation-fail=\"validationFail\"\n          v-if=\"!displayedDate\"\n          v-model=\"dateInput\">\n      </text-input>\n    </div>\n    <div style=\"position: relative;\">\n      <text-input\n          data-cy=\"txtConvertedDate\"\n          v-if=\"displayedDate\"\n          :label=\"label\"\n          :label-width=\"labelWidth\"\n          :label-top=\"labelTop\"\n          :requiredField=\"requiredField\"\n          :width=\"props.width - 25\"\n          :clearable=\"true\"\n          :readonly=\"true\"\n          @update:modelValue=\"$emit('update:modelValue', '')\"\n          v-model=\"displayedDate\">\n      </text-input>\n    </div>\n    <div class=\"date-input-slot\">\n      <slot></slot>\n    </div>\n\n  </div>\n</template>\n\n<style scoped>\n\n.date-input-wrapper {\n  display: flex;\n}\n\n.date-input-slot {\n  margin-left: 15px;\n}\n</style>\n","import script from \"./DateInput.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DateInput.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DateInput.vue?vue&type=style&index=0&id=10a958be&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-10a958be\"]])\n\nexport default __exports__","<template>\n  <div id=\"Vue-3-component-dropdown-menu\">\n    <TextInput\n        id=\"inputElement\"\n        ref=\"input\"\n        :label=\"label\"\n        :label-top=\"labelTop\"\n        :labelWidth=\"labelWidth\"\n        v-model=\"selectedItem\"\n        :validation-fail=\"validationFail\"\n        :validation-text=\"validationText\"\n        :requiredField=\"requiredField\"\n        @keydown.stop=\"keyboardSelectItem\"\n        @click.self=\"setupClick\"\n        @wheel=\"stopScroll\"\n        :disable=\"disable\"\n        :readonly=true\n        :width=\"width\"\n        @mouseleave=\"autoCloseSelectResults\"\n        :placeholder=\"placeHolder\">\n      <div\n          @click=\"handleClear\"\n          v-if=\"selectedItem && !disable && !removeClearButton\"\n          class=\"input-clear-container\">\n        <div @mouseleave=\"autoCloseSelectResults\" class=\"input-cross\">+</div>\n      </div>\n      <span\n          v-if=\"!selectedItem && !disable\">\n            <div id=\"clickIcon\" @mouseleave=\"autoCloseSelectResults\" @wheel=\"stopScroll\" class=\"input-icon-container\"\n                 @click=\"setupClick\">\n              <span class=\"input-arrow-down\"></span>\n            </div>\n        </span>\n    </TextInput>\n\n    <!--    <div v-if=\"validationStatus\" class=\"input-validation-message\">Required</div>-->\n\n    <div tabindex=\"0\" id=\"select-results\" ref=\"select\" @mouseleave=\"autoCloseSelectResults\" @wheel=\"scrollItems\"\n         @mouseenter=\"reEnterSelect\" v-if=\"showResults === true\"\n         :class=\"{'select-item-container' : !popupSelectResults, 'select-item-container-popup' : popupSelectResults}\">\n      <ul id=\"results-list\" class=\"select-item-container-list\" data-cy=\"lstDdlResult\">\n        <li ref=\"ul\" v-for='(item, index) in dataSource' :key='index'\n            @click=\"selectItem(item, index)\"\n            :class='{\"select-highlight-current-row\": selected === index}'>\n          <div class=\"select-item-container-data\" ref=\"list\">\n            <div class=\"select-list-items\" :tabindex=\"index\" ref=\"listItem\">{{ item.text }}</div>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport TextInput from \"@/components/common/input/TextInput\";\nimport DropDownItem from \"@/classes/component-classes/DropDownItem\";\nimport Validation from \"@/classes/global/Validation\";\n\n\nexport default {\n  name: \"DropDownMenu\",\n\n  mounted: function () {\n\n    // State - Set prop data from model\n\n    if(this.modelValue) {\n\n      if(typeof this.modelValue === 'object') {\n        if(this.modelValue.id) this.selectedItem = this.dataSource.find(x => x.id === this.modelValue.id).text;\n\n      } else {\n        this.selectedItem = this.dataSource.find(x => x.id === this.modelValue).text;\n      }\n\n    }\n\n  },\n\n  data: function () {\n    return {\n\n      selectedItem: '',\n      popupSelectResults: this.popupResults ? this.popupResults : this.popupSelectResults === false,\n      showResults: false,\n      selected: -1,\n      closeTimer: null,\n      closeTime: 600,\n\n      menuFullOpenHeight: {\n        type: Number,\n        default: 0\n      }\n\n    }\n  },\n  components: {\n    TextInput\n  },\n\n  props: {\n\n    modelValue: {},\n\n    dataSource: {\n      type: Array,\n      default: function () {\n        return []\n      }\n    },\n\n    placeholder: {\n      type: String,\n      default: 'Select...'\n    },\n    removeClearButton: {\n      type: Boolean,\n      default: false\n    },\n    validationFail: {\n      type: Object,\n      default: {}\n    },\n    validationText: {\n      type: Array,\n      default: ['Required']\n    },\n    popupResults: {\n      type: Boolean,\n      default: false\n    },\n    disable: {\n      type: Boolean,\n      default: false\n    },\n    width: {\n      type: Number,\n      default: 300\n    },\n\n    label: {\n      type: String,\n      default: ''\n    },\n\n    labelTop: {\n      type: Boolean,\n      default: false\n    },\n\n    labelWidth: Number,\n\n    requiredField: {\n      type: Boolean,\n      default: false\n    }\n\n  },\n\n  methods: {\n\n    getSelectResultContainerPosition(popupResults) {\n\n      this.$nextTick(() => {\n\n        let inputElement = this.$refs.input\n        let selectDrop = this.$refs.select;\n\n        let inputTopPosition = inputElement.$el.children[1].getBoundingClientRect().top;\n        let inputLeftPosition = inputElement.$el.children[1].getBoundingClientRect().left;\n        let inputWidth = inputElement.$el.children[1].getBoundingClientRect().width - 2;\n\n\n        if (selectDrop) {\n\n          let selectHeight = selectDrop.clientHeight + 29;\n          this.menuFullOpenHeight = selectHeight\n\n          if (!popupResults) {\n\n            selectDrop.style.cssText = `top: ${inputTopPosition + \"px\"}; left: ${inputLeftPosition + \"px\"}; width: ${inputWidth + \"px\"} `\n          } else {\n\n            selectDrop.style.cssText = `top: ${inputTopPosition - selectHeight + \"px\"}; left: ${inputLeftPosition + \"px\"}; width: ${inputWidth + \"px\"} `\n          }\n\n        }\n\n      })\n\n    },\n\n    reEnterSelect() {\n\n      // Re add this if overscroll css ever has an issue with the selectbox detaching\n\n      // document.addEventListener(\"wheel\", this.autoCloseSelectResults);\n      //\n      // if(this.showResults) {\n      //   document.removeEventListener(\"wheel\", this.closeResults);\n      // }\n\n      document.removeEventListener('wheel', this.closeResults)\n\n      clearTimeout(this.closeTimer);\n\n    },\n\n    autoCloseSelectResults(e) {\n\n      //Measure the mouse position within the menu boundries - close if mouse is out of bounds\n      if (this.showResults) {\n\n        let selectDrop = this.$refs.select;\n\n        let selectTop = selectDrop.offsetTop;\n        let selectLeft = selectDrop.offsetLeft;\n        let selectWidth = selectDrop.getBoundingClientRect().width;\n\n        let selectHeight = selectDrop.clientHeight + 29;\n\n        // Slight difference in value adjustment between popup and normal to stop auto close behaviour bug\n        let selectBottom = selectTop + selectHeight - 32;\n        let selectBottomPopup = selectTop + selectHeight - 29;\n\n\n\n        if (!this.popupSelectResults) {\n\n          if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY - window.scrollY < selectTop\n              || e.pageY > selectBottom) {\n\n            window.addEventListener(\"scroll\", this.closeResults);\n            document.addEventListener(\"wheel\", this.closeResults);\n            window.addEventListener('click', this.closeResults)\n\n            // Only close if the menu is fully open\n            if (selectHeight === this.menuFullOpenHeight) {\n\n              clearTimeout(this.closeTimer)\n              this.closeTimer = setTimeout(() => this.closeResults(), this.closeTime);\n\n            }\n          }\n\n        } else {\n\n          if (e.clientX < selectLeft || e.clientX > selectLeft + selectWidth - 10 || e.pageY < selectTop\n              || e.pageY > selectBottomPopup) {\n\n            window.addEventListener(\"scroll\", this.closeResults);\n            document.addEventListener(\"wheel\", this.closeResults);\n\n            if (selectHeight === this.menuFullOpenHeight) {\n\n              clearTimeout(this.closeTimer)\n              this.closeTimer = setTimeout(() => this.closeResults(), this.closeTime);\n              this.selected = -1;\n            }\n\n          }\n\n        }\n\n      }\n    },\n\n    setupClick(e) {\n\n      // Make the select popup if the input is so far down the screen\n\n      this.popupSelectResults = false;\n      let lowerScreenArea = window.outerHeight / 1.3\n\n      if (e.screenY > lowerScreenArea) {\n\n        this.popupSelectResults = true;\n      }\n\n      this.showResults = true;\n      this.getSelectResultContainerPosition(this.popupSelectResults);\n\n    },\n\n    stopScroll(e) {\n      if (this.showResults) e.preventDefault();\n    },\n\n    scrollItems(e) {\n      e.preventDefault();\n\n      if (e.deltaY > 0) {\n        this.$refs.select.scrollBy(0, 22)\n\n      } else {\n        this.$refs.select.scrollBy(0, -22)\n      }\n\n    },\n\n    closeResults() {\n      this.showResults = false;\n      this.selected = -1;\n\n      window.removeEventListener('scroll', this.closeResults)\n      document.removeEventListener('wheel', this.closeResults)\n      window.removeEventListener('click', this.closeResults)\n    },\n\n\n    selectItem(itemSelected, index) {\n      this.selectedItem = this.dataSource.find(x => x.id === itemSelected.id).text;\n      this.showResults = false;\n      this.selected = index;\n      this.selected = -1;\n      this.$emit('update:validationFail', new Validation(0, false));\n      this.$emit(\"update:modelValue\", itemSelected);\n    },\n\n    handleClear() {\n      this.showResults = false;\n      this.selectedItem = \"\";\n      this.selected = -1;\n      this.$emit(\"update:modelValue\", new DropDownItem());\n      this.$emit('update:validationFail', new Validation(0, false));\n    },\n\n    keyboardSelectItem(e) {\n\n      // Disable any scrolling of outside div during keyboard selection\n      if (e.key !== 'Tab') {\n        e.preventDefault()\n      } else {\n        this.showResults = false;\n      }\n\n      if (e.key === ' ') this.setupClick(e)\n\n      this.$emit('keydown', e);\n\n      if (e.key === 'Backspace' && this.selectedItem === \"\") {\n        this.selectedItem = \"\";\n        this.showResults = false;\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'Up') {\n\n        if (this.selected > 0) this.selected--;\n\n        if(this.$refs.ul)\n          if (this.$refs.ul.length > 0 && this.selected >= 0) {\n\n            let highlightedSelectionTop = this.$refs.ul[this.selected].getBoundingClientRect().top;\n            let selectDropTop = this.$refs.select.getBoundingClientRect().top - 22; // 22 height of highlight bar\n\n            if (highlightedSelectionTop === selectDropTop) {\n\n              // To support IE 9 + this polyfill is required\n\n              // npm install smoothscroll-polyfill --save\n\n              // Add to main.js\n              //import smoothscroll from 'smoothscroll-polyfill';\n              //smoothscroll.polyfill();\n\n              this.$refs.select.scrollBy(0, -22)\n\n            }\n\n          }\n\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n\n        if (this.selected < this.dataSource.length - 1) this.selected++;\n\n        if (this.$refs.select && this.selected > 11) {\n          this.$refs.select.scrollBy(0, 22)\n\n        }\n\n      } else {\n\n        // Check for enter key being pressed and select item\n        if (e.key === 'Enter' || e.key === 'Tab') {\n\n          if(this.selected !== -1) {\n            this.$refs.input.$el.children[1].blur();\n\n            if (this.selected !== -1) {\n              this.showResults = false;\n              this.selectedItem = this.dataSource[this.selected].text;\n              this.$emit(\"update:modelValue\", this.dataSource[this.selected]);\n\n              this.selected = -1;\n\n            }\n\n          }\n\n        }\n      }\n\n    }\n  },\n\n  computed: {\n\n    placeHolder() {\n      if (this.dataSource) {\n        if (this.dataSource.length === 0) {\n          return 'No data to display';\n        }\n      }\n      return this.placeholder;\n    },\n\n    labelPosition() {\n      if (!this.labelTop) {\n        return 'label-input-wrapper'\n      }\n      return '';\n    },\n\n    requiredFieldColor() {\n      if (this.requiredField) {\n        return 'background-color: #ffeda9';\n      }\n      return '';\n    }\n  },\n\n  // watch: {\n  //\n  //   selectedItemId: function () {\n  //     if(this.selectedItemId)\n  //     this.selectedItem = this.dataSource.find(x => x.id === this.selectedItemId).text;\n  //   },\n  //\n  // }\n}\n\n</script>\n\n<style scoped>\n\n/*This was added to prevent other imported css from frameworks breaking the select */\n/* May need to be addressed if this causes issues with sharing framework controls */\n* {\n  box-sizing: revert!important;\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n}\n\n::-webkit-scrollbar-track {\n  background-color: #f6f6f6;\n}\n\n::-webkit-scrollbar-thumb {\n  background: #b3b3b3;\n  border-radius: 2px;\n}\n\nul {\n  font-size: 12px;\n  padding: 0;\n}\n\n.input-icon-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  background: #d8d8d8;\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: normal;\n\n}\n\n.input-icon-container:hover {\n  background-color: #d8d8d8;\n  border-radius: 4px;\n}\n\n.input-clear-btn {\n  position: absolute;\n  right: 0;\n  /*top: -4px;*/\n  padding: 8px;\n  z-index: 99;\n  font-weight: bolder;\n  cursor: pointer;\n}\n\n.input-clear-container {\n  position: absolute;\n  cursor: pointer;\n  right: 2px;\n  top: 3px;\n  padding-left: 6px;\n  height: 20px;\n  width: 14px;\n  margin-right: 2px;\n  font-size: 14px;\n  line-height: normal;\n}\n\n.input-cross {\n  position: absolute;\n  font-family: Arial;\n  transform: rotate(45deg);\n  color: #566ea0;\n  font-size: 20px;\n  right: 5px;\n  /*top: 6px;*/\n  background: none;\n  user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.input-clear-btn:hover {\n  opacity: 0.5;\n  transition: 0.3s;\n}\n\n.input-arrow-down {\n  position: absolute;\n  top: 7px;\n  right: 3px;\n  content: \"\";\n  border-left: 7px solid transparent;\n  border-right: 7px solid transparent;\n  border-top: 8px solid #393939;\n}\n\n.select-item-container {\n  top: 0;\n  position: fixed;\n  margin-top: 28px;\n  z-index: 999999;\n  background-color: #fff;\n  box-shadow: 1px 1px 4px 0px #888888;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  max-height: 264px;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  /*transform-origin: top;*/\n  /*transition: transform .2s ease-in-out;*/\n}\n\n.select-item-container-popup {\n  position: fixed;\n  margin-top: 28px;\n  z-index: 999999;\n  /*bottom: -2px;*/\n  /*left: 1px;*/\n  /*right: 1px;*/\n  background-color: #fff;\n  box-shadow: 1px 1px 4px 0px #888888;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  max-height: 263px;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transform-origin: bottom;\n  transition: transform .2s ease-in-out;\n}\n\n.select-highlight-current-row {\n  background-color: #5379ad !important;\n  color: #fff;\n}\n\n.select-item-container-list {\n  list-style: none;\n  margin: 0;\n  cursor: pointer;\n\n}\n\n.select-item-container-list li {\n  height: 20px;\n  padding: 2px 0 0 2px;\n  line-height: normal;\n}\n\n.select-item-container-list li:hover {\n  background-color: #dedede;\n}\n\n.select-item-container-data {\n  display: grid;\n  grid-template-columns: 100%;\n  padding-top: 2px;\n}\n\n\n/*.fade-enter-active, .fade-leave-active {*/\n/*  transition: opacity .2s;*/\n/*}*/\n\n/*.fade-enter, .fade-leave-to {*/\n/*  opacity: 0;*/\n/*}*/\n\n/*.slide-enter {*/\n/*  transform: scaleY(0);*/\n/*}*/\n\n</style>\n","<script setup>\n\nimport Validation from \"@/classes/global/Validation\";\nimport {ref, watch, computed} from 'vue'\n\nconst labelToLeft = computed(() => setLabelToLeft());\nconst emits = defineEmits(\n    ['update:modelValue', 'update:validationFail', 'keydown', 'click', 'mouseleave', 'wheel', 'blur', 'focusout', 'cleared', 'focus'])\n\nconst props = defineProps({\n\n  modelValue: {},\n\n  clearable: {type: Boolean, default: false},\n  cssStyle: {type: String},\n  validationFail: {type: Object, default: {}},\n  validationText: {type: Array, default: ['Required']},\n  disable: {type: Boolean, default: false},\n  readonly: {type: Boolean, default: false},\n  placeholder: {type: String},\n  maxLength: {type: Number, default: 80},\n  width: {type: Number, default: 450},\n  label: {type: String, default: ''},\n  labelTop: {type: Boolean, default: false},\n  requiredField: {type: Boolean, default: false},\n  labelWidth: {type: Number, default: 105},\n  title: String,\n  highlightRequiredBackground: false\n})\n\nconst inputRef = ref()\nconst labelWidthLocal = ref(props.labelWidth + 'px');\n\nconst altTitle = computed(() => {\n\n  if(props.title) return props.title;\n\n  return props.modelValue;\n\n})\n\nfunction handleEnter() {\n  inputRef.value.blur();\n}\n\nfunction handleClear() {\n\n  if(!props.disable) {\n    emits('cleared');\n    emits('update:modelValue', '');\n    emits('update:validationFail', new Validation());\n  }\n\n};\n\nfunction performEmits() {\n  emits('update:validationFail', new Validation());\n}\n\nfunction setLabelToLeft() {\n  if (!props.labelTop) {\n    return 'flex'\n  }\n  return '';\n};\n\nwatch(() => props.modelValue, () => {\n\n  if(props.modelValue) emits('update:validationFail', new Validation());\n})\n\n</script>\n\n<template>\n  <div id=\"Vue-3-component-text-input\" class=\"input-wrapper\" :style=\"{display: labelToLeft}\">\n    <div v-show=\"label.length > 0\"\n         :class=\"{'label-left' : labelToLeft === 'flex', 'global-required-field' : requiredField}\"\n         :title=\"label\"\n         style=\"font-size: 12px; margin-top: -16px;\">{{ label }}\n    </div>\n    <div class=\"input-container\" :style=\"{width: width + 'px'}\">\n      <input onselectstart=\"return false\"\n             ref=\"inputRef\"\n             :placeholder=\"placeholder\"\n             type=\"search\"\n             class=\"input-main-style\"\n             id=\"standard-input\"\n             :class=\"{ 'input-default': !validationFail.value, 'input-validation-fail': validationFail.value,\n              'required-background' : props.highlightRequiredBackground }\"\n             :style=\"cssStyle + '!important'\"\n             :readonly=\"readonly\"\n             :disabled=\"disable\"\n             :title=\"altTitle\"\n             :value=\"modelValue\"\n             :maxlength=\"maxLength\"\n             autocomplete=\"off\"\n             @keydown=\"$emit('keydown', $event)\"\n             @keydown.enter=\"handleEnter\"\n             @click=\"$emit('click', $event)\"\n             @blur=\"$emit('blur', $event)\"\n             @focusout=\"$emit('focusout', $event)\"\n             @focus=\"$emit('focus', $event)\"\n             @keypress=\"performEmits\"\n             @mouseleave=\"$emit('mouseleave', $event)\"\n             @wheel=\"$emit('wheel', $event)\"\n             @input=\"(event) => $emit('update:modelValue', event.target.value)\"/>\n      <div v-if=\"clearable && !disable\" class=\"input-clear-container\" @click=\"handleClear\">\n        <div class=\"input-cross\">+</div>\n      </div>\n      <slot></slot>\n      <div v-if=\"validationFail.value\" class=\"input-validation-message\">\n        {{ validationText[validationFail.messageNumber] }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.input-wrapper {\n  //z-index: 999;\n\n}\n\n.input-container {\n  position: relative;\n}\n\n.input-main-style {\n  border-radius: 4px;\n  /*margin: 0px 0 6px 0px;*/\n  height: 26px;\n  width: 100%;\n  padding-left: 5px;\n  font-family: inherit;\n  text-overflow: ellipsis;\n}\n\n.input-validation-message {\n  position: absolute;\n  font-family: Arial;\n  font-size: 10px;\n  color: var(--required-field);\n  top: 18px;\n  background: #fdfdfd;\n  width: fit-content;\n  padding: 0 3px 0 3px;\n  line-height: normal;\n  border-radius: 6px;\n}\n\n/* Dynamic CSS from bound HTML*/\n\n.required-background {\n  background-color: var(--required-field-bg);\n}\n\n.label-left {\n  padding: 5px 5px 0 0;\n  text-align: left;\n  width: v-bind(labelWidthLocal);\n  color: #222222;\n  margin-top:0!important;\n}\n\n.input-default {\n  border: 1px solid #c3c3c3;\n  font-family: inherit;\n}\n\n.input-default:hover {\n  border-color: #4c7bae;\n  box-shadow: 0 0 1px #719ECE;\n}\n\n.input-validation-fail {\n  border: 1px dotted var(--required-field) !important;\n}\n\n/*Global CSS */\n\ninput:focus {\n  outline: none;\n  border-color: #4c7bae;\n  box-shadow: 0 0 2px #719ECE;\n}\n\ninput::placeholder {\n  color: #b3b3b3;\n  font-size: 11px;\n  font-style: italic;\n}\n\ninput[type=search]:disabled {\n  background-color: #f8f8f8 !important;\n  opacity: 1 !important;\n  border-color: #e2e2e2;\n}\n\n</style>\n","import script from \"./TextInput.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TextInput.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TextInput.vue?vue&type=style&index=0&id=4a17b7b8&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4a17b7b8\"]])\n\nexport default __exports__","<script setup>\nimport CheckBox from \"@/components/common/input/CheckBox\";\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\";\nimport Button from \"@/components/common/input/Button\";\nimport StaticTooltip from \"@/components/common/other/StaticTooltip\";\n\nimport {ref, computed, onMounted} from 'vue';\nimport {useStore} from \"vuex\";\n\nconst store = useStore();\n\nconst props = defineProps({\n\n  columns: Array,\n  dataCy: String,\n\n  currentPage: {type: Number, default: 1},\n  currentPaginationRange: {type: Number},\n  pageSize: {type: Number, default: 100},\n  allowGridMenu: {type: Boolean, default: false},\n  allowPagination: {type: Boolean, default: true},\n  removeHighlightedRow: {type: Boolean, default: false},\n  selectable: {type: Boolean, default: true},\n  rowSelection: {type: Boolean, default: true},\n  height: {type: String, default: '500px'},\n\n  dataSource: {\n    type: Array,\n    default: function () {\n      return []\n    }\n  },\n\n})\n\nconst emits = defineEmits(['update:currentPaginationRange', 'update:currentPage', 'click-reset',\n  'click-save', 'selected-row'],)\n\nconst sourceColumnIndex = ref(null);\nconst colHeight = ref(40);\nconst localData = ref([]);\nconst openMenuDrop = ref(false);\nconst allowReOrderColumns = ref(false);\nconst sortOrder = ref(true);\nconst openColumnMenuByIndex = ref(null);\nconst currentColumnCount = ref(0);\nconst pageButtons = ref([]);\nconst showGridMenu = ref(false);\nconst closeTimer = ref(null);\n\nconst paginationSize = ref(10);\n\nconst delayedToggle = computed(() => {\n\n  setTimeout(() => {\n\n    store.state.showNewGridFeature = false\n  }, 30000)\n\n  return store.state.showNewGridFeature\n});\n\nconst setFooterPoint = computed(() => {\n  return parseInt(props.height)\n});\n\nconst customColumns = computed(() => {\n  return props.columns.filter(c => c.enabled === true)\n});\n\nconst pagedData = computed(() => {\n\n  if (localData.value.length > 0) {\n\n    return localData.value.filter((row, index) => {\n\n      // eg if page size set to 10, and current page is 2 (default)\n      // currentPage is a v-model to the chosen state class\n\n      let startIndex = (props.currentPage - 1) * props.pageSize; // 1 X 10 = 10   / start = 10\n      let endIndex = props.currentPage * props.pageSize; // 2 X 10 = 20   / end = 20\n\n      // if the current index >= 10 (start), and the index is less then 20 (end), return the array from index 10 to 19  = 10 records inclusive (page size!)\n      if (index >= startIndex && index < endIndex) {\n        return true\n      }\n\n    });\n  }\n})\n\nonMounted(() => {\n\n  localData.value = JSON.parse(JSON.stringify(props.dataSource));\n\n  createPageButtons();\n})\n\nfunction extendLastColumn(columns, index) {\n  let lastColumn = columns.length - 1;\n\n  if (index === lastColumn) {\n\n    let width = parseInt(columns[lastColumn].width)\n    let extendedWidth = width + 12;\n    // console.log(this.currentColumnCount + 'Extended')\n    return extendedWidth.toString();\n  }\n\n  return columns[index].width\n\n}\n\nfunction rowData(row, key, column) {\n\n  if (column) {\n\n    // Get the row data from the past in key from the current column\n    if (typeof (row[key]) === 'string') {\n\n      if (row[key]) return row[key]\n\n    }\n\n  }\n\n  return row[key];\n}\n\nfunction rowClick(e, row, index) {\n  clearHighlightedRow();\n  row.highlightSelectedRow = true;\n\n  if (props.selectable && !row.checkRow) emits('selected-row', props.dataSource[index], index);\n\n}\n\nfunction clearHighlightedRow() {\n\n  for (let ea in localData.value) {\n    localData.value[ea]['highlightSelectedRow'] = false;\n  }\n\n}\n\nfunction rowDataSource(index) {\n  return props.dataSource[index];\n}\n\nfunction setCellColor(column, row) {\n  // Return the css color value eg(#345321) held in the row data using the matching prop set in the column array\n  if (column.cellColorProp) return row[column.cellColorProp];\n}\n\nfunction setRowColor(column, row) {\n  if (column.rowColorProp) return row[column.rowColorProp];\n}\n\nfunction setFontColor(column, row) {\n  // if (row[column.cellColorProp]) return '#fff'\n}\n\nfunction copyValue(text) {\n  navigator.clipboard.writeText(text);\n}\n\nfunction handleColumnWidthSave() {\n  if(props.allowGridMenu) emits('click-save', true);\n}\n\nfunction handleDragStart(e, column) {\n  sourceColumnIndex.value = props.columns.findIndex(i => i.id === column.id);\n\n  if (openColumnMenuByIndex.value !== null) {e.preventDefault();return};\n  if(column.isFixed) {e.preventDefault(); return};\n\n}\n\nfunction handleDragover(e) {\n  e.preventDefault();\n  return false;\n}\n\nfunction handleDrop(e, destinationColumnData) {\n  e.stopPropagation();\n\n  let mainArrayDestinationIndex = props.columns.findIndex(i => i.id === destinationColumnData.id)\n\n  if (sourceColumnIndex.value !== mainArrayDestinationIndex && !destinationColumnData.isFixed) {\n\n    if (mainArrayDestinationIndex < sourceColumnIndex.value) {\n\n      props.columns.splice(mainArrayDestinationIndex, 0, props.columns[sourceColumnIndex.value]);\n      props.columns.splice(sourceColumnIndex.value + 1, 1);\n\n    } else {\n      props.columns.splice(mainArrayDestinationIndex + 1, 0, props.columns[sourceColumnIndex.value]);\n      props.columns.splice(sourceColumnIndex.value, 1);\n\n    }\n\n    if(props.allowGridMenu) emits('click-save');\n\n  }\n}\n\nfunction createPageButtons() {\n\n  pageButtons.value = [];\n\n  let roundUp = Math.ceil(localData.value.length / props.pageSize);\n\n  for (let i = 0; i < roundUp; i++) {\n\n    pageButtons.value.push(\n        {\n          number: i + 1,\n          notValid: false\n        });\n  }\n\n}\n\nfunction getPaginationPages() {\n  // Calc the number of pagination buttons required, eg blocks of pages set in paginationSize (10 default)\n  return Math.ceil(pageButtons.value.length / paginationSize.value);\n\n}\n\nfunction splitPagination() {\n\n  return pageButtons.value.filter((row, index) => {\n\n    let startIndex = (props.currentPaginationRange - 1) * paginationSize.value;\n    let endIndex = props.currentPaginationRange * paginationSize.value;\n\n    if (index >= startIndex && index < endIndex) {\n      return true\n    }\n\n  });\n\n}\n\nfunction pageUp() {\n  if (props.currentPaginationRange < getPaginationPages())\n    emits('update:currentPaginationRange', props.currentPaginationRange + 1)\n}\n\nfunction pageDown() {\n  if (props.currentPaginationRange > 1) emits('update:currentPaginationRange', props.currentPaginationRange - 1)\n}\n\nfunction handleColumnMenu(e, index) {\n  e.preventDefault();\n  openColumnMenuByIndex.value ? openColumnMenuByIndex.value = null :   openColumnMenuByIndex.value = index;\n}\n\nfunction handleMenuDisplay() {\n  showGridMenu.value = !showGridMenu.value;\n}\n\nfunction handleMouseEnter() {\n  clearTimeout(closeTimer.value)\n}\n\nfunction handleMouseLeave() {\n  closeTimer.value = setTimeout(() => showGridMenu.value = false, 600);\n}\n\nfunction resetColumns() {\n  props.columns.forEach(function (item) {\n    item.enabled = true;\n  })\n  props.columns.sort((a, b) => {\n    return a.id - b.id\n  });\n}\n\nfunction handleCloseColMenu() {\n  openColumnMenuByIndex.value = null;\n\n  if(props.allowGridMenu) handleColumnWidthSave();\n}\n\nfunction dragColumnsMessage(col) {\n  if(!col.isFixed) return 'Drag Over Other Colum Headers To Re Order';\n  return 'This Column Is Fixed';\n}\n\n</script>\n\n<template class=\"cmp-data-grid\">\n  <div v-if=\"showGridMenu\" class=\"cmp-data-grid_menu\">\n    <div class=\"cmp-data-grid_menu-title\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">&#9783 Column\n      Configuration\n      <div style=\"font-size: 10px; margin-left: 20px\">Add / Remove Columns</div>\n      <div class=\"cmp-data-grid_menu-button-area\">\n        <MovingTooltip>\n          <template #content>Reset All Columns To Default</template>\n          <Button\n              @click=\"emits('click-reset', $event, resetColumns())\"\n              type=\"toolbar\"\n              text=\"Reset\">\n          </Button>\n<!--          <i @click=\"emits('click-reset', $event, resetColumns())\" class=\"fa-regular fa-clock-rotate-left\"-->\n<!--             style=\"color: #F68E1E; font-size: 19px\"></i>-->\n        </MovingTooltip>\n        <MovingTooltip>\n          <template #content>Save Column Selection</template>\n          <Button\n              @click=\"emits('click-save', $event)\"\n              text=\"Save\">\n          </Button>\n<!--          <i @click=\"emits('click-save', $event)\" class=\"fa-regular fa-floppy-disk\" style=\"color: #3f9968\"></i>-->\n        </MovingTooltip>\n      </div>\n    </div>\n    <div class=\"cmp-data-grid_menu-checkbox-area\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">\n      <div v-for=\"(column, index) in columns\">\n        <CheckBox\n            v-if=\"column.isRemovable\"\n            v-model=\"column.enabled\"\n            :label-width=\"145\"\n            :label=\"column.title\">\n        </CheckBox>\n      </div>\n    </div>\n  </div>\n  <div class=\"cmp-data-grid_wrapper\">\n    <div class=\"cmp-data-grid_menu-area\">\n      <div class=\"cmp-data-grid_pagination-area\">\n        <div v-if=\"props.allowGridMenu\" @click=\"handleMenuDisplay\" class=\"cmp-data-grid_menu-icon\">&#9776</div>\n        <div v-if=\"getPaginationPages() > 0\" class=\"cmp-data-grid_pages-area\">{{ pageButtons.length }}</div>\n        <div v-if=\"pageButtons.length > 1\" style=\"margin-right: 10px;\"> Pages:</div>\n        <div v-if=\"pageButtons.length === 1\" style=\"margin-right: 10px;\"> Page</div>\n        <div v-if=\"getPaginationPages() > 1\" style=\"margin-left: 10px; margin-right: 20px;\">\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              <span v-if=\"props.currentPaginationRange > 1\">Prev Pages</span>\n              <span v-else> No Previous Pages</span>\n            </template>\n            <Button :disabled=\"props.currentPaginationRange === 1\" style=\"width: 20px;\" @click=\"pageDown()\"\n                    type=\"toolbar\" text=\"<\"></Button>\n          </StaticTooltip>\n          <StaticTooltip :icon=\"false\">\n            <template #content>\n              <span v-if=\"props.currentPaginationRange !== getPaginationPages()\">Next Pages</span>\n              <span v-else> No More Pages</span>\n            </template>\n            <Button :disabled=\"props.currentPaginationRange === getPaginationPages()\" style=\"width: 20px;\"\n                    @click=\"pageUp()\" type=\"toolbar\" text=\">\"></Button>\n          </StaticTooltip>\n        </div>\n        <div v-for=\"(button, index) in splitPagination()\" :key=\"index\">\n          <Button\n              @click=\"$emit('update:currentPage', button.number)\"\n              style=\"width: 30px;\"\n              :class=\"`${button.number === props.currentPage && 'cmp-data-grid_active-page'}`\"\n              type=\"toolbar\"\n              :text=\"button.number.toString()\">\n          </Button>\n        </div>\n      </div>\n      <div class=\"cmp-data-grid_menu-area-slot-content\">\n        <slot name=\"menu-slot-items\"></slot>\n      </div>\n    </div>\n    <div class=\"cmp-data-grid_column-header\"\n         draggable=\"true\"\n         :key=\"col.id\"\n         :title=\"dragColumnsMessage(col)\"\n         v-for=\"(col, index) in customColumns\"\n         @dragstart=\"handleDragStart($event, col)\"\n         @dragover=\"handleDragover($event)\"\n         @drop=\"handleDrop($event, col)\"\n         @contextmenu=\"handleColumnMenu($event, index)\"\n         @click=\"clearHighlightedRow\">\n      <div :style=\"{width: extendLastColumn(customColumns, index) + 'px'}\"\n           class=\"cmp-data-grid_grid-cell cmp-data-grid_last-column\">{{ col.title }}\n        <!--<span @click=\"sortColumns(col)\" class=\"cmp-data-grid_sort-column-arrows\" v-if=\"setSortCondition(index, col)\"> &#8645</span>-->\n        <span v-if=\"col.key === 'selectedRow'\" class=\"cmp-data-grid_select-all-rows\">\n          <slot name=\"selectAllRows\"></slot></span>\n      </div>\n      <div v-if=\"index === openColumnMenuByIndex\"\n           class=\"cmp-data-grid_column-menu\" title=\"Column Width\" @mouseleave=\"handleCloseColMenu\">\n        <div style=\"color: #131313; padding: 5px;\">\n          <i style=\"color: #131313;\" class=\"fa-solid fa-text-width\"></i> Adjust Width\n          <span style=\"margin-left: 65px\" title=\"Save New Width\">\n<!--                <i @click=\"handleColumnWidthSave\" v-if=\"props.allowGridMenu\"-->\n<!--                   style=\"color: #1b6222; font-size: 16px; cursor: pointer\" class=\"fa-regular fa-floppy-disk\">-->\n<!--                </i>-->\n          </span>\n        </div>\n        <input\n            class=\"cmp-data-grid_column-slider\"\n            v-model=\"col.width\"\n            type=\"range\"\n            min=\"78\"\n            max=\"1000\"/>\n      </div>\n    </div>\n    <div v-if=\"localData.length === 0\" class=\"cmp-data-grid_no-data\"><i class=\"fa-solid fa-database\"></i> No Data</div>\n    <div v-if=\"localData.length > 0\" class=\"cmp-data-grid_data-wrapper\" :style=\"{maxHeight: props.height + 'px'}\">\n      <div class=\"cmp-data-grid_row\" v-for=\"(row, index) in pagedData\" :key=\"index\"\n           @click=\"rowClick($event, row, index)\">\n        <template v-for=\"(column, colIndex) in customColumns\">\n          <div v-if=\"typeof $slots[column.key] !== 'undefined'\" :key=\"colIndex\" @contextmenu=\"$event.preventDefault()\"\n               :style=\"{width: column.width + 'px', background: setCellColor(column, row)}\"\n               class=\"cmp-data-grid_grid-cell-slot\"\n               :class=\"{'cmp-data-grid_selected-row' : row.highlightSelectedRow === true && selectable,\n                  'cmp-data-grid_highlight-row' : setRowColor(column, row) }\">\n            <slot :name=\"column.key\" :column=\"column\" :grid=\"row\" :rowData=\"rowDataSource(index)\" :rowIndex=\"index\"></slot>\n          </div>\n          <div v-else @contextmenu=\"$event.preventDefault()\"\n               :class=\"{'cmp-data-grid_selected-row' : row.highlightSelectedRow === true  && selectable,\n                 'cmp-data-grid_read-only' : column.readOnly && row.readOnly, 'cmp-data-grid_highlight-row' : setRowColor(column, row) }\"\n               :data-cy=\"dataCy + 'ColumnIndex' + colIndex\"\n               :style=\"{width: column.width + 'px', background: setCellColor(column, row), color: setFontColor(column, row)}\"\n               :key=\"index\"\n               class=\"cmp-data-grid_grid-cell\">\n            <StaticTooltip :icon=\"false\" maxWidth=\"300\">\n              <template #content>\n                {{ rowData(row, column.key) }}\n              </template>\n              <span\n                  :class=\"{'cmp-data-grid_selected-row' : row.highlightSelectedRow === true  && selectable}\"\n                  :data-cy=\"dataCy +'RowIndex' + index\"\n                  @click=\"copyValue(rowData(row, column.key, column))\">{{ rowData(row, column.key, column) }}\n              </span>\n            </StaticTooltip>\n          </div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.cmp-data-grid {\n\n  &_wrapper {\n    position: relative;\n    width: max-content;\n    font-size: 12px;\n    margin-top: 30px;\n  }\n\n  &_column-header {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  &_column-header * {\n    /*main-theme css variable set in app.vue*/\n    background: var(--grid-header);\n    color: var(--side-menu-text-color);\n  }\n\n  &_data-wrapper {\n    width: 100%;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    overscroll-behavior-y: none;\n    margin-top: -4px;\n    border-bottom: 1px solid #d4d4d4;\n  }\n\n  &_row {\n    display: flex;\n    background-color: #ffffff;\n    height: 33px;\n  }\n\n  &_row:nth-child(even) {\n    background-color: #f6f6f6;\n  }\n\n  &_grid-cell, &_grid-cell-slot {\n    position: relative;\n    border: 1px solid #d4d4d4;\n    float: left;\n    padding: 4px 5px 5px 6px;\n    margin-bottom: -1px;\n    margin-right: -1px;\n    display: grid;\n    line-height: 2.0;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  &_grid-cell span {\n    cursor: copy;\n  }\n\n  &_last-column {\n    height: 25px;\n    z-index: 99;\n  }\n\n  &_selected-row {\n    background: #f9efe0 !important;\n    /*color: #0e0e0e;*/\n  }\n\n  &_highlight-row {\n    background: #fff4f0\n  }\n\n  &_read-only {\n    color: #a0a0a0;\n    background-color: #fcfcfc;\n  }\n\n  &_menu-icon {\n    font-size: 17px;\n    width: 20px;\n    cursor: pointer;\n    margin-right: 20px;\n    margin-left: 15px;\n    color: #101010;\n    font-weight: bold;\n  }\n\n  &_menu-area {\n    position: absolute;\n    display: grid;\n    display: flex;\n    justify-content: space-between;\n    top: -38px;\n    width: -webkit-fill-available;\n    width: -moz-available;\n    padding: 5px;\n    background-image: linear-gradient(90deg, #f5f5f5, #ffffff);\n    border: 1px solid var(--border-color);\n    border-radius: 6px;\n    min-width: 886px;\n    height: 24px;\n  }\n\n  &_menu-area-slot-content {\n    display: flex;\n    align-items: center;\n  }\n\n  &_pagination-area {\n    display: flex;\n    align-items: center;\n  }\n\n  &_pages-area {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    padding: 8px;\n    height: 22px;\n    background-color: #ffffff;\n    margin-right: 10px;\n    font-size: 12px;\n    color: #000000;\n    border-radius: 4px;\n  }\n\n  &_menu {\n    position: absolute;\n    //top: 109px;\n    z-index: 9999;\n    width: 280px;\n    border: 1px solid #dddddd;\n    border-top: 0;\n    border-bottom-left-radius: 6px;\n    border-bottom-right-radius: 6px;\n    background-image: linear-gradient(0deg, #f6f6f6, #ffffff);\n    box-shadow: 0px 1px 2px 0px #888888;\n    //backdrop-filter: blur(24px);\n  }\n\n  &_menu-title {\n    position: absolute;\n    //margin-left: 6px;\n    left: 40px;\n    font-size: 14px;\n    padding: 0 20px 20px 20px;\n    height: 300px;\n    width: 160px;\n  }\n\n  &_menu-button-area {\n    margin-top: 15px;\n    display: flex;\n    gap: 30px;\n    font-size: 20px;\n\n  }\n\n  &_menu-checkbox-area {\n    height: 300px;\n    overflow-y: auto;\n    margin-top: 100px;\n    padding-left: 30px;\n  }\n\n  &_active-page {\n    background-image: none !important;\n    background-color: white;\n    font-weight: bold;\n    color: black !important;\n    box-shadow: 1px 1px 2px 0px #484848 !important;\n  }\n\n  &_column-menu {\n    position: absolute;\n    cursor: default;\n    bottom: 34px;\n    width: 220px;\n    height: 46px;\n    color: #131313;\n    border: 1px solid var(--border-color);\n    border-top-right-radius: var(--rounded-corners);\n    border-top-left-radius: var(--rounded-corners);\n    background-color: white !important;\n    z-index: 999999;\n  }\n\n  &_column-menu * {\n    background: none;\n  }\n\n  &_column-slider {\n    -webkit-appearance: none;\n    width: 200px;\n    height: 10px;\n    outline: none;\n    border-radius: 12px;\n    background: #e9e9e9;\n  }\n\n  &_no-data {\n    margin-top: -4px;\n    height: 80px;\n    text-align: center;\n    padding-top: 45px;\n    border: 1px solid var(--border-color);\n    background-color: #fafafa;\n    color: #88b2d0;\n    font-size: 18px;\n  }\n\n  &_select-all-rows {\n    margin-left: 20px;\n  }\n}\n</style>\n","import script from \"./DataGrid.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DataGrid.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DataGrid.vue?vue&type=style&index=0&id=7ea41a2c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7ea41a2c\"]])\n\nexport default __exports__","<template class=\"cmp-grid-cell-detail\">\n  <MovingTooltip id=\"gridCellTooltip\" v-if=\"showTooltip\" :icon=\"false\" :clickToView=\"clickToView\">\n    <template #content>\n      <div>\n        <slot name=\"details\"></slot>\n      </div>\n    </template>\n    <div :style=\"getCellColor()\" class=\"cmp-grid-cell-detail_cell-data\">\n      <slot name=\"cell-data\"></slot>\n    </div>\n  </MovingTooltip>\n  <div v-else :style=\"getCellColor()\" class=\"cmp-grid-cell-detail_cell-data\">\n    <slot name=\"cell-data\"></slot>\n  </div>\n</template>\n\n<script>\n\nimport MovingTooltip from \"@/components/common/other/MovingTooltip\"\n\nexport default {\n  name: \"GridCellDetail\",\n  components: {\n    MovingTooltip\n  },\n\n  methods: {\n\n    getCellColor() {\n\n      if(this.textColor) {\n        return 'color:' + this.textColor;\n      }\n\n      if(this.cellColor) {\n        return 'background:' + this.cellColor + ';color: white';\n\n      } else if(this.notGridCell) {\n        return 'background: #fff' + ';color: black;';\n      }\n\n    }\n  },\n\n  props: {\n\n    showTooltip: {type: Boolean, default: true},\n    notGridCell: {type: Boolean, default: false},\n    clickToView: {type: Boolean, default: false},\n    textColor: String,\n    cellColor: String,\n\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.cmp-grid-cell-detail {\n\n  &_cell-data {\n    padding-left: 5px;\n    padding-right: 5px;\n    border-radius: 4px;\n    width: 58px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n  }\n\n}\n\n</style>\n","import { render } from \"./GridCellDetail.vue?vue&type=template&id=6baefcb3&scoped=true&class=cmp-grid-cell-detail\"\nimport script from \"./GridCellDetail.vue?vue&type=script&lang=js\"\nexport * from \"./GridCellDetail.vue?vue&type=script&lang=js\"\n\nimport \"./GridCellDetail.vue?vue&type=style&index=0&id=6baefcb3&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6baefcb3\"]])\n\nexport default __exports__","import script from \"./GridCellHeaderAndValue.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GridCellHeaderAndValue.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GridCellHeaderAndValue.vue?vue&type=style&index=0&id=092ee71d&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-092ee71d\"]])\n\nexport default __exports__","import script from \"./MoreInfoPopOutPanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MoreInfoPopOutPanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MoreInfoPopOutPanel.vue?vue&type=style&index=0&id=77fcfbf0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-77fcfbf0\"]])\n\nexport default __exports__","<script setup>\n\nimport {ref} from 'vue'\n\nconst tooltipElement = ref(null);\n\nconst props = defineProps({\n\n  icon: {type: Boolean, default: true},\n  clickToView: {type: Boolean, default: false},\n  opacity: {type: String, default: '1'}\n})\n\nconst mouseMove = (e) => {\n\n  tooltipElement.value.style.cssText = \"display: block;\";\n\n  let tooltipHeight = tooltipElement.value.clientHeight + 10;\n  let tooltipWidth = tooltipElement.value.clientWidth;\n  let cursorHorizontalPosition = e.pageX - window.scrollX -20;\n//orig\n  // tooltipElement.value.style.cssText += `left: ${e.pageX - window.scrollX + \"px\"}; top:${e.pageY - tooltipHeight + \"px\"}`\n\n  if(cursorHorizontalPosition < document.body.clientWidth - 140) {\n    tooltipElement.value.style.cssText += `left: ${cursorHorizontalPosition + \"px\"}; top:${e.clientY - tooltipHeight + \"px\"}`\n\n  } else if(cursorHorizontalPosition < 1860) {\n    tooltipElement.value.style.cssText += `left: ${e.pageX - window.scrollX - tooltipWidth + \"px\"}; top:${e.clientY - tooltipHeight + \"px\"}`\n\n  } else {\n    tooltipElement.value.style.cssText = \"display: none;\"\n  }\n\n}\n\nconst mouseOut = () => {\n\n  tooltipElement.value.style.cssText = \"display: none;\"\n}\n</script>\n\n<template>\n  <span id=\"Vue-3-component-moving-tooltip\" class=\"tooltip-wrapper\">\n    <span v-if=\"props.clickToView\" @click=\"mouseMove\" @mouseout=\"mouseOut\"><slot></slot></span>\n        <span v-else @mousemove=\"mouseMove\" @mouseout=\"mouseOut\"><slot></slot></span>\n    <span class=\"tooltip-content\" ref=\"tooltipElement\"><span v-if=\"icon\" class=\"tooltip-icon\">&#128712 </span>\n        <slot name=\"content\"></slot>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n\n.tooltip-wrapper {\n  cursor: pointer;\n  user-select: none;\n  word-break: break-word;\n  width: max-content;\n}\n\n.tooltip-content {\n  padding: 10px;\n  box-shadow: 0 1px 4px 0 #888888;\n  line-height: normal;\n  opacity: v-bind(opacity);\n}\n\n.tooltip-wrapper .tooltip-content {\n  position: fixed;\n  border-radius: 4px;\n  height: auto;\n  font-size: 12px;\n  color: #000000;\n  background-image: linear-gradient(0deg, #f3f3f3, #ffffff);\n  z-index: 9999999;\n  display: none;\n}\n\n.tooltip-icon {\n  color: #cc9d63;\n}\n\n</style>\n","import script from \"./MovingTooltip.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MovingTooltip.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MovingTooltip.vue?vue&type=style&index=0&id=95bfec4a&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-95bfec4a\"]])\n\nexport default __exports__","<script setup>\n\nimport {ref} from 'vue'\n\nconst tooltipElement = ref(null);\nconst subjectContainer = ref(null);\nconst timer = ref(null)\n\nconst props = defineProps({\n  icon: {type: Boolean, default: true},\n  width: {type: String, default: ''},\n  maxWidth: {type: String, default: ''}\n})\n\nconst mouseOver = (e) => {\n\n  timer.value = setTimeout(function() {\n\n    if(tooltipElement.value &&  subjectContainer.value) {\n      tooltipElement.value.style.cssText = \"display: block;\"\n\n      let subjectBottomPosition = subjectContainer.value.getBoundingClientRect().bottom + 3\n      let subjectLeftPosition = subjectContainer.value.getBoundingClientRect().left -2\n\n      tooltipElement.value.style.cssText = `display: block; width: ${props.width + 'px'};\n     top: ${subjectBottomPosition + 'px'}; left: ${subjectLeftPosition + 'px'};`\n\n    }\n\n  }, 700)\n\n}\n\nconst mouseOut = () => {\n\n  clearTimeout(timer.value)\n  tooltipElement.value.style.cssText = \"display: none;\"\n}\n</script>\n\n<template>\n  <span id=\"Vue-3-component-static-tooltip\" class=\"tooltip-wrapper\">\n    <span @mouseover=\"mouseOver\" @mouseout=\"mouseOut\" ref=\"subjectContainer\"><slot></slot></span>\n    <span class=\"tooltip-content\" ref=\"tooltipElement\"><span v-if=\"icon\" class=\"tooltip-icon\">&#128712 </span>\n        <slot name=\"content\"></slot>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n\n.tooltip-wrapper {\n  cursor: default;\n  user-select: none;\n  /*line-height: 2.0;*/\n  word-break: break-word;\n  /*width: max-content;*/\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.tooltip-content {\n  padding: 10px;\n  box-shadow: 0px 1px 4px 0px #888888;\n  line-height: normal;\n  font-weight: normal;\n  white-space: normal;\n}\n\n.tooltip-wrapper .tooltip-content {\n  position: fixed;\n  border-radius: 4px;\n  height: auto;\n  font-size: 12px;\n  color: #000000;\n  background-color: #ffffff;\n  /*background-image: linear-gradient(0deg, #0c2137, #395383);*/\n  z-index: 100000;\n  display: none;\n}\n\n.tooltip-icon {\n  color: var(--info-icon-color);\n}\n\n</style>\n","import script from \"./StaticTooltip.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StaticTooltip.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StaticTooltip.vue?vue&type=style&index=0&id=6decd03b&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6decd03b\"]])\n\nexport default __exports__","import script from \"./StaticWidget.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StaticWidget.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StaticWidget.vue?vue&type=style&index=0&id=2ff43745&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n\nimport {ref, onMounted} from 'vue'\n\nconst sourceContainerId = ref(null);\nconst localWidgetContainers = ref([]);\n\nconst props = defineProps({\n\n  width: {type: Number, default: 500},\n  height: {type: Number, default: 300},\n\n  widgetContainers: {\n    type: Array,\n    default: []\n  },\n\n  display: {\n    type: String,\n    default: '',\n    validator(value) {\n      return ['block', 'flex'].includes(value)\n    }\n  },\n\n  modelValue: {}\n})\n\n// Create reference to local, to enable direct changes to widgetContainers prop\nonMounted(() => {\n  if (props.widgetContainers) localWidgetContainers.value = props.widgetContainers;\n})\n\nfunction handleDragStart(e, sourceContainerData, sourceContainerIndex) {\n  this.sourceContainerId = sourceContainerIndex;\n  sourceContainerData.start = true;\n  sourceContainerData.end = false;\n};\n\nfunction handleDragEnd(destinationContainerData) {\n  destinationContainerData.start = false;\n  destinationContainerData.end = true;\n};\n\nfunction handleDragEnter(containerData) {\n  containerData.over = true;\n};\n\nfunction handleDragover(e) {\n  e.preventDefault();\n  return false;\n};\n\nfunction handleDragLeave(sourceContainerData) {\n  sourceContainerData.over = false;\n};\n\nfunction handleDrop(e, destinationContainerData, containerIndex) {\n  e.stopPropagation();\n  destinationContainerData.over = false;\n  this.localWidgetContainers[this.sourceContainerId].start = false;\n\n  if (this.sourceContainerId !== containerIndex) {\n    this.localWidgetContainers.splice(containerIndex, 1, this.localWidgetContainers[this.sourceContainerId])\n    this.localWidgetContainers.splice(this.sourceContainerId, 1, destinationContainerData)\n  }\n};\n\nfunction setCssStyles(containerData) {\n  let cssStyles = ''\n\n  if (containerData.start) cssStyles += 'dragStartOpacity '\n  if (containerData.end) cssStyles += 'dragEndOpacity '\n  if (containerData.over) cssStyles += 'over '\n\n  return cssStyles\n};\n</script>\n\n<template>\n  <div class=\"cmp-widget-container_widget-wrapper\" :style=\"{display: display}\">\n    <div v-for=\"(item, index) in localWidgetContainers\">\n      <div class=\"cmp-widget-container_widget-body\">\n        <div\n            draggable=\"true\"\n            :class=\"setCssStyles(item)\"\n            @dragstart=\"handleDragStart($event, item, index)\"\n            @dragenter=\"handleDragEnter(item)\"\n            @dragover=\"handleDragover($event)\"\n            @dragleave=\"handleDragLeave(item)\"\n            @drop=\"handleDrop($event, item, index)\"\n            @dragend=\"handleDragEnd(item)\">\n          <div class=\"cmp-widget-container_drag-area\"></div>\n        </div>\n        <slot :name=\"item.name\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n\n.dragStartOpacity {\n  /*opacity: 0.6;*/\n}\n\n.dragEndOpacity {\n  opacity: 1;\n}\n\n.over {\n\n}\n\n.cmp-widget-container {\n\n  &_widget-wrapper {\n    position: relative;\n    gap: 20px;\n    flex-wrap: wrap;\n    padding:10px;\n  }\n\n  &_drag-area {\n    position: absolute;\n    z-index: 9999;\n    width: 200px;\n    cursor: move;\n    height: 40px;\n  }\n\n}\n\n\n</style>\n","import script from \"./WidgetContainer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WidgetContainer.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./WidgetContainer.vue?vue&type=style&index=0&id=25a6e532&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-25a6e532\"]])\n\nexport default __exports__","import script from \"./StockDescriptions.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StockDescriptions.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StockDescriptions.vue?vue&type=style&index=0&id=9cd693b0&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/vsts/work/1/s/boxtrax2-ui/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9cd693b0\"]])\n\nexport default __exports__","var map = {\n\t\"./atlaslogistics/slingco/logo.png\": 7938,\n\t\"./kranlee/AMBLIMIT/logo.png\": 3989,\n\t\"./kranlee/FORB0001/logo.png\": 9595,\n\t\"./kranlee/FORBOFLO/logo.png\": 1067,\n\t\"./kranlee/NORTHERN/logo.png\": 6355,\n\t\"./kranlee/ROBERLIM/logo.png\": 9307,\n\t\"./kranlee/SCHENCKP/logo.png\": 2297,\n\t\"./kranlee/SPEEDPLA/logo.png\": 1884,\n\t\"./kranlee/TAYLORSE/logo.png\": 2579,\n\t\"./kranlee/TTSPRECI/logo.png\": 7825,\n\t\"./kranlee/intocast/logo.png\": 4607,\n\t\"./kranlee/shculcem/logo.png\": 5492,\n\t\"./kranlee/unipartr/logo.png\": 8553,\n\t\"./webtest/andysana/logo.png\": 1794\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 1378;","var map = {\n\t\"./afs-global/logo.png\": 3693,\n\t\"./afwuk/logo.png\": 478,\n\t\"./atlaslogistics/logo.png\": 2833,\n\t\"./atlaslogistics/slingco/logo.png\": 7938,\n\t\"./blank_fallback_logo/logo.png\": 8250,\n\t\"./extrordinair/logo.png\": 2912,\n\t\"./hwfs247/logo.png\": 7425,\n\t\"./kranlee/AMBLIMIT/logo.png\": 3989,\n\t\"./kranlee/FORB0001/logo.png\": 9595,\n\t\"./kranlee/FORBOFLO/logo.png\": 1067,\n\t\"./kranlee/NORTHERN/logo.png\": 6355,\n\t\"./kranlee/ROBERLIM/logo.png\": 9307,\n\t\"./kranlee/SCHENCKP/logo.png\": 2297,\n\t\"./kranlee/SPEEDPLA/logo.png\": 1884,\n\t\"./kranlee/TAYLORSE/logo.png\": 2579,\n\t\"./kranlee/TTSPRECI/logo.png\": 7825,\n\t\"./kranlee/intocast/logo.png\": 4607,\n\t\"./kranlee/logo.png\": 9980,\n\t\"./kranlee/shculcem/logo.png\": 5492,\n\t\"./kranlee/unipartr/logo.png\": 8553,\n\t\"./map/logo.png\": 5532,\n\t\"./qcs/logo.png\": 8,\n\t\"./sandforduk/logo.png\": 6162,\n\t\"./webtest/andysana/logo.png\": 1794,\n\t\"./webtest/logo.png\": 668\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 4123;","// 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\tid: moduleId,\n\t\tloaded: false,\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// Flag the module as loaded\n\tmodule.loaded = true;\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","__webpack_require__.amdO = {};","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__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"js/\" + (chunkId === 443 ? \"about\" : chunkId) + \".\" + {\"443\":\"4d871ac9\",\"726\":\"03a35924\",\"785\":\"247b7eac\",\"968\":\"05f4ecbd\"}[chunkId] + \".js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"css/\" + (chunkId === 443 ? \"about\" : chunkId) + \".\" + {\"443\":\"84259335\",\"726\":\"44aa2528\"}[chunkId] + \".css\";\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); }","var inProgress = {};\nvar dataWebpackPrefix = \"BoxTraxVision:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\t;\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = function(module) {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.p = \"/\";","var createStylesheet = function(chunkId, fullhref, resolve, reject) {\n\tvar linkTag = document.createElement(\"link\");\n\n\tlinkTag.rel = \"stylesheet\";\n\tlinkTag.type = \"text/css\";\n\tvar onLinkComplete = function(event) {\n\t\t// avoid mem leaks.\n\t\tlinkTag.onerror = linkTag.onload = null;\n\t\tif (event.type === 'load') {\n\t\t\tresolve();\n\t\t} else {\n\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\tvar realHref = event && event.target && event.target.href || fullhref;\n\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + realHref + \")\");\n\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n\t\t\terr.type = errorType;\n\t\t\terr.request = realHref;\n\t\t\tlinkTag.parentNode.removeChild(linkTag)\n\t\t\treject(err);\n\t\t}\n\t}\n\tlinkTag.onerror = linkTag.onload = onLinkComplete;\n\tlinkTag.href = fullhref;\n\n\tdocument.head.appendChild(linkTag);\n\treturn linkTag;\n};\nvar findStylesheet = function(href, fullhref) {\n\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n\tfor(var i = 0; i < existingLinkTags.length; i++) {\n\t\tvar tag = existingLinkTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return tag;\n\t}\n\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n\tfor(var i = 0; i < existingStyleTags.length; i++) {\n\t\tvar tag = existingStyleTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\");\n\t\tif(dataHref === href || dataHref === fullhref) return tag;\n\t}\n};\nvar loadStylesheet = function(chunkId) {\n\treturn new Promise(function(resolve, reject) {\n\t\tvar href = __webpack_require__.miniCssF(chunkId);\n\t\tvar fullhref = __webpack_require__.p + href;\n\t\tif(findStylesheet(href, fullhref)) return resolve();\n\t\tcreateStylesheet(chunkId, fullhref, resolve, reject);\n\t});\n}\n// object to store loaded CSS chunks\nvar installedCssChunks = {\n\t143: 0\n};\n\n__webpack_require__.f.miniCss = function(chunkId, promises) {\n\tvar cssChunks = {\"443\":1,\"726\":1};\n\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n\t\tpromises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(function() {\n\t\t\tinstalledCssChunks[chunkId] = 0;\n\t\t}, function(e) {\n\t\t\tdelete installedCssChunks[chunkId];\n\t\t\tthrow e;\n\t\t}));\n\t}\n};\n\n// no hmr","// 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\t143: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\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[\"webpackChunkBoxTraxVision\"] = self[\"webpackChunkBoxTraxVision\"] || [];\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, [998], function() { return __webpack_require__(6220); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","DropDownItem","constructor","value","this","GridColumn","title","key","width","enabled","isFixed","cellColorProp","rowColorProp","readOnly","isRemovable","Validation","messageNumber","Notification","show","content","Math","random","toString","substring","createStore","state","loginDetails","userSettings","searchShipmentColumns","air","sea","road","rail","courier","other","arrivingToday","customerRef","jobNumber","jobType","date","mode","tempSecurityId","banners","error","success","warning","hideLoadingSpinner","showNewGridFeature","newGridPaginationRange","newGridCurrentPage","caughtURL","widgetList","name","start","over","end","dataSource","showDrawer","mainMenu","dummyGridColumns","dummyGridData","skuGroup","skuNumber","skuName","jobRef","warehouseRef","soNumber","deliverTo","dateFrom","dateTo","rowColor","selectedRow","dummyPickStockGridColumns","dummyPickStockGridData","warehouse","total","available","pickQuantity","comments","allocated","zeroStock","skuProperties","descHeadOne","heading","descHeadTwo","descHeadThree","descHeadFour","descHeadFive","descHeadSix","skuDescription","descOne","descTwo","descThree","descFour","descFive","descSix","UserInfo","chart","getChartType","props","css","config","type","onMounted","Chart","document","getElementById","chartId","__exports__","hoverColor","computed","monthAhead","textColor","modeIcon","viewSelectedShipment","item","store","router","params","owner","useGetImportOriginsChartData","data","labels","each","label","datasets","borderWidth","backgroundColor","options","plugins","legend","display","position","boxWidth","responsive","hoverOffset","scales","layout","padding","font","family","useGetCompletedShipmentsChartData","cutout","borderRadius","useGetSomeChartData","indexAxis","useGetSomeMoreChartData","ArrivalAndDelivery","notMeasured","early","onTime","late","Dashboard","arrivals","totals","deliveries","useStore","arrivalsAndDeliveries","ref","arrivalAndDeliveryDateRange","arrivalAndDeliveryReady","completedShipments","completedShipmentsDateRange","deliveredToday","lateArrival","lateDelivery","axios","account","then","response","arrivalDeliveryTotals","from","to","length","catch","importOrigins","importOriginsConfig","completedShipmentsConfig","displayCompletedShipments","inject","class","_createElementVNode","style","_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_hoisted_5","render","sourceColumnIndex","openColumnMenuByIndex","localData","pageButtons","paginationSize","showGridMenu","closeTimer","saveTimer","columnMenuToggleColumns","previousLeftPos","JSON","parse","stringify","createPageButtons","customColumns","columns","filter","c","gridHeight","height","wrapperHeight","pagedData","row","index","startIndex","currentPage","pageSize","endIndex","rowDataSource","generateRowData","column","handleDragStart","findIndex","i","preventDefault","handleDragover","handleDrop","destinationColumnData","stopPropagation","mainArrayDestinationIndex","splice","allowGridMenu","emits","setLeftPosition","firstColumnDatum","parseInt","currentValue","setZ","setSelectedRow","getPaginationPages","ceil","splitPagination","currentPaginationRange","roundUp","push","number","notValid","pageUp","pageDown","handleColumnMenu","handleMouseEnterColMenu","clearTimeout","handleCloseColMenu","setTimeout","handleColumnWidthSave","dragColumnsMessage","col","resetColumns","forEach","sort","a","b","handleMenuDisplay","toggleColumns","copyValue","text","navigator","clipboard","writeText","console","log","slots","useSlots","tabProps","setIcon","icon","iconColor","setSelectedTab","tab","default","badgeData","cssStyle","ViewShipment","shipperName","shipperOrigin","shipperAddress","addressLine1","addressLine2","addressLine3","addressLine4","postCode","country","telephone","shipperContact","consigneeName","consigneeDestination","consigneeAddress","consigneeContact","consignmentDetails","nop","weight","actualWeight","cube","description","milestoneInformation","dateColumns","dates","pickupDate","est","actual","status","closingDate","departureDate","arrivalDate","customsDate","clearedDate","deliveryDate","milestones","dateTime","milestone","detailedInformation","incoTerms","flightNumber","secondFlightNumber","awbNumber","hawb","flightDate","blNumber","hbl","vessel","voyageNumber","showTracking","trackingUrl","consignmentNumber","podName","podDate","podTime","additionalRef","warehouseHeaders","warehouseItems","containers","sealNumber","grossWeight","releaseRef","depotDate","reference","loadingTime","collectionAndDelivery","noteType","bookingRef","company","marksAndNumbers","PODName","PODDate","customs","Shipments","modes","select","shipmentGridCurrentPage","shipmentGridCurrentPaginationPage","shipmentsData","activeShipmentTabs","active","shipmentDocs","shipmentDocsDrawer","selectedShowShipmentsTab","currentDefaultTab","currentModeDataLength","showingShipmentSearchData","shipmentsSearchTerm","selectedViewShipmentTab","warehousePicksModal","showShipmentsDataFilterType","viewShipment","collectionDelivery","gridColumns","warehouseShipmentDetail","warehousePicks","selectedShipmentItem","dummyData","quantity","shipmentErrorLogs","ShipmentSearchColumns","_renderSlot","_ctx","undefined","useDownloadLocalFile","link","createElement","href","window","URL","createObjectURL","Blob","getPartialFilename","headers","split","fileName","setAttribute","body","appendChild","click","useGetDocumentsList","route","shipments","shipmentId","async","section","validationSection","checkForMode","userId","validationPageKey","searchTerm","isIata","isIataSearch","searchValue","searchType","tile","dims","weightType","model","bookingType","freightBookingParams","courierBookingParams","setParams","responseType","accountNumber","userSecurityId","typeFilter","securityId","warehouseJobNumber","rowId","searchCriteria","skuId","url","stockCode","appInsights","ApplicationInsights","connectionString","loadAppInsights","trackException","exception","errorPage","cssText","saveObject","validationViewModel","useRoute","useRouter","searchValidation","airData","reactive","toRefs","getAirLength","getRoadLength","getSeaLength","getRailLength","getCourierLength","getOtherLength","tabRenderSeed","getCorrectDate","saveGridColumns","colWidth","toLowerCase","API","resetGridColumns","handleSearchFiltering","searchShipments","refreshData","prepareSearch","clearValidation","getShipmentsData","resetGridPagination","selectedMode","mapShipmentData","page","getShipments","downloadToExcel","getExcelFile","getBookingType","grid","handleTrackingLink","open","handleTabSelection","showShipmentsTabSettings","handleRadioButton","button","handleTabConfigSave","saveShowShipmentsTabConfiguration","closeDrawer","handleClosing","onUnmounted","openDrawer","downloadDocument","tabDataModelReady","mapTabSelections","getUrl","useCreateSubstringText","subStr","performEmits","addressFormatting","address","modelValue","addressDataCheck","openTracking","prepareModal","getWarehouseItems","handleClose","showContainers","jobNumberCopied","custRefCopied","saveToClipboard","getSelectedShipment","shipment","getShipmentData","checkModeForBol","editShipment","routeParams","isReady","maxMinNumberCheck","target","maxNumber","maxLength","minNumber","filterChars","allowDecimal","test","handleFocusOut","handleClear","selectedItem","popupSelectResults","popupResults","showResults","selected","closeTime","localDataSource","selectionMade","valueNotValid","menuFullOpenHeight","Number","inputRef","selectRef","ulRef","matches","getSortedData","placeHolder","getPlaceHolder","activatePortIcons","getRequiredFieldColor","fillDropdownData","find","x","getItemFromDataSource","trim","updateModelValue","startsWith","includes","placeholder","requiredField","updateValues","useServerSearch","searchFromServer","allowCustomValue","selectPrimitiveValue","searchCompanyByType","getPortsByCode","hasOwnProperty","checkValueValid","getSelectResultContainerPosition","nextTick","inputElement","selectDrop","inputTopPosition","$el","children","getBoundingClientRect","top","inputLeftPosition","left","inputWidth","selectHeight","clientHeight","reEnterSelect","removeEventListener","closeResults","autoCloseSelectResults","selectTop","offsetTop","selectLeft","offsetLeft","selectWidth","selectBottom","selectBottomPopup","clientX","pageY","addEventListener","scrollY","setupClick","lowerScreenArea","outerHeight","screenY","stopScroll","scrollItems","deltaY","scrollBy","selectItem","itemSelected","selectedCopy","originValue","emitCorrectModelValue","keyboardSelectItem","highlightedSelectionTop","selectDropTop","blur","watch","Dimension","pieces","packaging","DimensionExtended","super","showAddButton","isEditing","isDeleting","validation","useGetValidatedFields","requiredFields","modelProp","modelName","validate","localDimsArray","piecesInputRef","weightTotal","sumWeightColumn","addDimension","dim","valid","roundUpDimensions","modelValueUpdate","firstChild","getElementsByClassName","focus","propName","prepareDelete","cancelDelete","removeDimension","editDimension","acceptEdit","dimensions","dimension","useCheckFieldsForData","result","tileColour","tileColor","highlightColor","highlight","displayedValue","get","set","val","handleTextAreaWidth","textAreaWidth","vFocus","mounted","el","emitValues","ContactDetail","firstName","lastName","phone","email","department","ValidationBase","validationMessages","shipperRef","shipperAddressLine1","shipperAddressLine2","shipperCity","shipperCounty","shipperPostcode","shipperCountry","shipperVatNumber","shipperContactFullName","shipperContactTitle","shipperContactFirstName","shipperContactLastName","shipperContactPhone","shipperContactEmail","shipperContactDepartment","consigneeRef","consigneeAddressLine1","consigneeAddressLine2","consigneeCity","consigneeCounty","consigneePostcode","consigneeCountry","consigneeVatNumber","consigneeContactFullName","consigneeContactTitle","consigneeContactFirstName","consigneeContactLastName","consigneeContactPhone","consigneeContactEmail","FreightBookingValidation","shipmentRef","shipmentShipperRef","shipmentConsigneeRef","shipmentCarrier","shipmentServiceType","shipmentBillingParty","shipmentBillingPartyDetail","shipmentDescription","shipmentPickupDate","shipmentDeliveryDate","shipmentDeliveryTime","shipmentCurrency","shipmentValue","shipmentComments","totalPieces","totalWeight","CourierBookingValidation","customerRefTwo","collectByDate","collectByTime","deliveryTime","currency","service","termsOfShipment","customsStatus","customsComments","ShipperDetail","shipperContactId","shipperContacts","ConsigneeDetail","consigneeContactId","consigneeContacts","Booking","customer","shipper","consignee","multiLineDims","chargeableWeight","cubeUnit","isUpdate","unitOfMeasureSwitch","cubeUnitSwitch","files","FreightBooking","shipmentRefBolNumber","shipmentBillingPartyId","shipmentInsurance","shipmentInsuranceAmount","tileSelection","documents","tileValidation","metaData","shippers","consignees","packageTypes","serviceTypes","currencies","billingParties","countries","validatedFields","tempValidatedFields","CourierBooking","screenSwitches","consignment","documentsOnly","insurance","insuranceType","termsDescription","customsSelect","kimberlyCerts","carnet","ipr","ti","opr","repair","cites","tibBondWarehouse","exportLicence","freeCirculation","useValidateRequiredFields","dataModel","useTimeGenerator","format","interval","times","startTime","amPm","hours","floor","minutes","slice","BaseBookingSave","useMapBookingSave","viewModel","bookingSaveDetail","preJobMappingFactory","placeOfReceipt","placeOfReceiptId","originPort","originPortId","destinationPort","destinationPortId","finalDestination","finalDestinationId","consigneeRefAdditional","unitOfMeasure","useGetChargeableWeight","getChargeableWeight","ChargeableWeight","useMapShipperAddress","city","county","vatNumber","contacts","contact","useValidateContactEmail","isShipper","emailRegExCheck","useValidateContact","useNewContactMessage","useMapConsigneeAddress","useClearShipperContact","useClearConsigneeContact","useMapShipperContact","useMapConsigneeContact","ShipperSaveDetail","isShipperAddress","useMapShipperSave","isNewContact","addressDetail","saveAddress","ConsigneeSaveDetail","useMapConsigneeSave","UploadedFileSave","file","contentType","encoding","useProcessUploadedFiles","fileSize","round","size","prepareFile","convertFile","getAsBase64","splitFile","getContentType","getFile","readFile","Promise","reject","reader","FileReader","readAsDataURL","useTileSelection","tilesObj","currentTile","propKey","useResetValidation","useClearCompany","area","validationViewModelSection","useMapContact","uploadButton","uploadFileSizeError","updateShipperContacts","updateConsigneeContacts","updateFileInput","isEditCourierBooking","getPlaceholder","getAddressPlaceholder","allowWeightEntry","uploadFileSizeErrorMessage","handleNewBooking","beforeEach","isEditId","resetTileValidationIcon","prepShipmentMetaData","insuranceTypes","require","getChargeableWeightCalculation","mapShipperAddress","mapConsigneeAddress","mapSelectedShipperContactDetail","mapSelectedConsigneeContactDetail","mapShipperSaveDetails","mapConsigneeSaveDetails","handleTileSelection","checkFields","handleCustomsStatus","event","checked","handleValidateAndClose","customsValid","validateCustomsStatus","validationResult","handleRemoveDocument","handleUpload","handleClearCompany","handleShipperSave","sectionIsValid","contactIsValid","validateContact","checkShipperEmailValid","contactToEdit","newContact","handleConsigneeSave","checkConsigneeEmailValid","selectBillingPartyId","selection","newContactMessage","allowShipperSaveButton","allowConsigneeSaveButton","handleTermsDescription","ddlData","termDetail","validateStatus","validateComments","fieldsValid","getShipperMetaData","getCompanyDetails","getCompanyDetail","validateSubmit","saveBooking","handleUploadedFiles","fileUploadOk","freightBooking","courierBooking","editFreightBooking","editCourierBooking","freightBookingModel","courierBookingModel","editCompanyDetail","companyDetail","getCompanyToEdit","isEditable","mapEditBooking","consigneeContactDepartment","Container","containerType","teu","containerNumber","ContainerExtended","localArray","addContainer","line","removeContainer","editContainer","container","ValidatedField","compulsory","addressType","trigger","PreJobAirBooking","flightShipment","awbMaster","ucrNumber","directFlight","departingFlightNumber","arrivingFlightNumber","serviceType","terms","commodity","remarks","estimatedPickupDate","actualPickupDate","estimatedPickupTime","actualPickupTime","estimatedDepartureDate","actualDepartureDate","estimatedDepartureTime","actualDepartureTime","estimatedArrivalDate","actualArrivalDate","estimatedArrivalTime","actualArrivalTime","estimatedDeliveryDate","actualDeliveryDate","estimatedDeliveryTime","actualDeliveryTime","tempValidFields","PreJobSeaBooking","seaShipment","bolNumber","carrierName","vesselName","notifyParty","notifyPartyAddress","marksNumbers","tabSelect","PreJobRoadBooking","roadShipment","PreJobRailBooking","railShipment","PreJobAirBookingValidation","PreJobSeaBookingValidation","PreJobRoadBookingValidation","updateShipperList","updateConsigneeList","handleSearch","clearShipperAndConsigneeData","setPortId","prop","prepareMetaData","populateDropDownData","getShipperListByAccount","getConsigneeListByAccount","PreJobRailBookingValidation","preJobAirBooking","preJobSeaBooking","preJobRoadBooking","preJobRailBooking","editPreJobAir","editPreJobSea","editPreJobRoad","editPreJobRail","modeViewModel","preJobAir","preJobSea","preJobRoad","preJobRail","newBookingType","modeValidationViewModel","tileSectionColor","mapCompanyToEdit","mapContacts","StockSearchItemBase","StockSearchItem","zeroQty","$options","$props","_createVNode","_component_CheckBox","onInput","$event","_Fragment","_renderList","draggable","onDragstart","onDragover","onDrop","onClick","$data","maxHeight","_hoisted_7","colIndex","highlightSelectedRow","rowData","rowIndex","showMoreInfo","background","color","_component_StaticTooltip","maxWidth","_hoisted_13","_Transition","_toDisplayString","moreInfo","field","components","CheckBox","MovingTooltip","Button","StaticTooltip","Boolean","allowPagination","removeHighlightedRow","selectable","Array","rowSelection","dataCy","String","colHeight","openMenuDrop","allowReOrderColumns","sortOrder","columnIndex","currentColumnCount","paginationArray","setFooterPoint","self","methods","createPages","numberOfPages","newPageButton","$emit","sourceContainerData","mainArraySourceIndex","setSortCondition","sortable","sortColumns","localeCompare","openMenu","$refs","gridMenu","setCellColor","setFontColor","checkIfMoreInfo","setSelectAllRows","boolValue","checkRow","clearHighlightedRow","ea","extendLastColumn","lastColumn","extendedWidth","getColumnMoreInfo","info","rowClick","openMoreInfo","maxChars","checkStringLength","characters","setNewObjectProp","useCheckSearchCriteriaExists","searchPill","isSearchData","searchStock","searchHistoryItemExists","searchData","searchPills","history","unshift","handleClearSearch","handleClearAllFields","useClearDescriptionHeaders","skuGroupSelected","searchGroup","stockSearch","getStockMetaData","clearGridLineData","getLatestStock","handleRefresh","lineData","tempLineCols","getRowData","stockSearchCriteria","getStockLines","checkStockItems","toggleSearchGroup","getStockHeaders","getStockDescriptions","handleStockSearch","clearHeaders","pickStock","handlePick","isExistingRowData","pickedItems","openPicksDrawer","handlePickStockSearch","disableGridShowButton","handleClearData","getAsByteArray","Uint8Array","readAsArrayBuffer","updateGridRender","searchPurchaseOrder","getRequiredField","Address","companyId","companyName","PurchaseOrderItemDetail","productCode","productDescription","qtyRequired","qtyReceived","qtyRemaining","unitOfWeight","itemPrice","lineItemTotalprice","PurchaseOrderItemDetailExtended","addNewItem","removeItem","editItem","itemDetails","itemDetail","PurchaseOrderStatus","statusCode","statusText","user","comment","PurchaseOrderStatusExtended","orderStats","orderStatus","purchaseOrder","modalAddress","selectCorrectModel","isNew","isEdit","getModalTitle","getRequiredFields","handleSelectedTile","addressSelection","handleAddressType","openAddressModal","assign","currentEditAddress","handleSaveNewAddress","complete","isValid","mapSelectedAddress","handleCompanyClear","handleAddressModalClose","handleUseAddress","checkAddressForChanges","handleAddressChange","handleClearFields","setCurrentCompany","charAt","toUpperCase","routes","path","component","ShowShipments","ErrorPage","JobNotEditableUserInfo","Stock","PurchaseOrder","SKUHistory","WarehouseJobs","PickStock","PreJob","createRouter","createWebHistory","location","origin","hostname","routeGuardErrorPage","kcConfiguration","process","realm","clientId","onLoad","redirectUri","minTokenValidity","keyCloak","Keycloak","userInfo","authenticate","app","init","authenticated","idTokenParsed","given_name","family_name","interceptors","request","use","updateToken","refreshed","refreshTokenParsed","Authorization","token","logout","onfocus","getUserInfo","sub","reload","ex","getUserInformation","dashboard","shipmentItems","view","orderItems","freightItems","quoteItems","f","reports","agentItems","callBack","getUserInfoById","allowColumnMenuSearchShipments","showCourierCustoms","showCourierTerms","highlightActualDate","showAirTrackingLink","showSeaTrackingLink","useMeasuredGrid","mount","sideMenuItems","closeBanner","bannerType","computedBannerType","computedIcon","emit","SideMenuItems","flight","ValidationViewModel","StockSearchPillCollection","StockSearch","searchGridCurrentPage","searchGridPageRange","lineGridCurrentPage","lineGridPageRange","warehouses","PickStockSearchItem","releaseDate","releaseTime","action","deliveryInstructions","openDocsDrawer","warehouseList","searchResultCurrentPage","searchResultPaginationRange","skuGroups","searchGridColumns","pickedItemGridColumns","SearchPurchaseOrder","poDummyData","poNumber","conveyance","orderDate","readyDate","departs","arrives","delivery","openOrderStatusModal","openItemDetailsModal","supplier","agent","orderStatusList","itemDetailsList","getHeaderLogo","getHeaderLogoPerSection","getOwnerLogo","getAccountLogo","provide","documentElement","className","createApp","App","ElementPlus","TextInput","authorizeLogin","loggingLevelConsole","trackPageView","getIcon","getCorrectIcon","labelToLeft","setLabelToLeft","emitResult","labelTop","displayedDate","dateInput","numberOnlyCheck","prepareInputData","handleFocusAndEnterKey","userValue","setFormat","newValue","oldValue","labelWidthLocal","labelWidth","altTitle","handleEnter","disable","setRowColor","handleMouseEnter","handleMouseLeave","_createBlock","_component_MovingTooltip","clickToView","getCellColor","cellColor","notGridCell","showTooltip","tooltipElement","mouseMove","tooltipHeight","tooltipWidth","clientWidth","cursorHorizontalPosition","pageX","scrollX","clientY","mouseOut","subjectContainer","timer","mouseOver","subjectBottomPosition","bottom","subjectLeftPosition","localWidgetContainers","sourceContainerIndex","sourceContainerId","handleDragEnd","destinationContainerData","handleDragEnter","containerData","handleDragLeave","containerIndex","setCssStyles","cssStyles","widgetContainers","__webpack_module_cache__","moduleId","cachedModule","loaded","__webpack_modules__","call","m","amdO","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","r","n","getter","__esModule","d","definition","defineProperty","enumerable","chunkId","all","reduce","promises","u","miniCssF","g","globalThis","Function","obj","prototype","inProgress","dataWebpackPrefix","l","done","script","needAttach","scripts","getElementsByTagName","s","getAttribute","charset","timeout","nc","src","onScriptComplete","prev","onerror","onload","doneFns","parentNode","removeChild","bind","head","Symbol","toStringTag","nmd","paths","p","createStylesheet","fullhref","linkTag","rel","onLinkComplete","errorType","realHref","err","findStylesheet","existingLinkTags","tag","dataHref","existingStyleTags","loadStylesheet","installedCssChunks","miniCss","cssChunks","installedChunks","installedChunkData","promise","loadingEnded","realSrc","message","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","__webpack_exports__"],"sourceRoot":""}