{"version":3,"file":"js/chunk-common.f072ffce.js","mappings":"4LAA4D,EAAU,WACrE,WACGA,EAAAA,EAAAA,MAAe,GAEnB,OAASC,EAAAA,EAAAA,EAAQD,CAAAA,EAAAA,EAAAA,EAAAA,CAAAA,EAAe,sB,2BCMhC,GACAE,KAAAA,MACAC,QACA,EAEAC,cACA,6BACA,YAEA,+DACAC,EAAAA,QAGA,yCAQA,aACAC,OAAAA,aAAAA,KAAAA,UACA,CATAC,EAAAA,IAAAA,+CAAAA,EAAAA,SAAAA,KACAA,EAAAA,OAAAA,EAEAC,SAAAA,KAAAA,YAAAA,GAGAF,OAAAA,aAAAA,OAAAA,cAAAA,GAIAA,OAAAA,QAAAA,EAEAC,EAAAA,OAAAA,KACAE,EAAAA,KAAAA,IAAAA,MACAA,EAAAA,SAAAA,EAAAA,SAAAA,GAAAA,CAEA,GCxC0O,I,UCOtOC,GAAY,OACd,EACAT,EACAD,GACA,EACA,KACA,KACA,MAIF,EAAeU,EAAiB,O,oEClBhC,IAAIT,EAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAO,GAAEL,EAAIM,eAAe,CAAEN,EAAIO,aAAcL,EAAG,YAAY,CAACM,MAAM,CAAC,MAAQR,EAAIM,MAAM,KAAON,EAAIS,QAAQT,EAAIU,MAAM,EACtN,EACIrB,EAAkB,G,gDCUtB,GACAE,KAAAA,YACAoB,WAAAA,CACAC,UAAAA,EAAAA,GAEAC,MAAAA,CACAC,SAAAA,CACAC,KAAAA,QACAC,SAAAA,GAEAC,gBAAAA,CACAF,KAAAA,QACAC,SAAAA,IAGAxB,MAAAA,GACA,kBAEA,gCACA,+BAEA0B,EAAAA,OAAAA,cAAAA,EAAAA,UACAA,EAAAA,OAAAA,qBAAAA,EAAAA,iBAGA,mBACAA,EAAAA,OAAAA,UAAAA,OAIAC,EAAAA,EAAAA,KAAAA,KACA,4CACA,YACAD,EAAAA,OAAAA,sBAAAA,EAAAA,GACA,IAGA,qBA+CA,OA9CAvB,OAAAA,OAAAA,IAAAA,cAAAA,SAAAA,GACAuB,EAAAA,OAAAA,gBAAAA,GACAX,EAAAA,OAAAA,EAEA,4BAIAW,EAAAA,OAAAA,qBAAAA,EAAAA,OACAA,EAAAA,OAAAA,YAAAA,EAAAA,SACAA,EAAAA,OAAAA,kBAAAA,EAAAA,gBACAA,EAAAA,OAAAA,eAAAA,EAAAA,YAEA,UACAA,EAAAA,OAAAA,UAAAA,EAAAA,YAAAA,EAAAA,QAAAA,SAAAA,eAEAA,EAAAA,OAAAA,UAAAA,UAIA,iCACA,qBACAA,EAAAA,OAAAA,iBAAAA,GAEAA,EAAAA,OAAAA,iBAAAA,EAEA,IAEAvB,OAAAA,OAAAA,IAAAA,SAAAA,SAAAA,GACAyB,QAAAA,MAAAA,EACA,IAGAzB,OAAAA,OAAAA,IAAAA,OAAAA,aAAAA,CAAAA,EAAAA,EAAAA,KAIA,IACA,iBACAuB,EAAAA,OAAAA,oBAAAA,GACA,mBACAA,EAAAA,OAAAA,oBAAAA,GAEA,IAGA,CACAX,eACAD,QACAG,OAEA,GCrGyP,I,UCOrPV,GAAY,OACd,EACAT,EACAD,GACA,EACA,KACA,KACA,MAIF,EAAeU,EAAiB,O,mFClBYG,EAAOC,WAAS,MAAU,KAAOE,EAAK,EAAEL,MAAIS,G,OAA+L,EAAC,O,MAAK,CAAC,2JAAW,MAAC,CAAG,GAAC,a,GAAyB,CAA0B,oBAAKT,SAAIqB,EAAY,cAA6Cb,CAAAA,EAAK,aAAC,Q,YAAC,gB,MAAoB,CAAoB,aAAY,OAAO,aAAY,OAAO,YAAQ,OAAS,mBAAIN,MAAG,Y,CAAqB,eAAe,CAAI,OAAI,cAAa,MAAqCM,IAAM,iB,YAAM,aAAY,OAAIN,GAAG,e,CAA4B,YAAYF,EAAIsB,OAAAA,CAAS,MAAC,CAAG,UAAC,aAA6B,IAAI,UAAY,EAAC,iBAA0Bd,GAAM,S,YAAM,aAAU,OAAIN,GAAG,aAAwD,CAAEF,EAAG,MAACsB,CAA4Hd,MAAM,qC,CAAkB,IAAjB,YAAkBe,CAAAA,EAAAA,gBAAAA,EAAAA,KAAAA,IAAAA,EAAAA,UAAAA,CAAAA,EAAAA,mBAAAA,EAAAA,MAAAA,KAAAA,EAAAA,cAAAA,CAAW,MAAC,CAAG,YAAC,e,GAA0BvB,CAAuB,kBAAC,gBAAK,OAElkCX,EAEJ,E,wBCJIC,EAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAAEF,EAAIwB,iBAAmB,EAAGtB,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACJ,EAAIyB,GAAG,2BAA2BzB,EAAI0B,GAAG1B,EAAIwB,kBAAkB,aAAaxB,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,KAAK,CAACE,YAAY,SAASuB,SAAS,CAAC,UAAY3B,EAAI0B,GAAG1B,EAAI4B,iBAAmB5B,EAAI6B,kBAAmL7B,EAAIU,KAApKR,EAAG,MAAM,CAACG,MAAML,EAAIwB,iBAAmB,EAAI,SAAW,eAAehB,MAAM,CAAC,IAAMsB,EAAQ,MAAiC,MAAQ,KAAK,IAAM,qBACvpB,EACIzC,EAAkB,GCsBtB,GACAE,KAAAA,cACAC,QACA,kBACA,gBACA,4BAGA,gBACA,kCAGA,gBACA,2BAGA,OAAAqC,oBAAAL,mBAAAI,aACA,GCzC+P,I,UCQ3P7B,GAAY,OACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIF,EAAeA,EAAiB,Q,wCCnB4F,EAAK,W,IAASS,EAAM,K,EAAC,QAAY,G,OAAG,SAAE,YAAY,oCAAEJ,CAAAA,EAAAA,EAAAA,EAAW,CAAmDI,MAAM,CAAC,aAAO,KAAM,CAACN,EAAG,KAAS6B,YAAY,kD,MAAK,CAAUC,KAAO,M,CAA0BC,EAAAA,EAAAA,EAAAA,CAAkB,WAAE,EAAC5B,IAAML,EAAAA,EAAoCQ,KAAM,SAAC,mBAAkB,SAAkB,WAAS,U,MAAwB,IAAZ,aAAY,aAAE,MAAC,CAAG,aAAC,KAAC,YAAQ,M,KAAiB,GAA0B,SAAC,cAAcJ,GAAAA,CAAmBI,MAAM,YAAC,OAAMsB,EAAAA,aAAS,EAA2C,IAAmB,CAAC5B,EAAG,OAAUE,YAAY,OAAS,MAAMqB,CAAmDrB,IAAAA,EAAAA,KAAAA,CAAY,6BAAc,IAAO,cAAoFI,EAAK,SAAC,C,YAAQ,UAAG,+CAAE,YAAY,eAAEuB,EAAAA,MAAY,U,YAAM,qD,MAASC,CAAmBE,KAAO,MAA0B,CAAC,OAAC7B,WAAUiB,CAAAA,CAAgCd,IAAM,IAAC,cAAkB,mBAAkB,OAAM,EAAI,WAAU,UAAe,MAAC,8BAAC2B,MAAG,CAAC,aAAQ,K,YAA4BC,MAAe,QAAC,SAAIlC,UAAS,IAAoBM,GAAAA,CAAO,MAAMsB,SAAS,GAA8C,OAAM,iBAAa,IAAiB1B,CAAAA,EAAAA,MAAW,CAAU,YAAS,OAAmDA,MAAAA,CAA0B,IAAO,OAAO,iBAAO,eACp4C,qBAGD,EAASd,SAAQD,C,4HCoCjB,GACAE,KAAAA,YACAsB,MAAAA,CACAS,UAAAA,CAAAP,KAAAA,OAAAC,QAAAA,IAEAxB,MAAAA,EAAAA,GACA,kBACA,gCAEA,MACA6C,EAAAA,KAAAA,YAAAA,EAAAA,EAGA,OACA/B,QACA8B,eAEA,GCzD6P,ICOzP,GAAY,OACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIF,EAAe,EAAiB,QClB5B9C,EAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAAGJ,EAAIsC,QAAgGtC,EAAIU,KAA3FR,EAAG,mBAAmB,CAACM,MAAM,CAAC,IAAMR,EAAIuC,YAAYJ,GAAG,CAAC,OAASnC,EAAIwC,QAAQC,UAAoBzC,EAAIsC,QAASpC,EAAG,SAAS,CAACM,MAAM,CAAC,IAAMR,EAAIuC,YAAYJ,GAAG,CAAC,OAASnC,EAAIwC,QAAQC,UAAUzC,EAAIU,KAAKR,EAAG,YAAY,CAACM,MAAM,CAAC,MAAQR,EAAI0C,aAAaP,GAAG,CAAC,SAAWnC,EAAIwC,QAAQG,YAAYzC,EAAG,MAAM,CAACG,MAAM,CAClaL,EAAI4C,eAAe7B,OAASf,EAAI6C,YAAYC,OAAS,aAAe,mBACpE9C,EAAI+C,aAAe,aAClBvC,MAAM,CAAC,GAAKR,EAAI4C,eAAe7B,OAASf,EAAI6C,YAAYC,OAAS,aAAe,gBAAgB,CAAG9C,EAAI4C,eAAe7B,KAA0Rf,EAAIU,KAAxR,CAACR,EAAG,WAAW,CAACM,MAAM,CAAC,QAAUR,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAA+BvD,EAAI4C,eAAe7B,OAASf,EAAI6C,YAAYW,SAAU,CAACtD,EAAG,WAAW,CAACM,MAAM,CAAC,QAAUR,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAMV,EAAI4C,eAAe7B,OAASf,EAAI6C,YAAYY,OAAQ,CAACvD,EAAG,WAAW,CAACM,MAAM,CAAC,QAAUR,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAMV,EAAI4C,eAAe7B,MAAQf,EAAI6C,YAAYa,UAAW,CAACxD,EAAG,WAAW,CAACM,MAAM,CAAC,QAAUR,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAMV,EAAI4C,eAAe7B,MAAQf,EAAI6C,YAAYc,SAAU,CAACzD,EAAG,WAAW,CAACM,MAAM,CAAC,QAAUR,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAMV,EAAI4C,eAAe7B,MAAQf,EAAI6C,YAAYe,MAAO,CAAC1D,EAAG,WAAW,CAACM,MAAM,CAAC,YAAcR,EAAI6C,YAAYe,MAAM,QAAU5D,EAAIgD,QAAQ,OAAShD,EAAIiD,YAAY,KAAOjD,EAAIkD,kBAAkBf,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAMV,EAAI4C,eAAe7B,MAAQf,EAAI6C,YAAYC,OAAQ,CAAC5C,EAAG,WAAW,CAACM,MAAM,CAAC,YAAcR,EAAI6C,YAAYC,OAAO,OAAS9C,EAAIiD,YAAY,KAAOjD,EAAIkD,iBAAiB,QAAUlD,EAAIgD,SAASb,GAAG,CAAC,eAAiBnC,EAAIoD,OAAOC,mBAAmBrD,EAAIU,KAAMV,EAAI4C,eAAe7B,MAAQf,EAAI6C,YAAYgB,IAAK,CAAC3D,EAAG,WAAW,CAACM,MAAM,CAAC,YAAcR,EAAI6C,YAAYgB,IAAI,OAAS7D,EAAIiD,YAAY,KAAOjD,EAAIkD,iBAAiB,QAAUlD,EAAIgD,SAASb,GAAG,CAAC,YAAcnC,EAAIwC,QAAQW,YAAY,eAAiBnD,EAAIoD,OAAOC,eAAe,cAAgBrD,EAAIoD,OAAOE,cAAc,iBAAmBtD,EAAIoD,OAAOG,qBAAqBvD,EAAIU,KAAKR,EAAG,iBAAiB,CAACM,MAAM,CAAC,eAAiBR,EAAIkD,iBAAiB,OAASlD,EAAIiD,aAAad,GAAG,CAAC,YAAcnC,EAAIoD,OAAOU,YAAY,eAAiB9D,EAAIoD,OAAOW,eAAe,WAAa/D,EAAIoD,OAAOY,WAAW,WAAahE,EAAIoD,OAAOa,eAAe,GAAIjE,EAAIkE,QAAQC,sBAAuBjE,EAAG,cAAc,CAACM,MAAM,CAAC,YAAcR,EAAIkE,QAAQC,sBAAsB,QAAUnE,EAAIoE,gBAAgBjC,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQC,uBAAwB,CAAK,KAAKnE,EAAIU,KAAMV,EAAIkE,QAAQI,WAAYpE,EAAG,iBAAiB,CAACM,MAAM,CAAC,WAAaR,EAAIkE,QAAQI,WAAW,QAAUtE,EAAIuE,eAAepC,GAAG,CAAC,QAAU,SAASkC,GAAQ,OAAOrE,EAAIoD,OAAOoB,wBAAwB,KAAKxE,EAAIU,KAAMV,EAAIkE,QAAQO,sBAAuBvE,EAAG,kBAAkB,CAACM,MAAM,CAAC,WAAaR,EAAIkE,QAAQO,sBAAsB,QAAUzE,EAAIuE,eAAepC,GAAG,CAAC,WAAa,SAASkC,GAAQ,OAAOrE,EAAIoD,OAAOsB,0BAA0B,EAAE,QAAU,SAASL,GAAQrE,EAAIkE,QAAQO,uBAAwB,CAAK,KAAKzE,EAAIU,KAAMV,EAAIkE,QAAQS,YAAazE,EAAG,cAAc,CAACM,MAAM,CAAC,YAAcR,EAAIkE,QAAQS,YAAY,QAAU3E,EAAIuE,eAAepC,GAAG,CAAC,WAAa,SAASkC,GAAQ,OAAOrE,EAAIoD,OAAOsB,0BAA0B,EAAE,MAAQ,SAASL,GAAQrE,EAAIkE,QAAQS,aAAc,CAAK,KAAK3E,EAAIU,KAAMV,EAAIkE,QAAQU,gBAAiB1E,EAAG,kBAAkB,CAACM,MAAM,CAAC,gBAAkBR,EAAIkE,QAAQU,gBAAgB,QAAU5E,EAAIuE,eAAepC,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQU,iBAAkB,CAAK,KAAK5E,EAAIU,KAAMV,EAAIkE,QAAQW,yBAA0B3E,EAAG,2BAA2B,CAACM,MAAM,CAAC,cAAgBR,EAAIkE,QAAQW,yBAAyB,QAAU7E,EAAIuE,eAAepC,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQW,0BAA2B,CAAK,KAAK7E,EAAIU,KAAMV,EAAIkE,QAAQY,eAAgB5E,EAAG,iBAAiB,CAACM,MAAM,CAAC,eAAiBR,EAAIkE,QAAQY,eAAe,cAAgB9E,EAAI+E,cAAc,QAAU/E,EAAIoE,gBAAgBjC,GAAG,CAAC,aAAenC,EAAIoD,OAAO4B,yBAAyB,QAAU,SAASX,GAAQrE,EAAIkE,QAAQY,gBAAiB,CAAK,KAAK9E,EAAIU,KAAMV,EAAIkE,QAAQe,cAAe/E,EAAG,mBAAmB,CAACM,MAAM,CAAC,YAAcR,EAAIkE,QAAQe,eAAe9C,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQe,eAAgB,CAAK,KAAKjF,EAAIU,KAAMV,EAAIkE,QAAQgB,aAAchF,EAAG,qBAAqB,CAACM,MAAM,CAAC,aAAeR,EAAIkE,QAAQgB,cAAc/C,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQgB,cAAe,CAAK,KAAKlF,EAAIU,KAAMV,EAAIkE,QAAQiB,eAAgBjF,EAAG,qBAAqB,CAACM,MAAM,CAAC,eAAiBR,EAAIkE,QAAQiB,eAAe,aAAenF,EAAIoF,oBAAoBjD,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQiB,gBAAiB,CAAK,EAAE,YAAcnF,EAAIwC,QAAQ6C,eAAerF,EAAIU,KAAMV,EAAIkE,QAAQoB,YAAapF,EAAG,uBAAuB,CAACM,MAAM,CAAC,YAAcR,EAAIkE,QAAQoB,aAAanD,GAAG,CAAC,QAAU,SAASkC,GAAQrE,EAAIkE,QAAQoB,aAAc,CAAK,KAAKtF,EAAIU,MAAM,EACx7K,EACIrB,EAAkB,G,kDCCtB,MAAMkG,EAAWC,EAAAA,EAAAA,OAAa,CAM7BC,SAASC,EAAAA,EAAAA,QAIVH,EAASI,aAAaC,QAAQC,KAC7BC,IAEC,MAAMC,GAAKC,EAAAA,EAAAA,KAAWC,MAAMC,WAC5B,IACKH,GAAMA,EAAGI,QACZL,EAAOM,QAAQC,cAAiB,UAASN,EAAGI,QAI9C,CAFE,MAAOG,GACRlF,QAAQkF,MAAMA,EACf,CAGA,IAAIC,EAASC,UAAUC,UAAYD,UAAUE,aAa7C,OAZKH,IACJA,EAAS,SAGVT,EAAOM,QAAQ,YAAcG,EAGzB5G,OAAOgH,SAASC,KAAKC,WAAW,eACnCf,EAAOM,QAAQ,gBAAkB,YACjCN,EAAOM,QAAQ,aAAe,aAGxBN,CAAM,IAEdQ,IACCQ,QAAQC,OAAOT,EAAM,IAKvBf,EAASI,aAAaqB,SAASnB,KAC9BmB,GAQQA,IAERV,IAUC,MAAMA,CAAK,IAIbW,EAAAA,GAAAA,UAAAA,MAAsB1B,EAEtB,QCrEA,MAAM2B,EAgBLC,eAAc,uKACblH,KAAKiB,OAAQ8E,EAAAA,EAAAA,KAEb/F,KAAKmH,YAAaC,EAAAA,EAAAA,IAAS,CAC1BC,WAAY,KACZC,SAAU,EACVC,WAAY,KACZC,cAAe,EACfjG,iBAAkB,EAClBkG,gBAAiB,CAChBC,WAAW,EACXC,UAAU,EACVC,SAAU,GAEXC,oBAAqB,KACrBC,kBAAmB,KACnBnG,WAAY,KACZoG,QAAS,GACTC,SAAU,GACVC,iBAAkB,GAClBC,UAAU,EACVC,mBAAmB,EACnBC,qBAAsB,GACtBC,oBAAqB,MAGtBrI,KAAKiB,OAAQ8E,EAAAA,EAAAA,KACb/F,KAAKsI,cAAgBtI,KAAKiB,MAAM+E,MAAMxF,KAEtCR,KAAKuI,MAAOnB,EAAAA,EAAAA,IAAS,CACpBoB,kBAAkB,EAClBC,YAAazI,KAAK0I,2BAAsBC,GACxCC,eAAgB5I,KAAK0I,2BAAsBC,GAC3CE,cAAe7I,KAAK0I,2BAAsBC,GAC1CG,eAAgB9I,KAAK0I,sBAAsB9F,EAAAA,YAAAA,QAC3CmG,YAAa/I,KAAK0I,2BAAsBC,GACxCK,gBAAiBhJ,KAAK0I,2BAAsBC,GAC5CM,kBAAmBjJ,KAAK0I,2BAAsBC,KAI/C3I,KAAKiI,kBAAmBiB,EAAAA,EAAAA,KAAS,KAChC,MAAMC,EAAInJ,KAAK0I,sBAAsB9F,EAAAA,YAAAA,UAC/BwG,EAAOpJ,KAAKiB,MAAM+E,MAAMiC,iBACxBD,EAAWhI,KAAKuI,KAAKE,YAAYY,MAAMC,QAAOC,IAEnD,IAAIC,EAOJ,OALCA,EADGD,EAAEE,aAAe7G,EAAAA,YAAAA,OACR2G,EAAEG,GAEFH,EAAEG,GAAGC,MAAM,KAAK,GAGtBP,EAAKQ,MAAKC,GAAOA,EAAIH,KAAOF,GAAU,IAU9C,OAPAxJ,KAAK8J,SAASX,EAAGvG,EAAAA,YAAAA,SAAsBoF,GAEvCmB,EAAEY,YAAc/J,KAAKiB,MAAM+E,MAAM+D,YAC7BZ,EAAEY,aAAeZ,EAAEa,aACtBb,EAAEY,YAAc,GAGVZ,CAAC,IAGTnJ,KAAKiK,qCACN,CAKAC,kBAAkBC,EAAqBC,GACtC,MAAMC,EAAYrK,KAAKsK,eACnBD,GACHrK,KAAKuK,qBAAqBF,GAE3BrK,KAAKwK,uBAAuBL,EAAqBE,GACjDD,GACD,CAGAK,mBAAmBL,EAAYM,GAE9B,MAAML,EAAYrK,KAAKsK,eACvB,IAAIK,EACAC,EACAtD,GACCoD,GAAiBL,GAAaA,EAAUhD,YAAcgD,EAAU/C,UACpEsD,EAAOP,EAAUhD,WACjBC,EAAW+C,EAAU/C,SACrBqD,EAAO,SAAQN,EAAUhD,cAAcgD,EAAU/C,YAEjDqD,EAAM,QAEHN,GACHrK,KAAKuK,qBAAqBF,GAG3B9E,EAAAA,IACMoF,GACJE,MAAKC,IACL,GAAmB,MAAfA,EAAIC,OAAgB,CACvB/K,KAAKiB,MAAM+J,OAAO,sBAAsB,GAGxC,IAAIC,GAAe,EACfL,GAAQtD,GACPsD,GAAQE,EAAIvC,KAAKlB,YAAcC,GAAYwD,EAAIvC,KAAKjB,WACvD2D,GAAe,GAKjBjL,KAAKiB,MAAM+J,OAAO,yBAA0BF,EAAIvC,MAE5C0C,EAEHjL,KAAKwK,uBAAuBM,EAAIvC,KAAM8B,GAGtCrK,KAAKwK,uBAAuBM,EAAIvC,UAAMI,EAExC,MACC3I,KAAKiB,MAAM+J,OAAO,sBAAsB,EACzC,IAKAE,OAAM,KACNlL,KAAKiB,MAAM+J,OAAO,sBAAsB,EAAM,IAE9CG,SAAQ,KACRf,GAAY,GAEf,CAGAG,qBAAqBF,GACpBrK,KAAKmH,WAAWE,WAAagD,EAAUhD,WACvCrH,KAAKmH,WAAWG,SAAW+C,EAAU/C,SACrCtH,KAAKmH,WAAWa,SAASoD,OAAS,EAClCpL,KAAKmH,WAAWa,SAASqD,QAAQhB,EAAUrC,UAEvCqC,EAAUpC,kBACbjI,KAAKiB,MAAM+J,OAAO,yBAA0BX,EAAUpC,kBAGvDjI,KAAKsL,kBAAkBtL,KAAKuI,KAAKE,iBAAaE,EAAW0B,EAAUtC,SACnE/H,KAAKsL,kBAAkBtL,KAAKuI,KAAKM,cAAejG,EAAAA,YAAAA,OAChD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKK,eAAgBhG,EAAAA,YAAAA,QACjD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKO,eAAgBlG,EAAAA,YAAAA,QACjD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKQ,YAAanG,EAAAA,YAAAA,KAC9C5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKS,gBAAiBpG,EAAAA,YAAAA,UAClD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKU,kBAAmBrG,EAAAA,YAAAA,UACrD,CAGA4H,uBAAuBe,EAAclB,GACpCrK,KAAKmH,WAAWE,WAAakE,EAAalE,WAC1CrH,KAAKmH,WAAWG,SAAWiE,EAAajE,SACxCtH,KAAKmH,WAAWI,WAAagE,EAAahE,WAC1CvH,KAAKmH,WAAWK,cAAgB+D,EAAa/D,cAC7CxH,KAAKmH,WAAWM,gBAAkB8D,EAAa9D,gBAC/CzH,KAAKmH,WAAWxF,WAAa4J,EAAa5J,WAC1C3B,KAAKmH,WAAWkB,oBAAsBkD,EAAalD,oBAGnDrI,KAAKiB,MAAM+J,OAAO,sBAAuBO,EAAapD,mBACtDnI,KAAKiB,MAAM+J,OAAO,oBAAqBO,EAAarD,UAEpDlI,KAAKiB,MAAM+J,OAAO,sBAAuBO,EAAahK,kBAGtDvB,KAAKiB,MAAM+J,OAAO,mBAAoBhL,KAAKmH,WAAWM,gBAAgBE,UAGtE3H,KAAKiB,MAAM+J,OAAO,uBAAwBO,EAAaC,mBAGnDxL,KAAKmH,WAAWxF,YACnB3B,KAAKiB,MAAM+J,OAAO,gBAAiBhL,KAAKmH,WAAWxF,YAIpD3B,KAAKiB,MAAM+J,OAAO,qCAAsCO,EAAaE,iCAErEzL,KAAKmH,WAAWY,QAAQqD,OAAS,EACjCpL,KAAKmH,WAAWY,QAAQsD,QAAQE,EAAaxD,SAEzCwD,EAAahE,YAChBvH,KAAKiB,MAAM+J,OAAO,WAAYO,EAAahE,YAGxCgE,EAAa1D,qBAChB7H,KAAKiB,MAAM+J,OAAO,yBAA0BO,EAAa1D,qBAGtD0D,EAAazD,mBAChB9H,KAAKiB,MAAM+J,OAAO,uBAAwBO,EAAazD,mBAGxD9H,KAAKiB,MAAM+J,OAAO,kBAAmBO,EAAaG,cAClD1L,KAAKiB,MAAM+J,OAAO,2BAA4BO,EAAaI,uBAEvDJ,EAAatD,mBAChBjI,KAAKmH,WAAWc,iBAAiBmD,OAAS,EAC1CpL,KAAKmH,WAAWc,iBAAiBoD,QAAQE,EAAatD,kBACtDjI,KAAKiB,MAAM+J,OAAO,yBAA0BO,EAAatD,mBAG1DjI,KAAKmH,WAAWa,SAASoD,OAAS,EAC9BG,EAAavD,SAChBhI,KAAKmH,WAAWa,SAASqD,QAAQE,EAAavD,UAE1CqC,GACHrK,KAAKmH,WAAWa,SAASqD,QAAQhB,EAAUrC,UAK7ChI,KAAK4L,cAAc5L,KAAKmH,YAGxB0E,YAAW,KACV7L,KAAKiB,MAAM+J,OAAO,mBAAmB,GACrChL,KAAKiB,MAAM+J,OAAO,kBAAkB,EAAK,GACvC,KAGHhL,KAAKsL,kBAAkBtL,KAAKuI,KAAKE,iBAAaE,EAAW3I,KAAKmH,WAAWY,SACzE/H,KAAKsL,kBAAkBtL,KAAKuI,KAAKM,cAAejG,EAAAA,YAAAA,OAChD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKK,eAAgBhG,EAAAA,YAAAA,QACjD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKO,eAAgBlG,EAAAA,YAAAA,QACjD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKQ,YAAanG,EAAAA,YAAAA,KAC9C5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKS,gBAAiBpG,EAAAA,YAAAA,UAClD5C,KAAKsL,kBAAkBtL,KAAKuI,KAAKU,kBAAmBrG,EAAAA,YAAAA,WAGpD,MAAMkJ,EAAgB,CACrB,CACChL,KAAM8B,EAAAA,YAAAA,SACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,MACNmJ,MAAO/L,KAAKuI,KAAKM,cAAcmD,YAEhC,CACClL,KAAM8B,EAAAA,YAAAA,OACNmJ,MAAO/L,KAAKuI,KAAKK,eAAeoD,YAEjC,CACClL,KAAM8B,EAAAA,YAAAA,OACNmJ,MAAO/L,KAAKuI,KAAKO,eAAekD,YAEjC,CACClL,KAAM8B,EAAAA,YAAAA,IACNmJ,MAAO/L,KAAKuI,KAAKQ,YAAYiD,YAE9B,CACClL,KAAM8B,EAAAA,YAAAA,SACNmJ,MAAO/L,KAAKuI,KAAKS,gBAAgBgD,YAElC,CACClL,KAAM8B,EAAAA,YAAAA,UACNmJ,MAAO/L,KAAKuI,KAAKU,kBAAkB+C,aAIrChM,KAAKiB,MAAM+J,OAAO,mBAAoBc,GAGtC9L,KAAKmH,WAAWiB,qBAAqBgD,OAAS,EAC9CpL,KAAKmH,WAAWiB,qBAAqBiD,QAAQE,EAAanD,sBAC1DpI,KAAKiB,MAAM+J,OAAO,gCAAiChL,KAAKmH,WAAWiB,qBACpE,CAEAkC,eACC,IACC,MAAM2B,EAAIC,KAAKC,MAAMC,aAAaC,QAAQ,iBAC1C,OAAIJ,GACCA,EAAE5D,qBACLrI,KAAKiB,MAAM+J,OAAO,yBAA0BiB,EAAE5D,qBAGxC4D,GAEA,IAKT,CAHE,MAAOK,GACRF,aAAaG,WAAW,gBACxBpL,QAAQkF,MAAMiG,EACf,CACA,OAAO,IACR,CAEAV,cAAcvB,GACb,IAEKA,EAAUhC,qBACbrI,KAAKiB,MAAM+J,OAAO,yBAA0BX,EAAUhC,qBAIvD,MAAMkB,EAAI2C,KAAKM,UAAUnC,GACzB+B,aAAaK,QAAQ,eAAgBlD,EAItC,CAHE,MAAO+C,GACRF,aAAaG,WAAW,gBACxBpL,QAAQkF,MAAMiG,EACf,CACD,CAEAI,kBACCN,aAAaG,WAAW,eACzB,CAGAjB,kBAAkBqB,EAAe7L,EAAMiH,GACtC,IAAIC,EACJ,GAAIlH,EAEFkH,EADGlH,GAAQA,IAAS8B,EAAAA,YAAAA,SACT5C,KAAKmH,WAAWa,SAASsB,QAAOsD,GAAWA,EAAQC,UACpD/L,GAAQA,IAAS8B,EAAAA,YAAAA,UAChB5C,KAAKmH,WAAWa,SAASsB,QAAOsD,GAAWA,EAAQE,4BAEnD9M,KAAKmH,WAAWa,SAASsB,QAAOsD,GAAWA,EAAQnD,aAAe3I,QAExE,CAENkH,EAAW,GACX,IAAI+E,EAAY,EAChB,IAAK,MAAMxD,KAAKvJ,KAAKmH,WAAWa,SAC3BuB,EAAEE,aAAe7G,EAAAA,YAAAA,OACpBoF,EAASqD,KAAK9B,GAEVxB,GAAWA,EAAQqD,OAAS2B,IAC3BhF,EAAQgF,GAAWC,UACtBhF,EAASqD,KAAK9B,GAEfwD,IAIJ,CAEA/M,KAAK8J,SAAS6C,EAAe7L,EAAMkH,EACpC,CAEA8B,SAAS6C,EAAe7L,EAAMkH,GAC7B2E,EAAc7L,KAAOA,EACrB6L,EAActD,MAAM+B,OAAS,EAC7BuB,EAActD,MAAMgC,QAAQrD,GAE5B2E,EAAcX,WAAahE,EAASoD,OACpCuB,EAAc3C,WAAaiD,KAAKC,KAAKlF,EAASoD,OAASuB,EAAcQ,SACrER,EAAc5C,YAAc,EAGxBjJ,GAAQA,GAAQ8B,EAAAA,YAAAA,QACnB5C,KAAKoN,qBAAqBT,EAE5B,CAGAS,qBAAqBT,GACpB,IAAK,IAAIU,EAAI,EAAGA,EAAIV,EAActD,MAAM+B,OAAQiC,IAAK,CACpD,MAAMC,EAAOX,EAActD,MAAMgE,GAC3BE,EAAS,CAAEP,UAAU,EAAOQ,YAAa,EAAKC,aAAc,GAElE,GAAIzN,KAAKmH,WAAWY,QAAQqD,OAASiC,EAAG,CACvC,MAAMK,EAAe1N,KAAKmH,WAAWY,QAAQsF,GAE7CE,EAAOI,aAAeD,EAAaC,aACnCJ,EAAOP,SAAWU,EAAaV,SAE3BO,EAAOP,UACVO,EAAOK,mBAAqBF,EAAaG,KACzCN,EAAOE,aAAe,EACtBF,EAAOC,YAAc,IAErBD,EAAOK,mBAAqB5N,KAAKmH,WAAWK,cAC5C+F,EAAOE,aAAeC,EAAaC,aAAeJ,EAAOK,mBACzDL,EAAOC,YAAcxN,KAAKmH,WAAWK,cAAgBkG,EAAaC,aAGpE,CACAL,EAAKC,OAASA,CACf,CACD,CAGAO,qBAAqBD,GACpB7N,KAAKmH,WAAWK,eAAiBqG,EACjC,IAAIE,GAAW,EACf,IAAK,IAAIV,EAAI,EAAGA,EAAIrN,KAAKmH,WAAWY,QAAQqD,OAAQiC,IAAK,CACxD,MAAMW,EAAIhO,KAAKmH,WAAWY,QAAQsF,GAClC,IAAKW,EAAEhB,SAAU,CAChB,MAAMiB,EAAUD,EAAEH,KAAOA,EACzB,GAAII,EAAUD,EAAEL,aAAc,CAC7BK,EAAEH,KAAOI,EACT,KACD,CAAO,GAAIA,GAAWD,EAAEL,aAAc,CACrCK,EAAEH,KAAOI,EACTD,EAAEhB,UAAW,EACbe,GAAW,EACX,KACD,CAAO,GAAIE,EAAUD,EAAEL,aAAc,CAKpC,GAJAK,EAAEH,KAAOG,EAAEL,aACXK,EAAEhB,UAAW,EACbe,GAAW,EAEPV,EAAI,EAAIrN,KAAKmH,WAAWY,QAAQqD,OAAQ,CAC3C,MAAM8C,EAAalO,KAAKmH,WAAWY,QAAQsF,EAAI,GAC/Ca,EAAWL,KAAO7N,KAAKmH,WAAWK,aACnC,CACA,KACD,CACD,CACD,CAGIuG,GACH/N,KAAKyK,oBAAmB,SAAU,GAGnCzK,KAAKoN,qBAAqBpN,KAAKuI,KAAKO,eACrC,CAKAqF,8BACC,IACC,MAAMlC,EAAIC,KAAKC,MAAMC,aAAaC,QAAQ,2BAC1C,OAAOJ,GAAQ,IAIhB,CAHE,MAAOK,GACRF,aAAaG,WAAW,0BACxBpL,QAAQkF,MAAMiG,EACf,CACA,OAAO,IACR,CAKA8B,6BAA6BC,GAC5BjC,aAAaK,QAAQ,yBAA0BP,KAAKM,UAAU6B,GAC/D,CAKApE,sCACC,MAAMoE,EAAMrO,KAAKmO,8BACbE,GACHrO,KAAKiB,MAAM+J,OAAO,8BAA+BqD,EAEnD,CAQAC,gBAAgBxN,GACf,IAAKA,EACJ,OAID,MAAMyN,GAAK,IAAIC,MAAOC,UAChBC,EAAW,GACjB,IAAK,MAAMC,KAAY3O,KAAKiB,MAAM2N,QAAQC,eAAgB,CACzD,MAAMtF,EAAIuF,OAAOC,OAAO,CAAC,EAAGJ,GACxBpF,EAAEzI,MAAQA,IACbyI,EAAEgF,GAAKA,GAERG,EAASrD,KAAK9B,EACf,CAEAvJ,KAAKiB,MAAM+J,OAAO,8BAA+B0D,GAGjD,IAAIL,EAAMrO,KAAKmO,8BACVE,IACJA,EAAM,IAGP,IAAIW,EAAIX,EAAIY,MAAKD,GAAKA,EAAElO,MAAQA,IAC3BkO,EAIJA,EAAET,GAAKA,GAHPS,EAAI,CAAElO,KAAMA,EAAMyN,GAAIA,GACtBF,EAAIhD,KAAK2D,IAKVhP,KAAKoO,6BAA6BC,EACnC,CAEA3F,sBAAsB5H,GACrB,OAAIA,GAAQA,IAAS8B,EAAAA,YAAAA,OACb,CACNoH,WAAY,EACZgC,WAAY,EACZmB,QAA+B,MAAtBnN,KAAKsI,cAAwB,EAAI,EAC1CyB,YAAa,EACbjJ,KAAMA,EACNuI,MAAO,IAIF,CACNW,WAAY,EACZgC,WAAY,EACZmB,QAA+B,MAAtBnN,KAAKsI,cAAwB,EAAI,EAC1CyB,YAAa,EACbjJ,KAAMA,EACNuI,MAAO,GAET,CAEA6F,YAAY3G,GACX,MAAMoC,EAAO,sBAAqBpC,EAAKmB,MAAMnB,EAAKkB,cAClDlE,EAAAA,KAAWoF,GAAKE,MAAK,KACpB7K,KAAKiB,MAAM+J,OAAO,qBAAsBzC,EAAK,GAE/C,CAEA4G,eAAe5G,GACd,MAAMoC,EAAO,sBAAqBpC,EAAKmB,MAAMnB,EAAKkB,cAClDlE,EAAAA,UAAaoF,GAAKE,MAAK,KACtB7K,KAAKiB,MAAM+J,OAAO,wBAAyBzC,EAAK,GAElD,EC5iBD,MAAM6G,EAOLlI,YAAYmI,IAAQ,0DACnBrP,KAAKqP,OAASA,EACdrP,KAAKiB,OAAQ8E,EAAAA,EAAAA,IACd,CAIAuJ,YAAYlF,EAAYwC,GACvB,MAAM2C,EAAS,CACdC,oBAAoB,EACpB/H,gBAAiB,CAChBC,WAAW,EACXC,UAAU,EACVC,SAAU,IAKZ,IAAI+C,EAAM,mBACV,MAAM8E,EACL7C,GAAWA,EAAQnD,aAAe7G,EAAAA,YAAAA,KAAmBgK,EAAQ8C,IAAIC,aAAeC,EAAAA,eAAAA,QAC7EH,IACH9E,GAAQ,cAAaiC,EAAQlD,MAG9BnE,EAAAA,IACMoF,GACJE,MAAKC,IACL,GAAmB,MAAfA,EAAIC,OAAgB,CAEvB,MAAM5C,EAAoB2C,EAAIvC,KAAKJ,kBAInC,IAAKA,EAAmB,CACvB,IAAI8C,GAAe,EACnB,MAAMZ,EAAYrK,KAAKqP,OAAO/E,eAU9B,GATID,GAAaA,EAAUhD,YAAcgD,EAAU/C,UAEjD+C,EAAUhD,YAAcyD,EAAIvC,KAAKlB,YACjCgD,EAAU/C,UAAYwD,EAAIvC,KAAKjB,WAE/B2D,GAAe,GAIZA,EAIE,CAEN,IAAIzC,EAAmBsC,EAAIvC,KAAKL,SAG5BuH,IAAuB3E,EAAIvC,KAAKsH,wBACnCrH,GAAmB,GAGpBxI,KAAKiB,MAAM+J,OAAO,sBAAuB7C,GACzCnI,KAAKiB,MAAM+J,OAAO,oBAAqBxC,EACxC,MAdCxI,KAAKqP,OAAO3C,kBACZ6C,EAAOC,oBAAqB,CAc9B,CAGAD,EAAO9H,gBAAkBqD,EAAIvC,KAAKd,gBAClCzH,KAAKiB,MAAM+J,OAAO,mBAAoBuE,EAAO9H,gBAAgBE,SAC9D,MACC3H,KAAKiB,MAAM+J,OAAO,sBAAsB,EACzC,IAEAE,OAAM,KACNlL,KAAKiB,MAAM+J,OAAO,sBAAsB,EAAM,IAE9CG,SAAQ,KACJf,GACHA,EAAWmF,EACZ,GAEH,CAEAO,oBAAoB1F,GACnByB,YAAW,KACV7L,KAAKsP,YAAYlF,EAAW,GAC1B,IACJ,EC3FD,MAAM2F,EAAa9N,IAClB,MAAM4L,EAAOmC,OAAO/N,GAEpB,OACQJ,EADJgM,GAAQ,IACI,KAEZA,EAAO,KAAOA,GAAQ,KACV,KAEZA,EAAO,MAAQA,GAAQ,KACX,KAEZA,EAAO,MAAQA,GAAQ,OAGvBA,EAAO,MAFK,KAMD,KAA8B,EAGxCoC,EAAsBrD,IAC3B,IAAKA,EAAQsD,MACZ,MAAO,iFAGR,MAAMjP,GAAQ8E,EAAAA,EAAAA,KACd,OAAI6G,EAAQnD,aAAe7G,EAAAA,YAAAA,QACnBuN,EAAAA,EAAAA,MAA8B,IAAMvD,EAAQsD,OAE5CE,EAAAA,EAAAA,IAA0BnP,EAAM+E,MAAMqK,WAAa,IAAMzD,EAAQsD,KACzE,EAGKI,EAAsB1D,IAC3B,MAAM3L,GAAQ8E,EAAAA,EAAAA,KACd,OAAI6G,EAAQnD,aAAe7G,EAAAA,YAAAA,QACnBuN,EAAAA,EAAAA,MAA8B,IAAMvD,EAAQ2D,OAE5CH,EAAAA,EAAAA,IAA0BnP,EAAM+E,MAAMqK,WAAa,IAAMzD,EAAQ2D,KACzE,EAGKC,EAA8B5D,IACnC,MAAM3L,GAAQ8E,EAAAA,EAAAA,KACd,OAAI6G,EAAQnD,aAAe7G,EAAAA,YAAAA,QACnBuN,EAAAA,EAAAA,MAA8B,IAAMvD,EAAQ6D,eAE5CL,EAAAA,EAAAA,IAA0BnP,EAAM+E,MAAMqK,WAAa,IAAMzD,EAAQ6D,aACzE,EAGKC,EAAW,CAACC,EAAWC,KAC5B,MAAMC,EAAU,CAAEF,UAAWA,EAAWC,UAAWA,GACnDrL,EAAAA,KAAW,cAAesL,GAAS3F,OAAMoB,IACxCnL,QAAQkF,MAAMiG,EAAI,GACjB,EC5DGwE,EAAkBC,IACvB9P,EAAAA,EAAAA,OAAa,wBAAyB8P,EAAI,ECK3C,MAAMC,EA4BL9J,eAAc,4OACblH,KAAKiB,OAAQ8E,EAAAA,EAAAA,KAEb/F,KAAKsE,eAAgB8C,EAAAA,EAAAA,IAAS,CAC7BsC,GAAI,KACJD,YAAa,KACbnK,KAAM,KACN2R,IAAK,KACLpD,KAAM,EACN0C,MAAO,KACP1D,SAAS,IAGV7M,KAAKkR,iBAAkB,EACvBlR,KAAKmR,eAAiB,EACvB,CAGAC,YAAYtM,EAAesF,EAAYiH,GACtC,MAAMC,EAAOtR,KACPuJ,EAAIvJ,KAAKsE,cAETuM,EAAU,CACfrH,UAAWD,EAAEG,GACbD,YAAaF,EAAEE,YACf8H,YAAahI,EAAEjK,KACfkS,iBAAkBxR,KAAKiB,MAAM+E,MAAMwL,iBACnCC,gBAAiBlI,EAAEuD,0BAA4BvD,EAAEkI,gBAAkB,MAIhElI,EAAEE,aAAe7G,EAAAA,YAAAA,MACpBiO,EAAQnB,IAAM,CAAEgC,KAAMnI,EAAEmG,IAAIgC,OAG7BJ,EAAKlH,WAAaA,EAIlB1K,OAAOiS,OAAOC,IAAI/D,KAAKgE,uBAAsB,SAAUC,GAGnB,gBAA/BA,EAAkBC,WAEVT,EAAKJ,kBAKjBI,EAAKJ,iBAAkB,EACvBI,EAAKD,WAAaA,EAIbC,EAAKH,eAAea,SAASF,EAAkBG,iBAEnDX,EAAKY,2BAELZ,EAAKH,eAAe9F,KAAKyG,EAAkBG,eAC3CpB,EAAQsB,gBAAkBL,EAE1BR,EAAKc,uBAAuBvB,IAI9B,IAEAnR,OAAOiS,OAAOC,IAAI/D,KAAKwE,wBAAuB,WAE7Cf,EAAKJ,iBAAkB,EACvBI,EAAKY,0BACN,IAGKZ,EAAKrQ,MAAM+E,MAAMsM,SAMlBhB,EAAKrQ,MAAM+E,MAAMuM,eAEVzN,GAEU,GAAVyE,EAAEsE,KAHZyD,EAAKc,uBAAuBvB,GAMxBS,EAAKrQ,MAAM+E,MAAMzE,kBAAoBgI,EAAEsE,MAC1CyD,EAAKrQ,MAAM+J,OAAO,sBAAuBsG,EAAKrQ,MAAM+E,MAAMzE,iBAAmBgI,EAAEsE,MAC/EyD,EAAKc,uBAAuBvB,KAE5BH,EAAS,yBAA0BG,GACnCS,EAAKJ,iBAAkB,EACvBI,EAAKkB,0BACL9S,OAAOiS,OAAOC,IAAI/D,KAAK4E,QAAQlJ,EAAE0H,MAGpC,CAGAmB,uBAAuBvB,GAEtB,GAAIA,EAAQpH,aAAe7G,EAAAA,YAAAA,OAAoB,CAC9C,MAAM8G,EAAKmH,EAAQrH,UAAUkJ,UAAU7B,EAAQrH,UAAUmJ,YAAY,KAAO,EAAG9B,EAAQrH,UAAU4B,QAC3FwH,EAAM5S,KAAKiB,MAAM+E,MAAMwF,kBAEzBoH,GAAOC,EAAAA,kBAAAA,MACVhC,EAAQrH,UAAY,iBAAmBE,EAC7BkJ,GAAOC,EAAAA,kBAAAA,OACjBhC,EAAQrH,UAAY,kBAAoBE,EAC9BkJ,GAAOC,EAAAA,kBAAAA,QACjBhC,EAAQrH,UAAY,iBAAmBE,EAEzC,CAEAnE,EAAAA,KACO,gBAAiBsL,GACtBhG,MAAKC,IACc,MAAfA,EAAIC,QACP/K,KAAKiB,MAAM+J,OAAO,sBAAsB,GACxChL,KAAKoK,aACDpK,KAAKqR,YACRrR,KAAKqR,cAGNrR,KAAKiB,MAAM+J,OAAO,sBAAsB,EACzC,IAEAE,OAAM7E,IACNrG,KAAKiB,MAAM+J,OAAO,sBAAsB,GAGxC,MAAMzC,EAAOlC,EAAMU,SAASwB,KACxBA,EAAKuK,UACRhC,EAAgBvI,EAAKlC,MACtB,GAEH,CAEAmM,0BACC,MAAMlB,EAAOtR,KAETsR,EAAKyB,IACRzB,EAAKY,2BAINZ,EAAKyB,GAAK,IAAIC,WAAUC,EAAAA,EAAAA,MAAoB,aAAYjT,KAAKiB,MAAM+E,MAAMkN,mBAGzErH,YAAW,KACVyF,EAAKY,0BAA0B,GAC7B,KAEHZ,EAAKyB,GAAGI,UAAY,SAAUC,GAC7B,MAAMvC,EAAU3E,KAAKC,MAAMiH,EAAM7K,MAI5B+I,EAAKH,eAAea,SAASnB,EAAQwC,YAAY3J,MAErD4H,EAAKH,eAAe9F,KAAKwF,EAAQwC,YAAY3J,IAC7C4H,EAAKD,aACLC,EAAKlH,cAKNkH,EAAKY,0BACN,EAEAZ,EAAKyB,GAAGO,OAAS,OAIjBhC,EAAKyB,GAAGQ,QAAU,OAIlBjC,EAAKyB,GAAGS,QAAU,SAAUJ,GAC3BjS,QAAQkF,MAAM,qBACdlF,QAAQkF,MAAM6F,KAAKM,UAAU4G,EAAO,KAAM,IAC1C9B,EAAKY,0BACN,CACD,CAEAA,2BACKlS,KAAK+S,IAA4B,GAAtB/S,KAAK+S,GAAGU,YACtBzT,KAAK+S,GAAGW,QAET1T,KAAK+S,QAAKpK,CACX,E,kCCnO+OpI,EAAM,W,IAAC,OAAe,aAAC,OAAMoT,EAAI5T,MAAI6T,CAAgC,YAAU,U,CAAqB,OAAZC,EAAG,MAAS,oE,YAAY,Y,MAAa,C,aAAaD,KAAoE,EAAE3T,GAAG,cAAQ,c,OAAM,EAAC6T,EAAAA,EAAK,CAA2DvT,IAAK,EAAC,K,YAAW,O,MAAC,CAAW,8D,CAAK,MAAQ,C,MAAiB,IAAWgC,EAAAA,WAAeuR,yBAAM,U,MAAA,CAAC,SAAKC,MAAQ,IAA+BxT,GAAAA,CAAO,MAAMsB,SAAS,GAAiC,OAAMkS,EAAIzU,QAAAA,OAAAA,EAAI,IAA0Ea,CAAAA,EAAAA,KAAY,SAAc,YAAa,OAAEI,MAAM,CAAC,IAAM,QAAK,mBAAC,IAAO,EAAC,QAAWR,EAAIyB,KAAOC,EAAG1B,GAAIiU,IAAMC,EAAAA,GAAAA,EAAW,MAAO,KAAGlU,EAAIU,WAAY,UAAG,YAAQ,eAAON,CAAAA,EAAAA,EAAAA,EAAY,CAAgB,MAAC,CAAC,UAAiC,gBAAwBA,CAAAA,EAAAA,GAAW,EAAC,WAAW,mC,IAACI,IAAM,U,YAAY,c,GAAI,CAAmB,WAAa,sBAAoB,QAAC2B,YAAG,Y,MAAC,CAA4B,aAACgS,gBAAkB,GAAGL,GAAI,SAAOM,eAAG,G,WAA+D3S,EAAGzB,QAAOA,Q,YAAqC,OAAK,IAAC,OAAC8T,GAAG,WAAU,MAAC,OAAU,CAAC,YAAW,cAAU1T,CAAAA,EAAAA,GAAAA,EAAY,8B,EAA4D,OAAC,GAACiU,CAAY,IAAC,OAACC,GAAK,WAAEpS,MAAOlC,CAAG,EAACuC,EAAAA,EAAAA,CAAYgS,YAAS,eAAmB,CAAChS,EAAAA,GAAAA,EAAU,GAACiS,EAAG,4BAAEvS,OAAAA,KAAyB,MAAO,CAAsC,MAAS,EAAC,WAAgB6R,SAAS,YAACK,EAAAA,WAAkB,C,aAAoB,e,KAAmBM,EAAAA,YAAAA,SAAAA,EAAAA,G,OAAS,O,IAAC,E,YAAoBrU,EAAW,GAAC,E,IAAYC,U,GAA2EG,UAAM,O,EAAC,O,UAAgB,GAAO,IAACiU,CAAM,wBAAE,MAAOC,CAAAA,EAAS,yBAAM,2BAACtU,MAAAA,CAAmBI,MAAM,I,GAAiD,CAAc,UAAgD,iBAAI,YAAS,OAAG,OAAS,IAAM,2BAACJ,IAAY,UAAmB,EAAY,KAAKoC,EAAAA,GAAQmS,IAAAA,EAAAA,GAAAA,EAAAA,MAAAA,OAAS,IAAQ,UAE9lE,IAAItV,GAAAA,EAAAA,MAAgB,CAEpB,YAAiBA,e,2DCqEjB,GACAE,KAAAA,gBACAsB,MAAAA,CACAmT,IAAAA,CACAjT,KAAAA,OACAC,QAAAA,IAGAxB,MAAAA,EAAAA,GACA,oBACA,YAEA,+BAEA,4CAEAoV,EAAAA,EAAAA,KACA,YACAC,IACAtS,EAAAA,MAAAA,EACAC,EAAAA,OAAAA,EAAAA,IAIA,SACAC,OAAAA,SAAAA,IACA,YACAF,EAAAA,MAAAA,GAEAF,EAAAA,KAAAA,SAAAA,EAAAA,MACA,EACAyS,SAAAA,WACA,yDACAC,EAAAA,OACA,EACAJ,UAAAA,WACA,0DACAI,EAAAA,OACA,GAGA,OACAtU,OACA8B,aAEAsR,aACArR,UACAyR,MAAAA,CACAe,eAAAA,EAAAA,IACAC,gBAAAA,EAAAA,IACAf,YAAAA,EAAAA,KAGA,GC9HwQ,ICQpQ,GAAY,OACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIF,EAAe,EAAiB,Q,UCnBkE1T,EAAM,W,IAAC,OAAe,aAAC,OAAM,MAAQ,CAACA,YAAM,O,MAAC,CAAW,kBAAcuB,CAAAA,EAAAA,EAAAA,EAAU,C,MAAO,CAAiBC,KAAO,O,CAAoDC,EAAAA,MAAU,CAAuB,WAAE,EAAC7B,IAAAA,EAAAA,EAAyCF,KAAG,gBAAOE,QAAW,kBAAgE,MAAC,uBAAC,WAAW,yBAAwB,YAAW,4BAACA,CAAAA,EAAAA,MAAW,CAAmB,YAAW,6DAACA,GAAAA,CAAqC,MAAK8U,EAAAA,QAAaR,gBAAuClU,CAAAA,EAAK,MAAC,C,YAAOsB,mB,CAAoD,QAAM,CAAU,mCAAG,CAAC9B,EAAIU,aAAUwU,KAAmJlV,EAAIU,KAAvJwU,EAAaR,MAAMxU,CAAUE,YAAY,WAAOI,MAAM,CAAC,IAAMsB,EAAAA,KAAAA,CAAS,cAAqBoT,EAAAA,aAAyB,IAAMlV,cAAkCE,EAAG,aAAO,cAACE,YAAY,OAA4CC,MAAML,CAA4DA,IAAOA,EAAAA,KAAAA,CAAOA,KAAiBT,EAAM,aAAU,YAAOa,IAAAA,EAAY,qBAA+BI,EAAM,e,YAAS,4CAAS,MAAC,qDAAC2B,CAAE,EAAC,6C,YAAS,iB,GAAiB,IAAOnC,C,MAA2B,CAAC,iBAA+DI,GAAAA,CAAuC+U,MAAO,YAAEC,OAAS,EAAEpV,QAAIc,eAA6B,IAA2C,MAAS,EAAC,GAAK,EAAC,wC,YAAUiT,2B,MAAM3T,CAAuD+B,UAAG,6B,KAA0B,cAAkB,SAACkT,G,OAAwB,SAAC,YAAE,YAAY,2CAAYjV,GAAAA,CAAmBI,MAAM,YAAC,OAAMsB,EAAAA,QAAS,aAAiByL,EAAKmH,MAAY,IAAkB,GAAKhU,KAAO6M,EAAAA,MAAU,CAA0CnN,YAAY,OAAWI,MAAM,CAAC,IAAMsB,EAAAA,KAAAA,CAAS,mBAA2C,IAAMyL,EAAKhO,QAAQS,EAAIU,MAAKR,EAAG,MAAO,kCAACE,YAAY,WAA4CC,MAAMkN,CAAgDvN,IAAOA,EAAAA,KAAAA,CAAOuN,cAAe,eAAK,IAAM,EAAE,QAE/8DlO,EAAAA,KAAe,EAAG,OAAE,CAExB,YAAiBA,4C,2FCoLjB,IACAE,KAAAA,gBACAsB,MAAAA,CACAmT,IAAAA,CACAjT,KAAAA,OACAC,QAAAA,IAGAxB,MAAAA,EAAAA,GACA,oBACA,eACA,YAEA,+BACA,gCACA,mCAEA,iBACA,sCASA,sBACA,iBACA+N,EAAAA,KAAAA,kBAEA,iBACAA,EAAAA,KAAAA,wBAEA,uBACAA,EAAAA,KAAAA,gBAGA,MAAAwG,WACA,IAGA,gBACA,oBAGAa,EAAAA,EAAAA,KACA,YACAC,IACAtS,EAAAA,MAAAA,EACAC,EAAAA,OAAAA,EAAAA,IAIA,SACA8S,UACAxJ,YAAAA,KACA,mDACA,MACA,mDACAyJ,EAAAA,MAAAA,SAAAA,OAAAA,WAAAA,GAAAA,IAEA,IACA,EACA,EACAC,WAAAA,WACA,8DACAC,EAAAA,MAAAA,QAAAA,UAAAA,EAAAA,MAAAA,QAAAA,OAAAA,QACAC,EAAAA,OAAAA,EAAAA,KACA,EACAC,aAAAA,SAAAA,GACA,8DACA,IACAF,EAAAA,MAAAA,QAAAA,OACAC,EAAAA,OAAAA,EAEA,EACAE,cAAAA,SAAAA,GACA,GACApT,EAAAA,YAEA,EACA6S,aAAAA,SAAAA,GACA9S,EAAAA,MAAAA,EACAC,EAAAA,aAEAA,EAAAA,OAAAA,EACA,EACAC,OAAAA,SAAAA,GAIA,gBACAJ,EAAAA,KAAAA,SAAAA,EAAAA,MAEA,EACAyS,SAAAA,WACA,yDACAC,EAAAA,OACA,EACAJ,UAAAA,WACA,0DACAI,EAAAA,OACA,GAGA,OACAG,eACAQ,WAEApV,QACAG,OACAK,WACAyB,aAEAsR,aACArR,UACAyR,MAAAA,CACAe,eAAAA,EAAAA,IACAC,gBAAAA,EAAAA,IACAY,eAAAA,EAAAA,GACA3B,YAAAA,EAAAA,KAGA,GCpTkR,MCQ9Q,IAAY,OACd,GACA,EACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnB+C9T,GAAAA,W,IAAmBI,EAAM,K,EAAC,QAAY,G,OAAG,OAAE,YAAY,OAAEA,MAAM,CAAC,aAAO,KAAO,CAACN,EAAG,IAAM,CAAEiC,MAAG,CAAC,KAAQ,O,CAA0C,UAAC,IAAIjC,OAAS,YAACE,EAAW,gBAAyBI,IAAuB,UAAE,YAAa,wBAAEJ,MAAAA,CAA0BI,GAAM,cAAkB,QAAE,YAAakB,cAAoCK,MAAAA,CAAaxC,MAAK,Y,CAA0B2C,EAAAA,GAAOlC,EAAIiD,GAAAA,EAAAA,MAAY,sB,WAAW,EAAgB,aAAC6S,QAAI,UAAQ1V,MAAAA,EAAY,YAAcI,WAAM,gB,IAAgB,QAA+B,YAAC,cAACmB,MAAAA,CAAU,KAAO,QAAmB,+B,SAAY,CAAmB,QAAW3B,a,GAA2C,C,MAAsCiD,EAAAA,cAA+B,SAAM8S,EAAQ,aAAC,mBAAS9S,EAAAA,OAAe,YAAW7C,EAAAA,YAAY,eAAyBI,EAAK,EAAC,aAAmB,qBAAC2B,YAAG,yB,MAAC,CAAuB,iBACp6B,IACG9C,MAAAA,EAAe,c,uDCyCnB,IACAwB,MAAAA,CACAmV,MAAAA,CACAjV,KAAAA,QACAC,SAAAA,IAGAxB,MAAAA,EAAAA,GACA,qBAGA,IAFA,WAEA,UACA,gBACA,mBAGA,aACAyW,EAAAA,MAAAA,OAAAA,aAEArB,EAAAA,EAAAA,KACA,cACAC,IACA,IACA5R,EAAAA,MAAAA,KACA,IAIA,YACAoQ,EAAAA,iBACA,6CAMA,GALA6C,EAAAA,UAAAA,OAAAA,WAKA,SACA,4BAEA,iDACA,gDACA,GACAvW,OAAAA,SAAAA,CACAwW,IAAAA,OACAC,SAAAA,UASA,CACA,GAGA,MACA,6CACAF,EAAAA,UAAAA,OAAAA,WAEA,uCAEA,EAIA,OACA7T,EAAAA,KAAAA,WAAAA,EAAAA,MAAAA,EAGA,OACAY,EAAAA,MAAAA,GACA8S,GAAAA,EAGA,OACAE,SACAnV,WACAuV,eACAC,gBACArT,cACA8S,WACAQ,cACAtC,MAAAA,CACAuC,OAAAA,EAAAA,IACA7C,MAAAA,EAAAA,KAGA,GCpI2Q,MCQvQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnBwIvT,GAAAA,WAAyB,IAAIJ,EAAIwI,KAAmDpI,EAAAA,EAAAA,MAAY,G,OAAsD,EAAE,uEAAqnB,OAArnB,S,YAAa,eAAc,mCAA0lB,UAA1lB,UAAG,YAAW,iDAACI,MAAM,CAAC,OAAMsB,EAAAA,eAAkD,CAAC9B,EAAG,MAAM,CAAWI,MAAAA,CAAwDF,IAAG,EAAM,QAAQ,KAAM4B,GAAAA,EAAO,MAAE,CAA0C,uDAAG,CAAC5B,EAAG,OAAUE,MAAAA,CAAmBI,IAAM,+BAAgB,OAAE,YAAakB,OAAqClB,MAAM,CAAC,MAAMsB,UAAgD,GAAI,GAAE,EAAE9B,GAAIyW,EAAI,oBAAkBzW,EAAG,MAACgD,CAA2H5C,MAAAA,CAAmBI,IAAM,YAAgB,+GAAE,YAAY,OAAEJ,MAAAA,CAA+BC,aAAe,K,CAAkC,MAAO,CAAI,+BAAE,MAAK,CAAI,OAAD,EAAC,oBAACD,MAAAA,CAAgDJ,KAAO,OAAsF,CAACA,EAAG,IAAIA,CAAmG,YAAU,mC,CAAS8T,EAAG,GAAGnK,gDAAE,U,YAAY,e,CAAwBtJ,EAAAA,GAAML,EAAIS,GAAAA,EAAI,qBAAmB,4D,OAAM,EAAC,K,IAAC,KAAiC,mCAAE,MAAoB,OAAf,QAAgB,OAACD,MAAM,CAAC,KAAS,OAAFmJ,EAAE,YAAa,oBAACxH,MAAG,CAAC,QAA2C,WAAU,GAAG,CAAyE/B,eAAY,UAAe,mBAAQ,E,KAAe,0DAAE,YAAa6H,gBAAsB,MAAO/H,CAAY4T,aAAQ,K,EAAyBtT,GAAK,EAAC,sB,OAAC,EAAM,IAAKC,CAAqB,SAAE,YAAK,YAAcD,MAAM,CAAC,KAAS,OAAFmJ,EAAE,WAAa,iBAACxH,MAAG,CAAC,QAA4C,WAAyF,IAAI,eAAG,yBAAK,cAAOuH,EAAW,QAASA,cAA8FtJ,iBAAY,EAAe,6BAAQ,E,IAAe,gGAAE,YAAa6H,gBAAsB,MAAO/H,CAAY4T,aAAQ,K,EAAyBtT,GAAK,EAAC,sB,OAAC,EAAM,IAAKC,CAAqB,SAAE,YAAKiJ,YAAuDlJ,MAAM,CAAC,KAAS,OAAFmJ,EAAE,WAAa,oDAACxH,MAAG,CAAC,QAA4C,WAAyF,IAAI,eAAe,yBAAC3B,cAAM,wBAAC,iBAAS,+BAAa,cAAC2B,MAAG,CAAC,QAAsC,W,GAAsF,CAA+C,kCAAK,eAAG,yBAAK,cAAa,EAACnC,QAAS,cACtvF,iDACyC,E,IAAQ,GAACA,EAAIG,MAAQ,a,EAAkBC,GAAY,YAA8C,IAAGF,EAAG,KAAQE,EAAAA,EAAAA,MAAY,GAA4B,OAAM,EAAG,MAAC,CAAoCA,YAAY,gDAAe,CAACJ,EAAG,OAAI,CAAuCI,YAAY,8BAA8B,CAACJ,EAAIyB,GAAG,gCAAoCzB,CAAuBI,YAAY,eAAe,CAACJ,EAAIyB,GAAG,gBAAgB,EAAC,GAAM,KAAC,UAACrB,YAAY,8BAA8B,CAACJ,EAAIyB,GAAG,yCAA4C,KAAK,UACnkB,YAAW,eAAC,CAAIzB,EAAG,GAAC,cAAI,UAACE,YAAOC,8BAAS,GAAOD,GAAG,iD,aAAqC,IAAGA,EAAG,KAAQE,EAAAA,EAAAA,MAAY,GAA4B,OAAM,EAAG,MAAC,CACxJ,gCAEF,GAASd,OAAQD,C,4ECNbC,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,8CAA8CC,MAAML,EAAIqB,aAAe,yBAA2B,oBAAoB,CAACnB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,6BAA+B,yBAAyBnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,8BAAgC,0BAA0BnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,8BAAgC,0BAA0BnB,EAAG,MAAM,CAACG,MAAML,EAAIqB,aAAe,8BAAgC,0BAA0BnB,EAAG,IAAI,CAACE,YAAY,2CAA2C,CAACJ,EAAIyB,GAAG,gBACh5C,EACIpC,GAAkB,GCqGtB,IACAE,KAAAA,aACAsB,MAAAA,CACAQ,aAAAA,CACAN,KAAAA,QACAC,SAAAA,KC5GmQ,MCQ/P,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,Q,wBCnByD,W,IAAY,OAACmB,EAAG,W,OAAC,QAAY,C,MAA0B,CAAoC,gBAAyC,GAAI,CAAQ/B,WAAY,uBAA8BC,UAAWS,EAAAA,QAAY,YAAwBN,WAAM,2BAA8B,UAAC2B,YAAG,8B,OAAC,EAAQ,UAASkC,wB,MAAQ,CAAmC,wBAAG,GAAGrE,CAAuCI,MAAW,SAAC,GAAaI,OAAM,0BAAC,I,CAAuD,UAAM,yBAAO,yBAAG,MAAKE,CAAiBF,MAAM,KAAC,MAAa,KAAG,IAAO,WAAaN,EAAG,KAAO,EAAC,KAACG,MAAML,CAA4BQ,aAAM,GAAC,MAAO,WAAI,CAACN,EAAG,IAAK,CAAEE,MAAY,OAAZA,EAAW,MAAC,OAAqC,MAAK,CAAOA,KAAAA,I,CAAsC,QAAM0B,C,YAAgD,sCAAQ,UAAG,YAAW,mBAAE1B,MAAAA,CAA4BI,IAAM,QAAC,IAAMR,YAAoD,OAAS,C,YAAI,gBAAiB,OAAI,IAAME,EAAG,oBAAQ,WAACE,MAAW,OAAQC,QAAUI,GAAwBD,aAAM,SAAS,YAAE,YAAU,OAACJ,MAAY,OAAZA,EAAW,MAAC,OAAmC,MAAMqB,CAAyCrB,KAAAA,IAAqDA,CAAAA,EAAAA,KAAW,CAAoBI,YAAM,oC,CAAC,OAAU,+B,YAAS,gB,CAAW,OAAmB,C,YAAuB,mB,MAAG,CAA6C,OAAO,EAAC,MAAM,WAAG,gCAAI,QAAO,GAAOJ,MAAY,IAAD,EAAC,2BAA6CF,IAAG,EAAQE,IAAAA,QAA6MA,GAAAA,EAAAA,MAAY,CAA2D,YAAc,4CAAgCA,CAAAA,EAAAA,OAAY,CAAgD,YAAS,8BAA2DA,CAAAA,EAAAA,GAAAA,EAAY,KAAM,2IAACI,YAAM,4D,CAAC,UAAUgC,OAAQkU,SAAW,CAAC7J,EAAAA,SAAQW,C,YAA6B,iD,CAAK,KAAM,0DAAM,mBAAG,MAAI,CAAUpN,IAAAA,EAAY,+CAA+BJ,MAAO,KACpmE,cAGD,EAASV,SAAQD,C,gKCuEjB,IACAE,KAAAA,gBACAsB,MAAAA,CACA8I,GAAAA,OACAkD,QAAAA,QAEA8J,MAAAA,CAAAA,kBACAnX,MAAAA,EAAAA,GACA,qBACA,cAEA,YAEA,gCACA,+BAEA,gBACA,oBAGAoV,EAAAA,EAAAA,KACA,QACA,YACAgC,EAAAA,MAAAA,CACA,IAGA,SACAvT,iBACA,2BACAhB,EAAAA,KAAAA,iBAAAA,EAAAA,QAEA,EACAqU,QAAAA,GACA,WACA,EACAG,eACAC,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EACA,EACAG,iBACAD,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EAEA,mDACA,QACA,gBAEAjX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,EACAqX,WAAAA,EAAAA,EAAAA,GACA,gCACA,8BACA,4BAEA,eAEA,iCAEAC,EAFA,mBAKAC,EALA,uBAYA,mEAEA,EACAC,iBAAAA,SAAAA,EAAAA,GACAC,EAAAA,MAAAA,UAAAA,KAAAA,WAAAA,MAAAA,KAAAA,GACAA,EAAAA,MAAAA,WAAAA,gBACA,EAEAC,YAAAA,GACA,aACAP,EAAAA,OAAAA,EACA,mDACA,wBACA,gBAEAnX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,CACA,GAGA,OACAmB,WACAgW,QACAF,YACAnW,OACA6W,QACA9U,UACA+N,oBAAAA,EAEA,GC7K+Q,MCO3Q,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB4B,GAAU,W,IAAiB/P,EAAM,K,EAAC,EAAK,S,OAAY,kBAAC2B,MAAG,CAAC,gB,GAA0E,CAAuC,kCAAIjC,UAAS,sBAACE,WAAY,2BAA4GI,CAAAA,EAAK,MAAC,C,YAAM,uBAAuB,MAAC,sEAAC2B,MAAG,CAAC,kBAAiBkC,EAAO,I,GAA+E,CAAmC,kBAAC,uDAAY,EAAC,wBAACjE,I,CAA+E,QAAQ,C,YAAwBmX,+D,GAAkB,CAAsD,kBAAO,OAAN,oBAAY,EAAC,mCAAC/W,I,CAA2C,QAAM,CAAU,OAAK,IAAI,EAAK,QAAC,kBAACJ,IAAAA,gBAAmHA,EAAAA,MAAY,CAAgBC,YAAUC,4BAA6CE,CAAAA,EAAK,QAAC,qD,YAAW,gBAAE,+CAAE,MAAMiB,CAAyErB,UAAY,K,CAAc,KAAM0B,WAAQ,8BAA8B,oB,YAAS,O,MAAU,CAAS,YAAG,MAAS,KAAsD1B,IAAAA,YAA0B,EAAK,KAAC0B,EAAQ,mCAAiC,S,YAAS,O,MAAU,CAAS,YAAG,MAAS,KAAiC1B,IAAAA,YAA0B,EAAK,KAAC0B,EAAQ,yB,YAAyC,OAAU,OAAG,IAAO,EAAQ+K,MAA6CzM,IAAAA,cAA0B,EAAK,KAAC0B,EAAQ,kCAAoC,S,YAAS,O,MAAU,CAAmB,WAAG,MAAS,KAA4DtB,IAAM,sBAAuB,SAAO,kDAAI,OAAI,QAAS,EAAC,QAACJ,MAAAA,MAAiFI,EAAM,O,YAAW+P,wD,CAAiC,OAAQ,C,MAAO,CAAa,MAAS,+BAAM,aAAI,QAAO,GAAOnQ,OAAW,WAAgMA,GAAAA,EAAAA,MAAY,CAAoD,YAAW,oDAACA,CAAAA,EAAAA,GAAAA,EAAY,KAAM,8FAA0S,SAAuC,YAAS,qDAAuBA,CAAAA,EAAAA,OAAY,CAAyBC,YAAWS,wCAAuBN,CAAAA,EAAK,GAAC,aAA9b,SAACA,YAAM,qD,CAAC,QAAS,C,YAA2C,O,MAAU,CAAO,sCAAIN,MAAS,KAAEE,IAAAA,UAAqHA,EAAAA,OAAY,CAAoD,YAAY,wCAACA,CAAAA,EAAAA,GAAAA,EAAY,yCAAoJ,S,YAAO,yBAAkB,MAAC,wBAAC+B,MAAG,CAAC,cAAQ,EAASkC,M,GAAiC,CAAmD,kBAAO,OAAN,oBAAO,EAAS,uCAAC7D,I,CAAmB,MAAQ,CAAO,OAAIR,KAAOA,KACl5F,gBAGD,GAASV,GAAAA,EAAQD,GAAAA,EAAAA,MAAAA,mBAAe,U,QCJ5BC,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAI6M,QAAQ8C,KAAO3P,EAAI6M,QAAQ8C,IAAI6H,OAAQtX,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAACL,EAAIyX,MAAQ,QAAQtC,MAAO,CAAEuC,gBAAkB,OAAM1X,EAAI2X,mBAAoBC,UAAY,GAAE5X,EAAI6X,kBAAkBC,eAAgBC,SAAW,GAAE/X,EAAI6X,kBAAkBG,cAAe5C,UAAY,GAAEpV,EAAI6X,kBAAkBC,eAAgBG,SAAW,GAAEjY,EAAI6X,kBAAkBG,cAAeE,mBAAoB,gBAAiBC,eAAgB,UAAWC,iBAAkB,YAAaC,QAASrY,EAAIsY,KAAO,GAAM,IAAM,CAAEtY,EAAI6M,QAAQ8C,IAAI4I,cAAgBvY,EAAI6M,QAAQ8C,IAAI6I,UAAYxY,EAAI6M,QAAQ8C,IAAI6H,OAAQtX,EAAG,MAAM,CAACiV,MAAO,CAChpBsD,SAAU,WACVC,MAAO,OACPzC,OAAQ,SACR,CAAC/V,EAAG,MAAM,CAACiV,MAAO,CACdsD,SAAU,WACVf,gBAAkB,OAAM1X,EAAIwC,QAAQmW,SAAS,OAAQ3Y,EAAI6M,QAAQ8C,IAAI6I,aACrEL,eAAgB,UAChBD,mBAAoB,gBACpBU,OAAQ,EACRC,UAAW7Y,EAAI6M,QAAQ8C,IAAImJ,aAAgB,UAAS9Y,EAAI6M,QAAQ8C,IAAI8I,SAASM,0BAA6B,UAAS/Y,EAAI6M,QAAQ8C,IAAI8I,SAASM,yBAC5IC,KAAWhZ,EAAI6M,QAAQ8C,IAAI6H,OAAOyB,KAAO,IAAO,IAAzC,IACP9C,IAASnW,EAAI6M,QAAQ8C,IAAI6H,OAAO0B,KAAO,IAAO,IAAxC,IACNR,MAAW1Y,EAAI6M,QAAQ8C,IAAI6H,OAAO2B,KAAO,IAAOnZ,EAAI6X,kBAAkBuB,SAA9D,KACRnD,OAAYjW,EAAI6M,QAAQ8C,IAAI6H,OAAO6B,KAAO,IAAOrZ,EAAI6X,kBAAkByB,SAA9D,UACNtZ,EAAIU,KAAMV,EAAI6M,QAAQ8C,IAAI4J,gBAAkBvZ,EAAI6M,QAAQ8C,IAAI6J,WAAYtZ,EAAG,MAAM,CAACiV,MAAO,CAChGsD,SAAU,WACVC,MAAO,OACPzC,OAAQ,SACR,CAAC/V,EAAG,MAAM,CAACiV,MAAO,CACdsD,SAAU,WACVf,gBAAkB,OAAM1X,EAAIwC,QAAQmW,SAAS,QAAS3Y,EAAI6M,QAAQ8C,IAAI6J,eACtErB,eAAgB,UAChBD,mBAAoB,gBACpBU,OAAQ,EACRC,UAAW7Y,EAAI6M,QAAQ8C,IAAI8J,eAAkB,UAASzZ,EAAI6M,QAAQ8C,IAAI8I,SAASiB,4BAA+B,UAAS1Z,EAAI6M,QAAQ8C,IAAI8I,SAASiB,2BAChJV,KAAWhZ,EAAI6M,QAAQ8C,IAAI6H,OAAOmC,OAAS,IAAO,IAA3C,IACPxD,IAASnW,EAAI6M,QAAQ8C,IAAI6H,OAAOoC,OAAS,IAAO,IAA1C,IACNlB,MAAW1Y,EAAI6M,QAAQ8C,IAAI6H,OAAOqC,OAAS,IAAO7Z,EAAI6X,kBAAkBuB,SAAhE,KACRnD,OAAYjW,EAAI6M,QAAQ8C,IAAI6H,OAAOsC,OAAS,IAAO9Z,EAAI6X,kBAAkByB,SAAhE,UACNtZ,EAAIU,OAAOV,EAAIU,IAC9B,EACIrB,GAAkB,GCsBtB,IACAwB,MAAAA,CACAgM,QAAAA,CACA9L,KAAAA,OACAC,QAAAA,MAEAsX,KAAAA,CACAvX,KAAAA,QACAC,SAAAA,GAEAyW,KAAAA,CACA1W,KAAAA,QACAC,SAAAA,GAEA+Y,QAAAA,CACAhZ,KAAAA,QACAC,SAAAA,GAEA0X,MAAAA,CACA3X,KAAAA,OACAC,QAAAA,MAEAiV,OAAAA,CACAlV,KAAAA,OACAC,QAAAA,MAEAgZ,QAAAA,CACAjZ,KAAAA,OACAC,QAAAA,MAEAoY,SAAAA,CACArY,KAAAA,OACAC,QAAAA,MAEAsY,SAAAA,CACAvY,KAAAA,OACAC,QAAAA,OAIAxB,MAAAA,GACA,kBAEA,iBACA,wCAGA,gBACA,mBAGA,gBACA,2BAGA,gBACA,eAGA,iBACA,SACAwY,UAAAA,GACAF,WAAAA,GACAmC,gBAAAA,KACAb,SAAAA,KACAE,SAAAA,MA4DA,OAzDA,SACA,eACA,UACAY,EAAAA,UAAAA,GACAA,EAAAA,WAAAA,GACAA,EAAAA,gBAAAA,GACAA,EAAAA,SAAAA,GACAA,EAAAA,SAAAA,KAUA,4BACAA,EAAAA,UAAAA,KACAA,EAAAA,WAAAA,GACAA,EAAAA,gBAAAA,GACAA,EAAAA,SAAAA,GACAA,EAAAA,SAAAA,IAIA,4BACAA,EAAAA,UAAAA,KACAA,EAAAA,WAAAA,GACAA,EAAAA,gBAAAA,KACAA,EAAAA,SAAAA,KACAA,EAAAA,SAAAA,QAKA,4BACAA,EAAAA,UAAAA,MACAA,EAAAA,WAAAA,IACAA,EAAAA,gBAAAA,KACAA,EAAAA,SAAAA,KACAA,EAAAA,SAAAA,MAGA,+BACAA,EAAAA,UAAAA,EAAAA,MACAA,EAAAA,WAAAA,EAAAA,OACAA,EAAAA,gBAAAA,EAAAA,QACAA,EAAAA,SAAAA,EAAAA,QACAA,EAAAA,SAAAA,EAAAA,QAEA,yBACAA,EAAAA,SAAAA,EAAAA,SACAA,EAAAA,SAAAA,EAAAA,WAIA,KAGA,GACAvB,SAAAA,GACA,iBACA,qCACA,YACA,4CADA,CAGA,GAGA,OACAhB,kBACAE,oBACA/W,WACAU,mBACA2Y,YACA3X,UAEA,GCxM2Q,MCQvQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QC8DhC,IACAjD,KAAAA,cACAoB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACA8I,GAAAA,OACAkD,QAAAA,QAEA8J,MAAAA,CAAAA,iBAAAA,gBAAAA,mBAAAA,eACAnX,MAAAA,EAAAA,GACA,qBACA,cAEA,YAEA,gCAEA,gCACA,wCAEA,gBACA,oBAGAoV,EAAAA,EAAAA,KACA,QACA,YACAgC,EAAAA,MAAAA,CACA,IAGA,uBAEA,MACA,kBAOA,OALAnN,EADA,oCACAA,EAAAA,GAEAA,EAAAA,GAAAA,MAAAA,KAAAA,GAGA,gDAGA,GACA4Q,YACAhY,EAAAA,KAAAA,cAAAA,EAAAA,QACA,EACAiY,kBACA,eACA,QAGA,2BACA,EACAC,eAAAA,EAAAA,GACA,SACA5Q,GAAAA,EAAAA,GACAD,YAAAA,EAAAA,aAGA,uCACAlB,EAAAA,GAAAA,EAAAA,GAAAA,MAAAA,KAAAA,IAIA,QAGAnG,EAAAA,KAAAA,mBAAAA,GAFAA,EAAAA,KAAAA,gBAAAA,GAKAgR,EAAAA,iBACA,EACAhQ,iBACAhB,EAAAA,KAAAA,iBAAAA,EAAAA,QACA,EACAwU,eACA,UACAC,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EAAAA,MAEA,EACAF,QAAAA,GACA,WACA,EACA8D,gBAAAA,GACA,0CACA,EACAC,gBAAAA,GACA,0CACA,EACAC,aAAAA,GACA,uCACA,EACA3D,iBACAD,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EAEA,mDACA,QACA,gBAEAjX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,EACAqX,WAAAA,EAAAA,EAAAA,GACA,gCACA,8BACA,4BAEA,eAEA,iCAEAC,EAFA,mBAKAC,EALA,uBAYA,mEAEA,EACAC,iBAAAA,SAAAA,EAAAA,GACA,UACAC,EAAAA,MAAAA,UAAAA,KAAAA,WAAAA,MAAAA,KAAAA,GACAA,EAAAA,MAAAA,WAAAA,iBAEA,EAEAC,YAAAA,GACA,aACAP,EAAAA,OAAAA,EACA,mDACA,wBACA,gBAEAnX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,CACA,GAGA,OACAmB,WACA6Z,aACA7D,QACAF,YACAtW,QACAgX,QACA9U,UACA+N,oBAAAA,EACAiC,gBACAyB,MAAAA,CACA2G,cAAAA,EAAAA,KAGA,GClPyQ,MCQrQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnB5Btb,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,MAAM,CAAC,GAAK,aAAa2B,GAAG,CAAC,WAAanC,EAAIwC,QAAQqU,aAAa,UAAY7W,EAAIwC,QAAQ6U,YAAY,WAAarX,EAAIwC,QAAQuU,iBAAiB,CAAC7W,EAAG,MAAM,CAACE,YAAY,mCAAmCC,MAAML,EAAI8W,OAAS,6BAA6BtW,MAAM,CAAC,GAAK,eAAiBR,EAAI2J,IAAIxH,GAAG,CAAC,MAAQ,SAASkC,GAAQ,OAAOrE,EAAIwC,QAAQa,gBAAgB,IAAI,CAACnD,EAAG,MAAM,CAACE,YAAY,+DAA+D+B,GAAG,CAAC,MAAQ,SAASkC,GAAiC,OAAzBA,EAAOkT,kBAAyBvX,EAAIwC,QAAQ+X,eAAelW,EAAQrE,EAAI6M,QAAQ,IAAI,CAAC3M,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMR,EAAIwC,QAAQ8X,kBAAkB,IAAM,gBAAgBpa,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOI,MAAM,CAAC,IAAMsB,EAAQ,MAA+B,IAAM,SAAU9B,EAAI6M,QAAQC,QAAS5M,EAAG,MAAM,CAACE,YAAY,OAAOI,MAAM,CAAC,IAAMsB,EAAQ,MAAmC,IAAM,cAAc9B,EAAIU,KAAMV,EAAI6M,QAAQE,0BAA2B7M,EAAG,MAAM,CAACE,YAAY,OAAOI,MAAM,CAAC,IAAMsB,EAAQ,KAAqC,IAAM,sBAAsB9B,EAAIU,OAAOR,EAAG,YAAY,CAACM,MAAM,CAAC,QAAUR,EAAI6M,QAAQ,MAAO,KAAQ3M,EAAG,MAAM,CAACE,YAAY,oDAAoD,CAACJ,EAAIyB,GAAGzB,EAAI0B,GAAG1B,EAAI6M,QAAQtN,KAAK8L,OAAS,GAAM,GAAErL,EAAI6M,QAAQtN,KAAKsb,OAAO,EAAG,SAAW7a,EAAI6M,QAAQtN,SAAWS,EAAIwS,cAAuStS,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,OAAO,CAACE,YAAY,wCAAwC,CAACJ,EAAIyB,GAAG,aAA3avB,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOI,MAAM,CAAC,IAAMR,EAAIwC,QAAQkU,QAAQ1W,EAAI8a,WAAW,MAAQ,KAAK,IAAM,UAAU5a,EAAG,OAAO,CAACE,YAAY,wCAAwC,CAACJ,EAAIyB,GAAGzB,EAAI0B,GAAG1B,EAAI8a,iBAAiL,KAAM9a,EAAI+a,WAAa/a,EAAIoE,gBAAkBpE,EAAIoE,eAAeuF,KAAO3J,EAAI6M,QAAQlD,GAAIzJ,EAAG,YAAY,CAACM,MAAM,CAAC,UAAYR,EAAI+a,UAAU,QAAU/a,EAAIoE,gBAAgBjC,GAAG,CAAC,WAAanC,EAAIwC,QAAQwY,aAAa,MAAQhb,EAAIwC,QAAQyY,eAAejb,EAAIU,MAAM,EAC3kE,EACIrB,GAAkB,G,8CCFuJ,W,IAAqB,OAACiV,EAAK,EAAC,S,OAACpS,EAAK,MAAM6Y,CAAAA,EAAAA,UAAU,Q,MAACxG,C,YAA0C,OAAbwG,EAAS,KAAI,mBAAC,GAAC9Y,gBAAW,GAAa,MAAK,CAAO5B,MAAO,EAAK,UAAiB,SAAC,YAAC,YAAY6a,CAAY,EAA0B,yBAAc9a,CAAAA,EAAAA,MAAW,CAAcC,MAAML,GAAG,EAACc,cAA4B,GAAI,CAAQV,MAAW,EAAC,YAA0CF,SAAS,gBAAgC,CAACA,EAAG,MAAO,CAAEE,YAAY,aAAaI,MAAM,6B,CAAC,QAAQ,C,YAAU,yCAAG,UAAC2B,YAAG,mB,CAAC,MAAQnC,CAAS,yBAAE,MAAK,CAAUQ,MAAM,GAAC,KAAO,IAAM,GAAER,CAAsDI,MAAW,EAAC,QAA4EA,CAAAA,EAAAA,EAAAA,EAAW,CAAc,MAAK,CAAOA,KAAAA,OAAgE,CAACF,EAAG,KAAO,GAAC,qCAACM,YAAM,oC,CAAC,2BAAe,S,YAAS,cAAQ,UAAE,YAAY,gBAAEH,MAAmB,OAAbL,EAAIS,MAAiB,SAAOD,CAAAA,EAAK,IAAC,C,MAAC,CAAiC,gBAAIN,MAAG,W,CAAoB,MAAS,C,MAAyB,OAAZ,EAAO,MAAK,O,MAAC,CAAc,0BAAoBG,CAAAA,EAAK,YAAS,CAAoBG,MAAM,CAAC,QAAU,EAACC,QAAsB,QAAIP,SAAO,MAAsDF,GAAIyB,EAAG,KAA+DpB,MAAU8a,OAAJnb,EAAImb,MAAa,OAACC,MAAAA,CAAa,KAAQ,OAAD,EAAC,YAAS5a,CAAAA,EAAK,IAAC,C,YAAC,wC,CAA0B,KAAM,8CAAI,Q,MAAC,EAAQ,c,YAAU,CAAsC,MAAQ,S,MAKl/C,CAAc,mBAAS,OAAC,SAAa,gBAAC2T,YAAgBkH,wBAAKvH,MAAI,MAAS,qHAACM,YAAG,G,SAAyB,G,KAAQhU,G,QAA+CqB,IAA2E,YAAQ,EAAM,KAAY6S,IAAM,UAACpS,GAAAA,SAAWyP,GAAM4C,MAAQ,CAAC,QAAUC,CAAMxU,YAAY,8BAAC,oEAACiC,IAAiB,oBAAG,MAAM,CAA+BzB,MAAM,OAAC,SAAO,YAAI,QAAIN,EAAYE,WAAY,WAA6C,KAAQ,a,oGAAE,O,MAAC,CAA+D,KAAO,OAAY+B,CAAE,EAAC,K,YAASnC,sCAAc,OAAIE,MAAQ,GAAEE,UAAY,yCAAsCF,MAAG,WAA+B,GAAEF,CAAyCI,MAAW,EAAC,aAAiDI,CAAAA,EAAK,MAAC,C,YAAWkW,qC,CAAuB,WAAY,C,YAAO,UAAM,uCAAG,YAAY,sCAAEtW,CAAAA,EAAAA,MAAW,CAAU,MAAMqB,CAA0DrB,IAAAA,EAAY,qBAAmBC,MAAU8a,KAAgBnb,IAAOA,UAElhCX,EAAAA,SAAe,CAEnB,YAAiBA,U,uEC+EjB,IACAsB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACAka,UAAAA,CACAha,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,CACA9L,KAAAA,OACAC,QAAAA,OAGA2V,MAAAA,CAAAA,cACAnX,MAAAA,EAAAA,GACA,kBAEA,eACA,eAGA,gBACA,8BAGA,gCACA,+BACA,mCAEA,gBACA,kCACA,eAGA,cAGA,gBACA,mCACA,eACAqB,EAAAA,QAAAA,KAAAA,iBACAoP,OAAAA,EAAAA,QAAAA,IAAAA,MAAAA,KAAAA,IAAAA,iBAEA,IAGA,OACA5N,EAAAA,KAAAA,QAAAA,EAGA,OACA,SAAAsP,KAAAA,EAAAA,OACA2J,EAAAA,MAAAA,KAEA9V,EAAAA,KAAAA,kBAAAA,GAAAA,MAAAA,IACA,gBACAnD,EAAAA,KAAAA,aAAAA,EAAAA,OACAsP,EAAAA,MAAAA,KAEA2J,EAAAA,MAAAA,EAAAA,KAAAA,OACAxP,YAAAA,KACAwP,EAAAA,MAAAA,IAAAA,GACA,KACA,GACA,EAGA,MACA,QAKA,MAJA,sBACAxN,EAAAA,OAAAA,EAAAA,WAAAA,IAAAA,MAGA,MAGA,MACAuF,EAAAA,0BAAAA,EAGA,OACAvS,WACA6Q,OACArR,QACAG,OACAkT,QACAmH,YACAI,cACAK,aACA7E,UACA8E,mBACAL,gBACAG,eACArH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC1LkQ,MCQ9P,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QC+ChC,IACAlc,KAAAA,aACAsB,MAAAA,CACA8I,GAAAA,OACAkD,QAAAA,QAEAlM,WAAAA,CACAyZ,UAAAA,GACAsB,UAAAA,IAEA/E,MAAAA,CAAAA,iBAAAA,gBAAAA,oBACAnX,MAAAA,EAAAA,GACA,qBACA,eACA,cAEA,iBAEA,YAEA,gCACA,gBACA,mBAGA,gBACA,mCACA,eACAqB,EAAAA,QAAAA,KAAAA,iBACAoP,OAAAA,EAAAA,QAAAA,IAAAA,MAAAA,KAAAA,IAAAA,iBAEA,IAGA,gCACA,yCAEA2E,EAAAA,EAAAA,KACA,QACA,YACAgC,EAAAA,MAAAA,CACA,IAGA,uBAEA,MACA,kBAOA,OALAnN,EADA,oCACAA,EAAAA,GAEAA,EAAAA,GAAAA,MAAAA,KAAAA,GAGA,gDAIA,mDACAmL,EAAAA,EAAAA,IAAAA,GAAAA,KACA,YACA,uCACAxQ,EAAAA,MAAAA,IAAA,GACA2W,EAAAA,OAAAA,EACA7Z,EAAAA,OAAAA,gCAAAA,EACA,MACAA,EAAAA,OAAAA,uBAAAA,MACAkD,EAAAA,MAAAA,KACA2W,EAAAA,OAAAA,CACA,IAGA,SACAT,kBACA,eACA,QAGA,2BACA,EAEAC,eAAAA,EAAAA,GACA,SACA5Q,GAAAA,EAAAA,GACAD,YAAAA,EAAAA,aAIA,QAGArH,EAAAA,KAAAA,mBAAAA,GAFAA,EAAAA,KAAAA,gBAAAA,GAKAgR,EAAAA,iBACA,EACAhQ,iBAEAnC,EAAAA,OAAAA,8BAAAA,GACAA,EAAAA,OAAAA,gCAAAA,GACAA,EAAAA,OAAAA,uBAAAA,MAGAmB,EAAAA,KAAAA,iBAAAA,EAAAA,SAEA+B,EAAAA,MAAAA,IAAA,WAEAlD,EAAAA,SAAAA,eAAAA,CACAmS,MAAAA,kBACAsI,SAAAA,aACAC,MAAAA,wBAEA,EACAZ,aAAAA,GAEA9Z,EAAAA,OAAAA,gCAAAA,GAEA,wBACA2a,EAAAA,IAAAA,KAAAA,EACAxZ,EAAAA,KAAAA,iBAAAA,GACAG,EAAAA,aACA,EACAyY,cACA7W,EAAAA,MAAAA,KACA2W,EAAAA,OAAAA,CACA,EACAlE,eACA,UACAC,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EAAAA,MAEA,EACAF,QAAAA,GACA,QAKA,MAJA,sBACA5I,EAAAA,OAAAA,EAAAA,WAAAA,IAAAA,MAGA,IACA,EACAiJ,iBACAD,EAAAA,OAAAA,EACAF,EAAAA,MAAAA,EAEA,mDACA,QACA,gBAEAjX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,EACAqX,WAAAA,EAAAA,EAAAA,GACA,gCACA,8BACA,4BAEA,eAEA,iCAEAC,EAFA,mBAKAC,EALA,uBAYA,mEAEA,EACAC,iBAAAA,SAAAA,EAAAA,GACA,UACAC,EAAAA,MAAAA,UAAAA,KAAAA,WAAAA,MAAAA,KAAAA,GACAA,EAAAA,MAAAA,WAAAA,iBAEA,EAEAC,YAAAA,GACA,aACAP,EAAAA,OAAAA,EACA,mDACA,wBACA,gBAEAnX,OAAAA,uBAAAA,IAAAA,EAAAA,iBAAAA,EAAAA,IACA,CACA,GAGA,OACAmB,WACA6Z,aACAG,YACA1W,iBACA2W,YACAjE,QACAF,YACAtW,QACAgX,QACA9U,UACAgQ,gBACAyB,MAAAA,CACA2G,cAAAA,EAAAA,KAGA,GCjR4Q,MCQxQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCgFhC,IACArb,KAAAA,cACAoB,WAAAA,CACAmb,cAAAA,GACAC,QAAAA,GACAC,WAAAA,GACAC,WAAAA,IAEApb,MAAAA,CACA2H,KAAAA,OACAgO,OAAAA,OAEA9M,YAAAA,CACA3I,KAAAA,OACAmb,UAAAA,GAEAlZ,QAAAA,SAEA2T,MAAAA,CAAAA,iBAAAA,gBAAAA,mBAAAA,eACAnX,MAAAA,EAAAA,GACA,uBACA,YAEA,mCACA,gCACA,+BAIA,IAFA,oCAEA,cACA,+CACA,eAOA,QANA,oBACA,QAGA,OAGA,KAGA,iBACA,SAEA,iBAuCA,oBAvCA,CAGA,gFAEA,8DAEA,iEAEA,iEAEA,uBACA+N,GACAA,EAAAA,cAAAA,EAAAA,YAAAA,QACAA,EAAAA,cAAAA,EAAAA,YAAAA,QACAA,EAAAA,cAAAA,EAAAA,YAAAA,OACA,iDAKA,OAFA4O,EAAAA,IAAAA,KAAAA,KAAAA,KAAAA,KAAAA,GAEA,CASA,CAUA,IAGA,GACA9Y,eAAAA,GACAe,EAAAA,MAAAA,KACAA,EAAAA,MAAAA,IAAA,GACA/B,EAAAA,KAAAA,iBAAAA,EAAAA,MACA,EACAc,YAAAA,GACAd,EAAAA,KAAAA,cAAAA,IAAA,GACA,EACAiB,cAAAA,GACAjB,EAAAA,KAAAA,gBAAAA,EACA,EACAkB,iBAAAA,GACAlB,EAAAA,KAAAA,mBAAAA,EACA,GAGA,gBACA,8BAGA,gBACA,2BAGA,OACAG,UACA/B,OACAH,QACA8b,eACAnU,WACApF,YAAAA,EAAAA,YACAiF,sBACAmN,gBAAAA,EAAAA,IACAzT,mBAEA,GC/N0Q,MCQtQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,Q,cCnB4I,W,IAA0B,EAAM,K,EAAI,QAAY,G,OAAG,8CAAE,YAAY,aAAEpB,MAAAA,CAAwBI,mBAAM,OAAC,QAAgB,UAAQ,MAAW,CAACN,EAAG,KAASM,YAAM,Y,MAAC,CAAU,gBAAKR,MAAI+E,WAA2DvE,CAAAA,EAAK,IAAC,C,MAAC,CAAkB,KAAO,MAAM2B,CAAE,EAAC,qB,YAASnC,mBAAiB,OAAIA,MAAO,UAAiEI,KAAAA,MAAyGI,GAAAA,CAAO,QAAY,gB,CAAc,KAAO,IAAC,mCAAgS,OAAoS,EAAM,MAAC,UAACJ,YAAY,cAA+B,MAAMqB,CAAoGrB,KAAAA,IAA4BF,aAAW,W,CAAQ,aAAS,8B,YAAS,gCAAU,0FAACiC,YAAG,e,CAAC,MAAQnC,CAAW,OAAIE,KAAQ,GAAEE,MAAW,WAAsCI,GAAAA,CAAO,MAAQ,YAAY,CAACR,EAAG,MAAO,CAAgDI,YAAY,uBAA+C,CAACJ,EAAG,IAAI,CAAgCQ,MAAM,CAAC,MAAQ,YAAY,CAACR,EAAIyB,GAAGzB,EAAI0B,GAAG1B,EAAIiU,MAAMoI,uBAAuB,EAAG,OAAO,CAA0Bjc,YAAY,+CAAaI,CAAAA,EAAK,GAAC,0B,MAAC,CAAU,kBAAwBJ,CAAAA,EAAAA,GAAAA,EAAY,mCAAiC,4BAACI,YAAM,a,MAAC,CAAW,WAAmC,CAA8Q,OAAuP,c,YAASR,mBAAY,OAAIA,MAAOA,UACxiF,WAGD,I,iFCsGA,IACAT,KAAAA,iBACAoX,MAAAA,CAAAA,cAAAA,iBAAAA,aAAAA,cACA9V,MAAAA,CACA+B,eAAAA,QAEApD,MAAAA,GAAAA,KAAA8c,IACA,kBAEA,aACA,cAEA,gBACA,mBAGA,gBACA,wBAIA,gBACA,8BAGA,uCAEA1H,EAAAA,EAAAA,KAAAA,IAAAA,EAAAA,eAAAA,aAAAA,IACA2H,GAAAA,KAGAC,EAAAA,EAAAA,KAAAA,KACA,YACA,+CACA,wCAEA,IACAC,EAAAA,MAAAA,EAAAA,iBAAAA,SAAAA,IAEA,IACAA,EAAAA,MAAAA,EAAAA,iBAAAA,SAAAA,GAEA,MAGAC,EAAAA,EAAAA,KAAAA,KACAC,EAAAA,MAAAA,EACA,+CACA,wCAEA,GACApa,EAAAA,oBAAAA,SAAAA,GAEA,GACAqa,EAAAA,oBAAAA,SAAAA,GAGAH,EAAAA,MAAAA,IAAAA,IAGA,YACA,+CACA,wCAEA,MAEA,IACAI,EAAAA,EAAAA,WAGA,IACAA,EAAAA,EAAAA,EAAAA,WAGAF,EAAAA,MAAAA,CAAAA,EAIA,OACA,+CACA,wCAEA,GACApa,EAAAA,SAAAA,CACA4T,IAAAA,EACAC,SAAAA,WAGA,GACAwG,EAAAA,SAAAA,CACAzG,IAAAA,EACAC,SAAAA,UAEA,EAGA,OACAzW,OAAAA,MAAAA,EAAAA,EAAAA,MAAAA,SAAAA,EAGA,OACAA,OAAAA,KAAAA,EAAAA,MAAAA,qBAAAA,SAAAA,EAGA,MACAub,EAAAA,GACAoB,EAAAA,cAAAA,EAGA,MACApB,EAAAA,GACAoB,EAAAA,aAAAA,EAGA,MACApB,EAAAA,GACAoB,EAAAA,aAAAA,EAGA,MACApB,EAAAA,GACAoB,EAAAA,iBAAAA,EAGA,MACAjJ,EAAAA,0BAAAA,EAGA,OACAsJ,YACA7b,WACAgc,gBACA/X,gBACAiF,cACAuS,UACAQ,gBACAC,WACAlZ,cACAG,aACAD,aACAD,iBACAmX,cACAjH,MAAAA,CACAe,eAAAA,EAAAA,IACAiI,qBAAAA,EAAAA,IACAhI,gBAAAA,EAAAA,IACAiI,sBAAAA,EAAAA,IACAb,mBAAAA,EAAAA,IACAc,qBAAAA,EAAAA,IACAC,OAAAA,EAAAA,IACAC,SAAAA,EAAAA,KAGA,GCnQwQ,MCOpQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB4B,GAAU,W,IAA2ClJ,EAAAA,K,EAAwB,EAAC,S,OAAgB,EAAC,SAAU,6B,YAASjU,EAAG,GAAK,E,IAAEE,c,GAA4C,W,MAAYA,CAAAA,EAAAA,MAAY,CAAkB,YAAY,iCAAEA,CAAAA,EAAAA,MAAW,CAAcI,YAAM,mB,CAAC,MAAQ,C,YAAU,aAAE,MAAC,CAAG,MAAC,GAAC,KAAO,IAAY,GAAI,CAAWA,MAAM,UAAY,QAAE,MAAMiB,CAAuGrB,KAAAA,O,CAAiC,KAAM0B,EAAAA,GAAO,EAAC,6BAAoC,iD,YAAO,cAAM,OAAI,IAAK,EAAM,MAAC1B,IAAAA,WAAiC,GAAK,MAAC0B,C,YAAyD,cAAM,OAAK,IAAI,QAAC,gBAAa,GAACgS,EAAgBM,OAAG,G,KAA6BhU,Y,GAAyB,W,MAAgCA,CAAAA,EAAAA,MAAY,CAAgB,YAAc,cAAiDA,CAAAA,EAAAA,cAAY,SAAmD,YAAS,iBAAiCA,CAAAA,EAAAA,SAAY,uCAAkC,YAAS,oDAAiIA,CAAAA,EAAAA,GAAAA,yBAAY,OAAgB,YAAS,mCAAmFA,CAAAA,EAAAA,GAAAA,sHAAY,UAAmD,YAAS,iBAAqCA,CAAAA,EAAAA,GAAAA,8BAAY,kDAAkC,YAAS,oDAAyHA,CAAAA,EAAAA,GAAAA,6BAAY,OAAgB,YAAS,mCAAqFA,CAAAA,EAAAA,GAAAA,8GAAiD,UAACI,YAAM,iB,CAAC,KAAO,8BAAG,gD,YAAS,sCAAS,MAAC,CAAG,MAAC,GAAC,MAAQ,W,GAAgD,CAAC,kBAAIR,OAAO,sBAAqEI,I,CAAyD,KAAO,oBAAG,yC,YAAS,sCAAS,MAAC,CAAG,MAAC,GAAC,MAAQ,W,GAA8C,CAAC,kBAAIJ,OAAO,oBAA4EI,IAA2FA,CAAAA,EAAAA,GAAAA,wBAAY,gDAAmD,YAAS,iBAAmCA,CAAAA,EAAAA,SAAY,uCAAkC,YAAS,oDAAgJA,CAAAA,EAAAA,GAAAA,2BAAY,OAAgB,YAAS,mCAAoFA,CAAAA,EAAAA,GAAAA,qIAAY,UAAmD,YAAS,iBAA4FA,CAAAA,EAAAA,GAAAA,8BAAY,mDAAkC,YAAS,oDAAuGA,CAAAA,EAAAA,GAAAA,oFAAY,OAAgB,YAAS,mCAAoF,4GAACiU,YAAM,iBAAO,CAAI,EAAC,GAAK,8BAAW,mDAAG,EAC9oG,WACGhV,MAAAA,EAAe,cAEnB,EAASC,MAAQD,E,QCJbC,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS+B,GAAG,CAAC,MAAQnC,EAAIsd,UAAU,CAACpd,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAO,GAAEL,EAAIM,cAAc6U,MAAO,CAAE8C,SAAuB,OAAbjY,EAAIS,KAAgB,QAAU,QAAS2U,UAAW,QAAU5U,MAAM,CAAC,GAAK,gBAAgB2B,GAAG,CAAC,MAAQnC,EAAIkb,YAAY,SAAWlb,EAAIkb,cAAc,CAAClb,EAAIud,GAAG,eAAevd,EAAIud,GAAG,cAAc,IAC9Y,EACIle,GAAkB,GCiBtB,IACAG,QACA,kBAEA,gCACA,+BAEA,OACA,gDACAge,EAAAA,UAAAA,OAAAA,WACAA,EAAAA,UAAAA,IAAAA,WAEA1R,YAAAA,KACA0R,EAAAA,UAAAA,OAAAA,UAAAA,GACA,MAGA,MACAnK,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACA6c,UACApC,cAEA,GC9CoQ,MCQhQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QCgJhC,IACA3b,KAAAA,cACAoB,WAAAA,CACA8c,YAAAA,IAEA5c,MAAAA,CACAU,YAAAA,CACAR,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,CACA9L,KAAAA,OACAC,QAAAA,OAGA2V,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,8CACA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,MACA,iBACA1C,OAAAA,KAAAA,gDAAAA,UAGA,eACAA,OAAAA,KAAAA,6BAAAA,SACA,EAGA,MACA0T,EAAAA,0BAAAA,EAGA,OACAtO,gBACAzE,QACAG,OACAid,UACA/J,QACAuH,cACAjH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GCvNoQ,MCQhQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,Q,GCnBoF,W,IAA0C,O,EAAqB,QAAY,G,OAAI,8BAACnH,MAAM,CAACpS,YAAsB,OAAXyb,EAAAA,KAAW,QAACpJ,gBAAS,E,WAAoBoJ,I,MAAgB1b,CAAuB,mBAAI/B,SAAS,YAACG,EAAO,WAAY,CAAU,EAAE,WAAW,eAAuC,UAAE,MAAK,GAAK,EAAC,cAACD,GAAAA,CAA2BF,MAAQ,EAAC,YAACE,SAAY,gBAA4CA,CAAAA,EAAAA,MAAW,CAAmB,YAAY,cAAEA,CAAAA,EAAAA,MAAW,CAAcI,YAAM,iC,CAAC,QAAQ,C,YAAU,mBAAG,QAAC2B,YAAG,a,MAAC,CAAiB,SAAIjC,KAAG,I,GAAiB,CAAW,gBAA0DE,CAAAA,EAAAA,EAAAA,EAAW,CAAoC,MAAMqB,CAA4ErB,KAAAA,OAAqCA,CAAAA,EAAAA,GAAAA,EAAY,wCAAgB,YAAc,oCAAyCI,CAAAA,EAAK,GAAC,qE,YAAWR,c,CAAY,QAAO,C,YAAgB,iBAAI,+CAAG,MAAK,CAAUQ,QAAM,UAAC,MAAMR,EAAqC,SAAQ,MAAoB,QAAS,CAAK,OAAI,IAAO,EAAC,+BAACI,MAAW,OAAqCJ,QAAO,GAA4CI,OAAW,UAA6D,MAAQ,C,YAAW,mCAAU,6CAAC+B,YAAG,qD,MAAC,CAAsB,SAAInC,MAAO,WAAgF,GAAEA,CAAmGI,MAAW,EAAC,aAC9hD,iCACGf,YAAAA,yCAEJ,GAASC,GAAAA,iFAAuB,U,0ICkDhC,IACAqB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACA8c,WAAAA,CACA5c,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,QAEA8J,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,OACAA,EAAAA,KAAAA,aAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACAkT,QACA4H,aACAhL,oBAAAA,EACA2K,cACAjH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC/FwQ,MCOpQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,Q,sBClB4Gjb,GAAM,W,IAAC,O,EAA2B,QAAS,G,OAAO,QAAY,CAAC,yBAAE,YAAC,CAAC8T,OAAM,K,MAA4BC,C,YAA6BzP,EAAAA,WAAkB,OAAC,OAAC7C,WAAW,IAAkB,MAAK,CAAO7B,MAAAA,EAAY,eAAkBC,SAASL,SAAU,GAAW,kBAAC,EAAgC,WAAW,mB,CAAuD,SAAC,8BAAE,MAAK,GAAK,EAAC,cAACI,GAAAA,CAAyBC,MAAUS,EAAAA,QAAY,YAAkBZ,SAAS,YAACE,OAAW,EAAC,sBAAkCF,IAAyC,CAACA,EAAG,MAAO,CAAEE,YAAY,aAAaI,MAAM,6B,CAAC,QAAQ,C,YAAU,iCAAG,UAAC2B,YAAG,mB,CAAC,MAAQ,C,YAAwBnC,a,MAAmB,CAAC,SAAIE,KAAG,I,GAAiB,CAAW,kBAAIF,OAAOA,EAAM,QAAKiU,OAAoC7T,IAAyFA,CAAAA,EAAAA,EAAAA,EAAW,CAAc,MAAK,CAAOA,KAAAA,OAA4DA,CAAAA,EAAAA,GAAAA,EAAY,WAAa,6BAAC+U,YAAO,oC,CACtkC,4BAA+B,EAACyI,MAAAA,C,YAChC,c,CACA,S,YACA,sB,CACA3H,EAAAA,SAAY4H,EAAAA,MAAU5H,C,YACX4H,cACZ,MAAE,CAACrd,mBAAM,0BAAC,kBAAK,YAAa,0EAAG,wBAAC,UAAC,OAAO,EAAC,UAAS6D,O,MAAQ,EAAOrE,UAAY8d,OAAoB,OAAK9d,GAAI+d,cAAkG,GAAI,CAAwB3d,MAAW,SAAO,GAACgb,OAAW,EAAC,sBAAC,IAA+B,sBAAC5a,YAAM,kE,CAAC,OAAiB,C,YAAC,OAAkB,aAAIN,MAAS,OAAEE,OAAW,QAA6HC,MAAM,CAA2C8U,MAAO,UAChiBuD,cAAWsF,MAEXC,EAAAA,OAAS,C,YACTC,8B,CACAC,EAAAA,GAAAA,oCAAoB,yC,OACpBC,EAAAA,mBAAgB,iBACjB,MAAE,CAAC5d,MAAM,yBAAC,OAAK,0BAAc,eAAIN,cAAS,SAACE,WAAY,SAAQ+U,eAAO,U,MAE/D,CACN,oBAA4C/U,CAAAA,EAAAA,MAAW,CAAeI,YAAM,Q,MAAC,CAAY,OAAK,cAAY,YAAC,MAAO,EAAC,yBAAS2B,CAAE,EAAC,kBAA2hB,OAA3hB,Q,YAAS,c,MAAiBkC,C,KAAyB,KAAgD,gBAAC,eAAiDjE,GAAAA,CAA+BI,MAAM,YAAc,OAAb,EAAQ,kBAAa,EAAC,QAAI,4BAAC,I,CAA2D,EAAI,GAAC,iCAAgB,YAAC,mBAAC2B,MAAG,CAAC,MAAQ,K,OAAwBoV,K,IAAkB,EAAW/U,MAA0C,WAAC,qBAA4BhC,GAAAA,CAAO,MAAK,YAAcR,OAAL,oBAAS6M,EAAQnD,QAAAA,YAAqB,MAAK,KAAC,UAAalJ,OAAyCqX,GAAAA,EAAAA,MAAAA,C,MAA4B,CAA0C,e,CAAwEwG,QAAX,UAAWA,YAAiB,gB,MAAC,CAAc,kBAAI,MAAK,EAAM,4BAAClJ,OAAO,+BACx2BuD,QAAU1Y,EAAI6X,kBAAkBG,gBAChC/B,MAAS,EACToC,KAAO,EAAKrY,kBACb,eAAeQ,CAAK,EAAC,O,MAAK,CAAe,MAAMR,GAAG,EAAC6M,kBAAqB,cAE9B,OAAO,GAAC,EAAM,iCAAC,QAAQ,IAAC,EAAM,0BAAuB,UAAG,MAAM,CAAyB9K,GAAAA,cAAaxC,IAAK,wBAAe,0EAACyC,MAAQ,OAAkBE,OAAW,OAAoBD,IAAAA,EAAU,QAAC,YAAuB7B,KAAY,SAAa,SAAC+U,WAAO,EAClS,QACA,qBACA,0BACA,oBACAc,WAAY4H,uBAEb,YAAE,cAACrd,MAAM,CAAC,mBAAK,0BAAa,8BAAG,mBAAC,uDAAC,wBAAuB,U,OAAE,EAAU,UAAS8d,OAAW,yBAAG,MAAOP,CAAqB3d,GAAAA,cAAyGA,GAAAA,CAAmBgb,MAAW,SAAC,GAAC,OAAQ,UAAM,WAAC,IAAiB5a,CAAAA,EAAK,UAAC,S,YAAS,kE,CAAU,OAAgB,CAAE,mBAAG,YAAW,CAACJ,MAAW,OAAgCJ,OAAO,QAAmHK,MAAML,CAA0DmV,MAAO,UACpkB8I,cAAe,MAEfE,EAAAA,OAAU,C,YACVC,8BACC,sFAAC5d,YAAM,c,MAAK,EAAC,kBAAY,gC,MAAC,CAAc,QAAQwd,OAAsB,cAAQA,SAAuB,WAAQO,SAAY,eAAQA,U,MAAwC,CAAgD,gBAA2C,UAA2C,gBAAiBF,MAAAA,EAA0B,gBAAkB,SAAC,cAAgBG,EAAU,cAAiBC,EAAY,wBAAG,UAAC,oBAAC,WAAa,EAAI,oBAAqB,EAAC,WAAajc,EAAAA,oBAAoB,EAAC,WAAaxC,EAAIwC,oBAAQkc,EAAY,eAAIxe,UAAS,YAACM,WAAM,eAAmB,IAAIN,YAAS,uBAACM,OAAM,uBAAC,WAAK,yBAAY,CAAER,EAAG,MAAC6M,CAAgDrM,MAAM,CAAC,mB,CAA8D,QAASR,C,MAAiC,CAAgD,e,CAA+Gqe,QAAX,UAAWA,YAAiB,gB,MAAC,CAAa,QAAU,UAAI,oCAAI,OAAK,EAAM,6BAAClJ,QAAO,oCACz+BuD,SAAU1Y,EAAI6X,kBAAkBG,iBAChC/B,SAAWjW,EAAI6X,kBAAkBC,iBACjCO,KAAO,EAAKrY,kBACb,QAAKE,SAAS,MAAQ,GAAK,O,MAAmB,CAEJ,MAAO,GAAC,oBAAM,cAAC,OAAQ,GAAC,oBAAM,eAAC,QAAMF,IAAI6M,EAAAA,kBAAQtN,GAAAA,KAAQ,CAAC,EAAE,MAAO,CAAkCa,MAAAA,CAA8BI,GAAM,cAAC,IAAO,EAAC,QAAI,wFAAC,MAAQ,OAAM,OAAMsB,OAAwC,IAAM,UAAM,YAAsB,yBAAkgBtB,EAAM,KAAxgB,SAAC2B,YAAG,kB,MAAC,CAA+B,WAAG,OAAU,KAAyB/B,IAAAA,EAAY,MAAkCF,IAAG,OAAQE,GAAAA,iBAAoPA,GAAAA,CAA2B,MAAK2E,EAAAA,QAAe7E,iBAAkG,oB,YAAS,iCAAU,WAACiC,YAAG,mC,CAAC,KAAO,IAAC,KAASkC,EAAAA,kBAAO,iJ,YAAQrE,a,CAAwB,gBAAsgB,OAAC,gFAAE,MAAK,CAAOI,MAAW,WAAmCA,GAAAA,CAAuBJ,MAAO,YAA2CI,OAAW,EAAC,oBAAuCF,IAAkCM,CAAAA,EAAK,MAAC,C,YAAS,sB,CAAU,UAAiB,YAAC,UAAC2B,CAAE,EAAC,oCAAhxB,OAAC,gFAAE,MAAK,CAAO/B,MAAW,WAAmCA,GAAAA,CAAuBJ,MAAO,YAAuCI,OAAW,EAAC,oBAAuCF,I,CAAiB,QAAS,C,YAAwC,sB,CAAK,SAAM,CAAM,sBAAG,CAACA,EAAG,gCAAO,SAACE,YAAY,sCAAU,CAACJ,EAAG,MAAO,CAAwCI,MAAAA,CAAgFI,IAAM,+BAAC,MAAQ,KAAU,cAAK,SAAQ,C,YAAwBR,U,CAAwB,gCAA0Q,S,YAAUA,sCAA+B,SAACmU,YAAYnU,O,MAAa,CAAQoU,MAAG,U,eAAsB,I,GAAgD,CAAuC,OAAC,8BAAW,YAAQ,EAAM,KAAYE,IAAM,QAACpS,GAAAA,WAA8BqS,MAAQ,CAAC,SAAUC,CAAMxU,YAAIqe,8BAAsB,mCAACpc,EAA8B,WAAM,MAAK,EAAO,YAC5/D,OACG5C,MAAAA,EAAAA,kBAEJ,SAAe,SAAEA,G,6FC7CbC,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAML,EAAI2e,YAAYxJ,MAAOnV,EAAImV,MAAOhT,GAAG,CAAC,SAAW,SAASkC,GAAQ,OAAOrE,EAAI4e,SAASva,EAAO,EAAE,UAAY,SAASA,GAAQ,OAAOrE,EAAI6e,cAAcxa,EAAO,EAAE,WAAa,SAASA,GAAyD,OAAjDA,EAAOkT,kBAAkBlT,EAAOya,iBAAwB9e,EAAI6e,cAAcxa,EAAO,IAAI,CAACrE,EAAIud,GAAG,WAAWvd,EAAI4T,GAAI5T,EAAI+e,QAAQ,SAASC,EAAMjL,GAAO,OAAO7T,EAAG,MAAM,CAAC4T,IAAIC,EAAM3T,YAAY,YAAYC,MAAM,CAAC,aAAe2e,EAAOhf,EAAIif,UAAY,GAAK,iBAAiB9J,MAAOnV,EAAIkf,SAASF,GAAQ7c,GAAG,CAAC,UAAY,SAASkC,GAAyD,OAAjDA,EAAOkT,kBAAkBlT,EAAOya,iBAAwB9e,EAAImf,UAAUH,EAAO3a,EAAO,EAAE,WAAa,SAASA,GAAyD,OAAjDA,EAAOkT,kBAAkBlT,EAAOya,iBAAwB9e,EAAImf,UAAUH,EAAO3a,EAAO,IAAI,IAAIrE,EAAIof,UAAWlf,EAAG,MAAM,CAACE,YAAY,oBAAoBJ,EAAIU,MAAM,EACz3B,EACIrB,GAAkB,G,WCsBtB,MAAMggB,GAAI,EAAQ,MAEZC,GAAY,EACZC,GAAc,GACdC,GAAe,CACrBC,EAAAA,CACAC,EAAAA,MACAC,EAAAA,YACAC,EAAAA,UAEAC,EAAAA,CACAC,EAAAA,OACAH,EAAAA,aACA1R,EAAAA,UAIA,QACA1O,KAAAA,SACAsB,MAAAA,CACAgf,EAAAA,CACA9e,KAAAA,OACAmb,UAAAA,EACA6D,UAAAA,SAAAA,GACA,yBACA,GAEAN,EAAAA,CACA1e,KAAAA,OACAmb,UAAAA,EACA6D,UAAAA,SAAAA,GACA,yBACA,GAEAC,EAAAA,CACAjf,KAAAA,OACAmb,UAAAA,EACA6D,UAAAA,SAAAA,GACA,UACA,GAEAE,EAAAA,CACAlf,KAAAA,OACAmb,UAAAA,EACA6D,UAAAA,SAAAA,GACA,UACA,GAEAG,MAAAA,CACAnf,KAAAA,OACAC,QAAAA,EACA+e,UAAAA,SAAAA,GACA,yBACA,GAEAI,SAAAA,CACApf,KAAAA,QACAC,SAAAA,GAEAof,WAAAA,CACArf,KAAAA,QACAC,SAAAA,GAEAqf,UAAAA,CACAtf,KAAAA,QACAC,SAAAA,GAEAie,UAAAA,CACAle,KAAAA,QACAC,SAAAA,GAEAoe,UAAAA,CACAre,KAAAA,QACAC,SAAAA,GAEAsf,iBAAAA,CACAvf,KAAAA,QACAC,SAAAA,GAEAuf,YAAAA,CACAxf,KAAAA,QACAC,SAAAA,GAEAwf,WAAAA,CACAzf,KAAAA,OACAC,QAAAA,MAEAyf,WAAAA,CACA1f,KAAAA,OACAC,QAAAA,MAEA0f,WAAAA,CACA3f,KAAAA,QAEA4f,WAAAA,CACA5f,KAAAA,QAEAyd,UAAAA,CACAzd,KAAAA,QACAC,SAAAA,IAIAwH,KAAAA,WACA,OACAoY,OAAAA,KAAAA,SACAC,eAAAA,EACAC,GAAAA,KAAAA,EACAC,GAAAA,KAAAA,EACArI,MAAAA,KAAAA,EACAzC,OAAAA,KAAAA,EACA+K,SAAAA,KAAAA,MACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EAEA,EAEAjY,SAAAA,CACA4V,SACA,SAGA,OAFA,4CACA,6BACA,CACA,EAEAJ,cACA,OAGAiC,OAAAA,KAAAA,SACAS,UAAAA,KAAAA,SACAC,SAAAA,KAAAA,SACA,+BAGA,EAEAnM,QACA,OACA6D,KAAAA,KAAAA,GAAAA,KAAAA,MAAAA,EAAAA,KACA7C,IAAAA,KAAAA,GAAAA,KAAAA,OAAAA,EAAAA,KACAuC,MAAAA,KAAAA,MAAAA,KACAzC,OAAAA,KAAAA,OAAAA,KACA4C,UAAAA,KAAAA,UACA,yCACA,wCAEA,EAEAqG,WACA,WACA,SACAxG,MAAAA,GAAAA,OACAzC,OAAAA,GAAAA,QASA,MAPA,SACAsL,EAAAA,QAAAA,GAAAA,EAAAA,GAAAA,KACAA,EAAAA,eAAAA,GAAAA,EAAAA,EAAAA,OAEAA,EAAAA,GAAAA,EAAAA,EAAAA,MAAAA,GAAAA,EAAAA,KACAA,EAAAA,GAAAA,EAAAA,EAAAA,MAAAA,GAAAA,EAAAA,MAEA,EAEA,EAEAC,OACA,OACA3B,EAAAA,KAAAA,GACAJ,EAAAA,KAAAA,GACAO,EAAAA,KAAAA,MACAC,EAAAA,KAAAA,OACAC,MAAAA,KAAAA,SAEA,GAGAtL,MAAAA,CACAgM,OAAAA,GACA,uBACA,sBACA,EAEAT,SAAAA,GACA,aACA,EAEAG,iBAAAA,CACAmB,QAAAA,SAAAA,GACA,GACA,gDACA,sDAEA,4BACA,8BACA,6CAEA,EACAC,WAAAA,GAGA7B,IACA,gCAEA,eACA,EAEAJ,IACA,gCAEA,eACA,EAEAO,IACA,gCAEA,4BAEA,kBACA,EAEAC,IACA,gCAEA,4BAEA,mBACA,EAEAC,QACA,gCAEA,yBACA,GAGAyB,QAAAA,WACA,kBACA,iBACA,oBAAAC,OAAAA,EAAAC,OAAAA,EAAAhC,EAAAA,EAAAJ,EAAAA,EAAAO,EAAAA,EAAAC,EAAAA,GAEA,oBACA,EAEA6B,QAAAA,WAgBA,GAfA,eACA,uCAIAjiB,SAAAA,gBAAAA,iBAAAA,YAAAA,KAAAA,MACAA,SAAAA,gBAAAA,iBAAAA,UAAAA,KAAAA,IACAA,SAAAA,gBAAAA,iBAAAA,aAAAA,KAAAA,IAEAA,SAAAA,gBAAAA,iBAAAA,YAAAA,KAAAA,UAEAA,SAAAA,gBAAAA,iBAAAA,YAAAA,KAAAA,MAAAA,GACAA,SAAAA,gBAAAA,iBAAAA,uBAAAA,KAAAA,IAAAA,GACAA,SAAAA,gBAAAA,iBAAAA,aAAAA,KAAAA,IAAAA,GAEA,iBACA,6EACA,eACAkiB,EAAAA,GAAAA,aAAAA,mBAAAA,KAAAA,KAEA,CAEA,oBACA,6EACA,eACAC,EAAAA,GAAAA,aAAAA,mBAAAA,KAAAA,KAEA,CACA,EAEAC,cAAAA,WACApiB,SAAAA,gBAAAA,oBAAAA,YAAAA,KAAAA,MACAA,SAAAA,gBAAAA,oBAAAA,UAAAA,KAAAA,IACAA,SAAAA,gBAAAA,oBAAAA,aAAAA,KAAAA,IAEAA,SAAAA,gBAAAA,oBAAAA,YAAAA,KAAAA,UAEAA,SAAAA,gBAAAA,oBAAAA,YAAAA,KAAAA,MAAAA,GACAA,SAAAA,gBAAAA,oBAAAA,uBAAAA,KAAAA,IAAAA,GACAA,SAAAA,gBAAAA,oBAAAA,aAAAA,KAAAA,IAAAA,EACA,EAEAqiB,QAAAA,CACAtD,SAAAA,GACA,4BACA,EAEAuD,kBACA,sBACA,eACA,8BACAC,EAAAA,MAAAA,SAEA,EAEAC,oBACA,sBACA,eACA,8BACAD,EAAAA,MAAAA,WAEA,EAEAE,WACA,uBAEA,cACA,EAEAC,KAAAA,IACA,iCAIAC,EAAAA,kBAEA,gBACA,kBAEA,eACA,iBAEA,EAEAC,GAAAA,GACA,gBACA,gBAEA,eACA,cAEA,EAEA5D,cAAAA,SAAAA,GACA,wCACA,OAEA6D,EAAAA,kBACAA,EAAAA,iBAGA,6BAEA,eAEA,yBAIA,wBAEA,8BAIA,4EAIA,6EAIA,iBACA,gBAEA,yBACA,uCAEA,sDACA,sDAEA,8BACA,gCACA,EAEAC,SAAAA,GACA,2BAEA,GACAf,OAAAA,EAAAA,OAAAA,EAAAA,QAAAA,GAAAA,MACAC,OAAAA,EAAAA,OAAAA,EAAAA,QAAAA,GAAAA,OAEA,GACAhC,EAAAA,EAAAA,OAAAA,EAAAA,OACAJ,EAAAA,EAAAA,OAAAA,EAAAA,QAGA,eACA,WACA,iBACA,kBACA,iBACA,kBAEA,oBACA,4CACA,wCACA,wCACA,wCACA,gBACA,gBACA,gBACA,eACA,CAEA,sCACA,4CACA,wCACA,wCACA,wCACA,gBACA,gBACA,gBACA,eACA,CAEA,iBACA,iBAEA,wBACA,uCACA,0BAGA,gBACA,4BACA,EAEAmD,SACA,iBACA,eACA,gDACA,gCAGA,oBAAAhB,OAAAA,EAAAC,OAAAA,EAAAhC,EAAAA,EAAAJ,EAAAA,EAAAO,EAAAA,EAAAC,EAAAA,EACA,EAEAd,UAAAA,SAAAA,EAAAA,GACA,8BAEA,2BACA,2BACA,uCAEA,kBACA,gBACA,gBACA,sDACA,sDACA,8BACA,8BACA,oCACA,sCACA,0CACA,oBACA,EAEA0D,UAAAA,GACA,2BAEA,gBACA,uCACA,uCAGA,4BACA,oCACA,uBACAJ,EAAAA,EAAAA,OAAAA,GACA,eAEA,0BACA,yCACA,4BAGA,qCACA,gBACA,8BACA,MACA,IAIA,EAJA,iCACA,iCAEA,uBAEA,qBACA,yCACAK,EAAAA,EAAAA,OAAAA,GAAAA,OACA1Z,EAAAA,EAAAA,IAAAA,EAAAA,IAAAA,GACA,MACAA,EAAAA,EAGA,mBAEA,aACA,aACA,gBACA,iBACA,QACA,QACA,QACA,QAEA,oBACA,4CACA,wCACA,wCACA,wCACA,IACA,IACA,aACA,aACA,aACA,aAEA,aACA,iBACA,aACAA,EAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EACAA,EAAAA,GAAAA,IAEAA,EAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EACAA,EAAAA,GAAAA,IAGAA,EAAAA,GAAAA,EACAA,EAAAA,GAAAA,GAGA,CAEA,sCACA,4CACA,wCACA,wCACA,wCACA,IACA,IACA,aACA,aACA,aACA,aAEA,aACA,iBACA,aACAA,EAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EACAA,EAAAA,GAAAA,IAEAA,EAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EACAA,EAAAA,GAAAA,IAGAA,EAAAA,GAAAA,EACAA,EAAAA,GAAAA,GAGA,CAEA,mBACA,mBACA2Z,EAAAA,EAAAA,QAAAA,GACA,yBACA,2BAEA,0BACA,yCACA,4BAGA,gBACA,8BACA,CACA,EAEAC,UACA,kBACA,oBACApB,OAAAA,EACAC,OAAAA,EACAhC,EAAAA,EACAJ,EAAAA,EACAO,EAAAA,EACAC,EAAAA,GAGA,eACA,kDACA,gCAGA,eACA,kDACA,+BAEA,ICrnB+P,MCQ3P,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QC0RhC,IACAtf,WAAAA,CACAsiB,OAAAA,GACA7I,UAAAA,IAEAvZ,MAAAA,CACAiE,eAAAA,CACA/D,KAAAA,QACAC,SAAAA,GAEA+D,cAAAA,CACAhE,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,QAEA8J,MAAAA,CAAAA,eAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BACA,gBACA,mBAGA,eACA,eACA,kBAEA,gBAEA,iBACA,QAiBA,MAfA,0BACAkZ,EAAAA,QACAzC,EAAAA,SAGA,0BACAyC,EAAAA,QACAzC,EAAAA,SAGA,UACAyC,EAAAA,OACAzC,EAAAA,GAAAA,EAAAA,WAGA,CAAAyC,QAAAzC,SAAA,IAGA,eACA,eAEA,eAEA,cACA,cAEA,cACA,cAEA,YACA4J,EAAAA,MACAJ,EAAAA,KACAS,MAAAA,IAGA,YACAL,EAAAA,EACAJ,EAAAA,EACAS,MAAAA,EACAgD,SAAAA,IAGA,YACArD,EAAAA,IACAJ,EAAAA,GACAO,EAAAA,IACAC,EAAAA,MAGA,YACAvH,MAAAA,EACAzC,OAAAA,KAGA9U,EAAAA,EAAAA,KAAAA,KAGA,GAFAqB,EAAAA,gBAEA,SACA,iDACA,MACA,sBACA2gB,EAAAA,MAAAA,EAAAA,EAAAA,EACA,CACA,CAEA,kDAMA,GALA9E,EAAAA,MAAAA,GAAAA,EAEAE,EAAAA,EAAAA,SAAAA,cAAAA,eAAAA,YAAAA,EACAA,EAAAA,EAAAA,SAAAA,cAAAA,eAAAA,aAAAA,EAEA,cAgBA,CAEA,kBACA6E,EAAAA,KAAAA,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,QAAAA,IAAAA,UACAA,EAAAA,OAAAA,KACAC,EAAAA,OAAAA,EACA,YAAA3K,EAAAA,OAAAzC,GAAA,uCAEA+B,EAAAA,MAAAA,EACAF,EAAAA,MAAAA,EAGAsB,EAAAA,MAAAA,EAAAA,IAAAA,IACAE,EAAAA,MAAAA,EAAAA,IAAAA,IAEA9W,EAAAA,oBAEAsJ,YAAAA,KACAtJ,EAAAA,qBAAAA,GACA,IAEA,KArCA,CACA,kBACA4gB,EAAAA,IAAAA,EAAAA,QAAAA,cACA3S,EAAAA,EAAAA,SACAF,EAAAA,EAAAA,SACA6S,EAAAA,OAAAA,KACAC,EAAAA,OAAAA,EACA,YAAA3K,EAAAA,OAAAzC,GAAA,uCACA+B,EAAAA,MAAAA,EACAF,EAAAA,MAAAA,EAEAtV,EAAAA,oBACAsJ,YAAAA,KACAtJ,EAAAA,qBAAAA,GACA,IAEA,CAuBAA,EAAAA,iBAEA,SACAA,EAAAA,aACA,IAGA,uBACA,SACAwV,UAAAA,EAAAA,MACAF,WAAAA,EAAAA,MACAmC,gBAAAA,GACAqJ,iBAAAA,EAAAA,MACAC,iBAAAA,EAAAA,OASA,YAGA,gBACA,mCACA,eACA1iB,EAAAA,QAAAA,KAAAA,iBACAoP,OAAAA,EAAAA,QAAAA,IAAAA,MAAAA,KAAAA,IAAAA,iBAEA,IAIA,iBACA,kDACA,iBAIA,MAHA,2EACArJ,GAAAA,SAEA,wDAGA,GACA4c,gBACA,sDACAC,EAAAA,MAAAA,EAEA,4CACAC,EAAAA,MAAAA,OAAAA,CACA,EACAC,mBAAAA,EAAAA,GACA,QACA,IAEA,gBAEA,gBACAC,EAAAA,IACAC,EAAAA,KAKA,aACA,OAGA,wCACA,gBACA,iBAGA,iCACA,iCAEA,iCACA,iCAEA,OACAnL,MAAAA,EAAAA,EACAzC,OAAAA,EAAAA,EAEA,EACA6N,oBACA,0BACA,qBAEA,SAEA,KACA9F,EAAAA,OAAAA,EAAAA,EAAAA,IAAAA,EACAA,EAAAA,MAAAA,EAAAA,EAAAA,IAAAA,IAEAA,EAAAA,OAAAA,EAAAA,EAAAA,IAAAA,EACAA,EAAAA,MAAAA,EAAAA,EAAAA,IAAAA,EAEA,EACA+F,iBACA,8CACAtF,EAAAA,EAAAA,EAAAA,YAAAA,GACAA,EAAAA,EAAAA,EAAAA,aAAAA,GACAA,EAAAA,EAAAA,EAAAA,YAAAA,EACAA,EAAAA,EAAAA,EAAAA,aAAAA,CACA,EACAuF,mBAAAA,GACA3X,aAAAA,QAAAA,oBAAAA,EAAAA,EAAAA,GACA,GACA7J,EAAAA,uBACAA,EAAAA,eAEAA,EAAAA,sBAEA,EACAyhB,uBACA,MAKApX,EAHA,QAGAA,SAAAA,cAAAA,iBAFAA,SAAAA,cAAAA,eAKA,wCACA,iCAEAqX,EAAAA,EAAAA,EACAA,EAAAA,EAAAA,CACA,EACAC,uBACA,MAcA,GATAtX,EAHA,QAGAA,SAAAA,cAAAA,iBAFAA,SAAAA,cAAAA,eAKAA,EAAAA,MAAAA,KAAAA,EAAAA,EACAA,EAAAA,MAAAA,IAAAA,EAAAA,EAEA2R,EAAAA,MAAAA,EAAAA,QACAD,EAAAA,MAAAA,EAAAA,MAEA,SACA,2CAEA6F,EAAAA,MAAAA,UAAAA,EAAAA,QACA,mCACA,iCACA,MACAvX,EAAAA,MAAAA,UAAAA,EAAAA,QACA,mCACA,iCAEA,EACAwX,cACAH,EAAAA,MAAAA,EAAAA,MACAA,EAAAA,QAAAA,EAAAA,MAEA,8CACA,MAKArX,EAHA,QAGAA,SAAAA,cAAAA,iBAFAA,SAAAA,cAAAA,eAKArK,EAAAA,uBAEA+b,EAAAA,MAAAA,EACAC,EAAAA,OAAAA,EAEA,SACAqB,EAAAA,EAAAA,YAAAA,EACAJ,EAAAA,EAAAA,aAAAA,GAMA,GAHAlB,EAAAA,EAAAA,OAAAA,EAAAA,GACAA,EAAAA,EAAAA,OAAAA,EAAAA,GAEA,SACA1R,EAAAA,MAAAA,KAAAA,MACAA,EAAAA,MAAAA,IAAAA,MAEA,2CACAuX,EAAAA,MAAAA,UAAAA,UAAAA,EAAAA,qBACA,MACAvX,EAAAA,MAAAA,KAAAA,EAAAA,EAAAA,EAAAA,YAAAA,EAAAA,KACAA,EAAAA,MAAAA,IAAAA,EAAAA,EAAAA,EAAAA,aAAAA,EAAAA,KACAA,EAAAA,MAAAA,UAAAA,UAAAA,EAAAA,qBAEA,EACAiR,YAAAA,GACA,gDACA,wCACA,gBACA,iDACA,0CAEAjR,EAAAA,MAAAA,KAAAA,EAAAA,KACAA,EAAAA,MAAAA,IAAAA,EAAAA,IACA,CACA,EAEAyX,OAAAA,GACA,aACA,cAEA,eACAC,EAAAA,EAEAA,GAAAA,GAGA,SACAA,EAAAA,GAGAhG,EAAAA,MAAAA,EACA/b,EAAAA,kBACA,CACA,EAEAgiB,cAGA,GAFAhG,EAAAA,OAAAA,EAAAA,MAEA,SACA,8CAEA,wCACA,4CAEA,SACAiG,EAAAA,MAAAA,UAAAA,aACAC,EAAAA,MAAAA,UAAAA,eAEAD,EAAAA,MAAAA,UAAAA,YACAC,EAAAA,MAAAA,UAAAA,YAEA,MACA,iDACA,QACAA,EAAAA,MAAAA,UAAAA,aAEAA,EAAAA,MAAAA,UAAAA,WAEA,CAEAliB,EAAAA,sBACAA,EAAAA,kBACA,EAEAmiB,sBACA,UACA,YAIA,GAHAC,EAAAA,SAAAA,eAAAA,gBACAF,EAAAA,SAAAA,eAAAA,mBAEA,EACA,OAGA,sBACA7H,GAAAA,EAAAA,YAAAA,GAAAA,CACA,MAIA,GAHA+H,EAAAA,SAAAA,cAAAA,eACAF,EAAAA,SAAAA,cAAAA,mBAEA,EACA,OAEA,sBACA7H,GAAAA,EAAAA,YAAAA,GAAAA,CACA,CAEA,SACA6H,EAAAA,MAAAA,KAAAA,QACAA,EAAAA,MAAAA,MAAAA,EAAAA,KACAA,EAAAA,MAAAA,UAAAA,eAEAA,EAAAA,MAAAA,MAAAA,QACAA,EAAAA,MAAAA,KAAAA,EAAAA,KACAA,EAAAA,MAAAA,UAAAA,aAGAA,EAAAA,MAAAA,OAAAA,OACA,EAEAG,mBACA,yCACA,YAMA,OALAhY,EAAAA,SAAAA,cAAAA,oBACAA,EAAAA,MAAAA,UAAAA,EAAAA,MACA,mCACA,mCAKAA,EAAAA,MAAAA,UAAAA,EAAAA,MACA,mCACA,iCACA,EAEA8G,QACAtR,EAAAA,KAAAA,UACA,EAEAqU,QAAAA,GACA,QAKA,MAJA,sBACA5I,EAAAA,OAAAA,EAAAA,WAAAA,IAAAA,MAGA,IACA,EAEAoN,YAAAA,GACA7H,EAAAA,0BACA,EAEAiL,YACA1W,EAAAA,OAAAA,EACA,UACAA,EAAAA,OAAAA,EAEA,EAEA8W,aAAAA,GACA,sCAGAH,EAAAA,MAAAA,EAAAA,MACA/b,EAAAA,gBAIA,EAEA+Y,aACA,qBACA,OAIA,gBAKA,OAJA,wBACAgD,EAAAA,MAAAA,GAIAR,EAAAA,OAAAA,EAEAjS,YAAAA,KAEA,MADAgZ,EAAAA,EAAAA,qBAEA,gBACAtU,EAAAA,SAAAA,eAAAA,eACAsU,EAAAA,EAAAA,EAAAA,OACAA,EAAAA,EAAAA,EAAAA,OAIAvG,EAAAA,MAAAA,EACAuG,EAAAA,EAAAA,EAEA/G,EAAAA,OAAAA,EAEA1b,EAAAA,KAAAA,eAAAA,GACAG,EAAAA,OAAAA,GACA,IACA,EAEAuiB,qBACA,2CACA,wCAEA,4BACA,4BAEA,WACA,UAEA,gBACA,cAEA,oBACA,kBAEA,GACA/L,KAAAA,EACA7C,IAAAA,EACA6O,OAAAA,EACAC,MAAAA,EACAjF,EAAAA,EACAC,EAAAA,EACAiF,SAAAA,EAAAA,MACAC,UAAAA,EAAAA,OACAlW,EAAAA,EAAAA,MACAuP,UAAAA,EAAAA,MACAH,kBAAAA,EAAAA,OAGA,QACA,GAGA,OACAN,YACAzd,QACAG,OACAK,WACA2iB,aACA5F,YACAQ,oBACAxG,oBACAjQ,WACA2W,YACAzD,YACA2D,cACAT,cACAQ,YAEAZ,cAEApb,UAEA+N,oBAAAA,EACAE,4BAAAA,EACAwD,MAAAA,CACAqQ,OAAAA,EAAAA,IACA7I,SAAAA,EAAAA,KAGA,GCn3BuQ,MCQnQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,Q,GCnByF,W,IAA0C,O,EAAqB,QAAY,G,OAAI,mCAACnH,MAAM,CAACpS,YAA2B,OAAhB0C,EAAAA,KAAgB,QAAC2P,gBAAS,E,WAAoB3P,I,MAAqB3C,CAA4B,wBAAI/B,SAAS,YAACG,EAAO,gBAAY,CAAU,EAAE,WAAW,oBAAuC,UAAE,MAAK,GAAK,EAAC,cAACD,GAAAA,CAAyBC,MAAUS,EAAAA,YAA8BZ,SAAS,gBAA8C,CAACA,EAAG,MAAM,CAACE,YAAY,aAAkB,MAAK,YAAQ,iBAACA,CAAAA,EAAAA,MAAW,CAAcI,YAAM,iC,CAAC,QAAQ,C,YAAU,mBAAG,QAAC2B,YAAG,a,MAAC,CAAiB,SAAIjC,KAAG,I,GAAiB,CAAW,gBAA0DE,CAAAA,EAAAA,EAAAA,EAAW,CAAoC,MAAMqB,CAAoErB,KAAAA,OAAqCA,CAAAA,EAAAA,GAAAA,EAAY,wCAAgB,YAAc,oCAAyCI,CAAAA,EAAK,GAAC,6D,YAAWR,c,CAAY,QAAO,C,YAAgB,iBAAI,+CAAG,MAAK,CAAUQ,QAAM,UAAC,MAAMR,EAAqC,SAAQ,MAAoB,QAAS,CAAK,OAAI,IAAI,EAAM,+BAACI,MAAW,OAAsBF,QAAS,GAACE,OAAW,UAAoBI,EAAK,MAAC,C,YAAOsB,oB,CAA2C,QAAM,CAAQ,oBAAI,CAAC,EAAC5B,MAAQ,CAAEE,MAAAA,CAA4BF,IAAO,EAAC,MAACE,IAAAA,cAA8IA,EAAAA,MAAY,CAAqDI,YAAM,e,CAAC,OAAQ,C,YAAW,oCAAU,uFAAC2B,YAAG,qD,MAAC,CAAqB,SAAInC,MAAO,WAE7nDX,GAAAA,CAEJ,MAAe,EAAEA,Y,yDCuDjB,IACAsB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACA+D,gBAAAA,CACA7D,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,QAEA8J,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BACA,mCACA,8CAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,OACA1C,OAAAA,KAAAA,8BAAAA,EAAAA,QAAAA,UACA0C,EAAAA,KAAAA,UAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACAvS,WACAR,QACAG,OACAkT,QACAuH,cACApT,sBACAsd,YACA7U,oBAAAA,EACA0D,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GCzGwQ,MCOpQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,Q,GClB+I,W,IAAqB,OAACnH,EAAK,EAAC,S,OAACpS,EAAK,MAAMyC,CAAAA,EAAAA,YAAY,Q,MAAC4P,C,YAA4C,OAAf5P,EAAW,KAAI,mBAAC,GAAC1C,gBAAW,GAAe,MAAK,CAAO5B,MAAO,EAAK,YAAiB,SAAC,YAAC,cAAY6a,CAAY,EAA0B,2BAAc9a,CAAAA,EAAAA,MAAW,CAAcC,MAAML,GAAG,EAACc,cAA4B,GAAI,CAAQV,MAAW,EAAC,YAA0CF,SAAS,gBAAgC,CAACA,EAAG,MAAO,CAAEE,YAAY,aAAaI,MAAM,6B,CAAC,QAAQ,C,YAAU,yCAAG,UAAC2B,YAAG,mB,CAAC,MAAQnC,CAAS,yBAAE,MAAK,CAAUQ,MAAM,GAAC,KAAO,IAAM,GAAER,CAAuDI,MAAW,EAAC,QAAoBA,CAAAA,EAAAA,EAAAA,EAAW,CAAoC,MAAMqB,CAA+BrB,KAAAA,OAAsMA,CAAAA,EAAAA,GAAAA,EAAY,yCAAkB,YAAW,UAACA,CAAAA,EAAAA,KAAW,CAAiBC,YAAUI,oCAA0B,CAACP,EAAG,sBAAQ,QAACM,YAAM,yC,CAAC,SAAY,EAAG,6G,YAAS,mBAAQ,UAAE,YAAY,gBAAEH,MAAmB,OAAbL,EAAIS,MAAiB,SAAOD,CAAAA,EAAK,IAAC,C,MAAC,CAAS,gBAAKR,MAAI6M,W,CAAuD,MAAS,C,MAAyB,OAAZ,EAAO,MAAK,O,MAAC,CAAc,UAAkBrM,CAAM,QAANA,EAAK,QAAC,4B,MAAM,CAAsC,QAAQ,EAAM,QAAC,QAAa,SAAS,MAAW,CAAC,EAAEN,GAAAA,EAAG,CAASG,MAAML,CAA4BQ,IAAM,iCAAC,MAAO,OAAE,WAAI,OAAQ,WAAsDR,GAAM,EAAC,KAAyDQ,MAAM,sB,MAAK,CAAmC,KAAO,KAAgB,CAACN,CAAAA,EAAG,IAAI,CAACE,YAAY,wCAAwC,CAACJ,EAAIyB,GAAG,uCAAwC,EAAE,cAAS6Z,CAA0B9a,MAAM,CAAC,GAAM,iBAAC,aAAI,oBAAgBJ,EAAAA,IAAAA,CAAkDI,YAAM,wC,CAAC,KAAO,0CAAG,kB,oGAAA,O,MAAC,CAAkB,Y,CAAK,MAAQR,CAAc,kDAAE,MAAK,CAAOI,MAAW,GAAuCF,MAAG,WAA+B,GAAEF,CAAyCI,MAAW,EAAC,aAAiDI,CAAAA,EAAK,MAAC,C,YAAWkW,qC,CAAuB,WAAY,C,YAAO,UAAM,uCAAG,YAAY,sCAAEtW,CAAAA,EAAAA,MAAW,CAAU,MAAMqB,CAA0DrB,IAAAA,EAAY,qBAAmBC,MAAU8a,KAAgBnb,IAAOA,UAEh9EX,EAAAA,SAAe,CAEnB,YAAiBA,U,uECJ2C,GAAU,W,IAAOe,EAAAA,KAA2B,EAAM,EAACilB,MAAAA,G,OAAyBjlB,EAAAA,MAAY,CAAmB,YAAY,gBAACA,CAAAA,EAAAA,cAAY,SAAmB,YAAS,oBAAmDA,CAAAA,EAAAA,OAAY,CAAsB,YAAQilB,oBAA2BjlB,CAAAA,EAAAA,GAAAA,gCAAkB,gBAACI,YAAM,uB,CAAC,EAAK,cAA8R,OAA3R,O,YAAW,O,MAAG,CAAgB,OAAe,aAAG,MAAC,QAAC,UAAQ,I,GAA0C,CAAC,kBAAM,OAAC,EAAS,cAACA,IAAqB,QAAE,MAAMiB,CAAsFrB,MAAW,S,CAAyB,KAAO,EAAC,KAAM,sD,YAAY,W,YAAiB,CAAO,aAAsB,mBAACI,OAAM,OAAC,aAASmJ,UAAK,MAAM,CACtuB,YAGD,I,kBCeA,IACA9I,MAAAA,CACA8I,GAAAA,CACA5I,KAAAA,QAEAukB,MAAAA,CACAvkB,KAAAA,QAEAwkB,cAAAA,CACAxkB,KAAAA,QACAC,SAAAA,IAGAxB,MAAAA,GACA,WACA,qBACA,eAGA,uBACAoV,EAAAA,EAAAA,IAAAA,GAAAA,IACA4Q,GAAAA,KAGArkB,EAAAA,EAAAA,KAAAA,KACAqkB,GAAAA,KAGA9I,EAAAA,EAAAA,KAAAA,KACA+I,EAAAA,SAAAA,IAGA,aACA,IACAA,EAAAA,GAAAA,EAAAA,OAAAA,CACAC,UAAAA,IAAAA,EAAAA,GACAzP,OAAAA,GACA0P,UAAAA,UACAC,cAAAA,UACAC,YAAAA,UACAC,OAAAA,EACAC,SAAAA,EACAC,UAAAA,IACAC,UAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAC,WAAAA,EACAC,eAAAA,EACAzb,IAAAA,EAAAA,SAIA6a,EAAAA,KAAAA,EAAAA,OAEAJ,EAAAA,OAAAA,EAEAI,EAAAA,GAAAA,SAAAA,WACAJ,EAAAA,OAAAA,CACA,KAGA,GACAiB,OACA,eACAb,EAAAA,QACAc,EAAAA,OAAAA,IAEAd,EAAAA,OACAA,EAAAA,UAAAA,KACAc,EAAAA,OAAAA,EAEAd,EAAAA,GAAAA,UAAAA,KACAc,EAAAA,OAAAA,CAAAA,IAGA,GAGA,OACAA,YACAlB,gBACAI,aACAjjB,UACAyR,MAAAA,CACAqS,KAAAA,EAAAA,IACAE,MAAAA,EAAAA,KAGA,GC3G6Q,MCQzQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QC2EhC,IACA7lB,WAAAA,CACAyZ,UAAAA,GACAqM,YAAAA,IAEA5lB,MAAAA,CACA8D,YAAAA,CACA5D,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,CACA9L,KAAAA,OACAC,QAAAA,OAGA2V,MAAAA,CAAAA,cACAnX,MAAAA,EAAAA,GACA,kBAEA,eACA,eAEA4B,QAAAA,IAAAA,EAAAA,SAGA,sBACA,8BAGA,gCACA,+BACA,mCAEA,gBACA,eAGA,gBACA,kCACA,eAGA,cAGA,gBACA,mCACA,eACAP,EAAAA,QAAAA,KAAAA,iBACAoP,OAAAA,EAAAA,QAAAA,IAAAA,MAAAA,KAAAA,IAAAA,iBAEA,IAGA,OACA5N,EAAAA,KAAAA,QAAAA,EAGA,OACAA,EAAAA,KAAAA,aAAAA,EAkBA,MACA,QAKA,MAJA,sBACAyL,EAAAA,OAAAA,EAAAA,WAAAA,IAAAA,MAGA,MAGA,MACAuF,EAAAA,0BAAAA,EAGA,OACAvS,WACA6Q,OACArR,QACAG,OACAkT,QACAmH,YACAI,cACAK,aACA7E,UACAgQ,WACAnW,oBAAAA,EACAiL,mBACAL,gBACAG,eACArH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC3MoQ,MCQhQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnB4B,GAAU,W,IAAuCjb,EAAM,K,EAAC,QAAYR,G,OAA8B,SAAc,EAAC,WAAK,Q,MAAC,CAAgB,kCAACsU,gBAAM,EAACpS,WAAWoC,I,MAAwC,CAAe,MAAC,aAACrC,SAAU,SAAC,GAAY,cAAI/B,EAAUG,WAAaC,e,CAAkB,QAAQN,C,MAAgB,KAAWA,cAAe,IAAIE,MAAQ,EAAC,YAACE,SAAY,gBAAyBA,CAAAA,EAAAA,MAAW,CAAiC,YAAW,cAACA,CAAAA,EAAAA,MAAW,CAAoB,YAAS,iCAACA,CAAAA,EAAAA,MAAW,CAA6C,YAAY,oBAA2JA,EAAAA,KAAW,CAAc,YAAW,6CAACA,CAAAA,EAAAA,GAAAA,IAAY,0IAAgB,YAAc,cAAyCI,CAAAA,EAAK,MAAC,C,YAAWR,iB,CAAwB,QAAZ,UAAO,YAAK,gB,MAAC,CAAc,kBAAI,MAAK,EAASQ,SAAM,MAA4C,QAAQ,C,MAAO,CAAa,MAAS,+BAAK,aAAI,QAAQ,GAACJ,OAAW,UAA0FA,EAAAA,IAAW,CAA8C,YAAasB,yCAC7sC,yCACGrC,YAAAA,8CAEJ,GAASC,GAAAA,EAAQD,GAAAA,EAAAA,UAAe,qB,QCqChC,IACAsB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACAyD,WAAAA,CACAvD,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,QAEA8J,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAGA,iBACA,cACA,sBAGAmnB,EAAAA,MAAAA,EAAAA,MAAAA,sBAFAA,EAAAA,MAAAA,EAAAA,MAAAA,aAKA,sCACA,+BACA,4CAEA,gBACA,sBAGA,EAFA,iBAOA,gBACA,kFACA,gHAEA,uBAIAxlB,EAAAA,EAAAA,KAAAA,KACAylB,GAAAA,IAGA,aACAC,EAAAA,MAAAA,aAAAA,KACA,UACAF,EAAAA,QAEAG,GACA,GACA,MAGA,OACAC,cAAAA,EAAAA,OACApT,GAAAA,EAGA,OACAtR,EAAAA,KAAAA,UAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACAkmB,OACAhT,QACAuH,cACA3K,oBAAAA,EACAxI,oBACAif,cACAC,kBACAhT,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC/HuQ,MCOnQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB4B,GAAU,W,IAA0Cjb,EAAM,K,EAAC,QAAYR,G,OAA8B,SAAc,EAAC,cAAK,Q,MAAC,CAAgB,kCAACsU,gBAAM,EAACpS,WAAWglB,I,MAA2C,CAAkB,MAAC,gBAACjlB,SAAU,SAAC,GAAe,iBAAI/B,EAAUG,WAAaC,kB,CAAkB,QAAQN,C,MAAgB,KAAWA,cAAe,IAAIE,MAAQ,EAAC,YAACE,SAAY,gBAAyBA,CAAAA,EAAAA,MAAW,CAAyC,YAAW,cAACA,CAAAA,EAAAA,MAAW,CAAoB,YAAS,yCAACA,CAAAA,EAAAA,MAAW,CAAyC,YAAS,oBAA0BA,EAAAA,KAAW,CAAc,YAAW,yCAACA,CAAAA,EAAAA,GAAAA,gBAAY,SAAgB,YAAc,cAAyCI,CAAAA,EAAK,MAAC,C,YAAWR,iB,CAAwB,QAAZ,UAAO,YAAK,gB,MAAC,CAAc,kBAAI,MAAK,EAASQ,SAAM,MAA4C,QAAQ,C,MAAO,CAAa,MAAS,+BAAK,aAAI,QAAQ,GAACJ,OAAW,UACz7B,OACGf,YAAAA,mCAEJ,GAASC,GAAAA,kBAAwB,EAAD,mE,QCiChC,IACAqB,WAAAA,CACAyZ,UAAAA,IAEAvZ,MAAAA,CACAqmB,cAAAA,CACAnmB,KAAAA,QACAC,SAAAA,GAEA6L,QAAAA,QAEA8J,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAUA,OAPAlS,EAAAA,EAAAA,KAAAA,KAEA2K,YAAAA,KACA6H,GAAAA,GACA,QAGA,CACArT,QACAG,OACAkT,QACAuH,cACA3K,oBAAAA,EACA0D,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GChFiR,MCQ7Q,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnBiFtH,GAAAA,W,IAAqBL,EAAI,K,EAAgB,EAAC,S,OAAW,QAAW,GAAK,YAAC,iB,YAAC1T,EAAW,GAAC,E,IAAyC,c,GAAWA,WAA6B,MAAM,SAAQ,CAACA,YAAY,yCAAaI,CAAAA,EAAK,MAAC,C,YAAW,mB,CAAC,MAAO,CAAE,YAAC,aAAC2B,MAAG,CAAC,MAAQnC,GAAS,SAAiBQ,GAAAA,CAAO,MAAO,UAAO,CAACR,EAAG,IAAO,CAA4CI,MAAAA,CAAiDJ,KAAO,OAAgC,GAAC,6CAAM,gDAAK,+BAAYoU,E,OAAc,G,KAA4C,Y,GAAWhU,WAA2B,MAAM,SAAQ,CAACI,YAAM,c,CAAC,QAAMsB,C,YAA6C,iB,CAAO,OAAS,C,MAAI,CAAe,YAAI5B,MAAO,OAACE,QAAY,GAA+BJ,OAAO,UAAiF,EAAC,KAAO,YAAW,8BAAkBU,CAAAA,EAAK,GAAE,qEAAC,KACn8B,EACGrB,OAAAA,IAEJ,MAASC,EAAQD,c,kBCqDjB,IACAsB,WAAAA,CACA8c,YAAAA,IAEA5c,MAAAA,CACAU,YAAAA,CACAR,KAAAA,QACAC,SAAAA,IAGA2V,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACAkT,QACAuH,cACAjH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC3FyQ,MCOrQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB4B,GAAU,W,IAA4CtH,EAAAA,K,EAAwB,EAAC,S,OAAgB,EAAC,SAAU,8B,YAASjU,EAAG,GAAK,E,IAAEE,c,GAA4C,W,MAAWA,CAAAA,EAAAA,MAAY,CAAwC,YAAS,iCAAyB,SAACiU,YAAM,yCAAM,8BAACP,EAAgBM,OAAG,G,KAA6BhU,Y,GAAyB,W,MAAYA,CAAAA,EAAAA,MAAY,CAAgB,YAAY,cAAEI,CAAAA,EAAK,MAAC,C,YAAOsB,iB,CAAoC,OAAS,C,MAAI,CAAe,YAAI5B,QAAS,GAACE,OAAW,UAAsBA,EAAAA,MAAW,CAAe,YAAU,UAACA,CAAAA,EAAAA,MAAW,CAAoC,YAAS,eAAqFA,CAAAA,EAAAA,KAAW,CAAiDI,YAAM,oC,CAAC,KAAO,yEAAG,O,YAAS,gDAAS,MAAC,CAAG,MAAC,GAAC,MAAQR,WAAyB,GAAEA,CAA4B,8BAAc,CAAI,EAAC,GAAK,eAAW,KAAG,EAC18B,WACGX,MAAAA,EAAe,cAEnB,EAASC,MAAQD,E,QCqEjB,IACAsB,WAAAA,CACA8c,YAAAA,IAEA5c,MAAAA,CACAqE,aAAAA,CACAnE,KAAAA,QACAC,SAAAA,IAGA2V,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BACA,8CAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,OACA1C,OAAAA,OAAAA,IAAAA,QAAAA,gBAAAA,WAAAA,GAAAA,EAIA,MACA0T,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACAkT,QACAuH,cACApT,sBACAqf,sBACAlT,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GCnH2Q,MCOvQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClBYvb,GAAOC,WAAS,MAAU,KAA2CgU,EAAAA,EAAAA,MAAYnU,G,OAAY,EAAC,SAAa,6B,YAAI,KAAU,E,IAAC,c,GAAkBI,WAA2C,MAAM,GAAI,MAAC,CAACA,YAAY,iCAAyC,CAACJ,EAAG,KAAI,CAA2B,qDAAM,GAAC,6BAAK,EAAE8T,OAAI,GAAYM,C,IAAc,Y,GAAkBhU,WAAwB,MAAM,SAAM,CAACA,YAAY,cAAiB,CAACF,EAAG,MAAO,CAAEM,YAAM,iB,CAAC,OAAMsB,C,MAAoC,CAAe,MAAY,MAAC,MAAQ,OAAO,WAAI5B,OAAS,UAAkCA,EAAG,MAAM,CAACE,YAAY,oBAAe,CAACF,EAAG,MAAK,CAACE,YAAY,eAAoC,CAACJ,EAAG,KAAI,CAAwE,gDAAM,GAAC,0EAAM,EAAuB,OAAO,IACxzB,oBACGX,EAAAA,MAAAA,EAEJ,E,MCoDA,IACAsB,WAAAA,CACA8c,YAAAA,IAEA5c,MAAAA,CACAyE,YAAAA,CACAvE,KAAAA,QACAC,SAAAA,IAGA2V,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACA/S,QACAG,OACAkT,QACAuH,cACAjH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GC1F6Q,MCOzQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClBYvb,GAAOC,WAAS,MAAU,KAA8CgU,EAAAA,EAAAA,MAAYnU,G,OAAY,EAAC,SAAa,gC,YAAI,KAAU,E,IAAC,c,GAAkBI,WAA2C,MAAM,GAAI,MAAC,CAACA,YAAY,iCAAyC,CAACJ,EAAG,KAAI,CAAc,qDAAM,GAAC,gBAAK,EAAE8T,OAAI,GAAYM,C,IAAc,Y,GAAkBhU,WAAwB,MAAM,SAAM,CAACA,YAAY,cAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAe,CAACF,EAAG,MAAM,CAACM,YAAM,e,CAAC,QAAMsB,C,MAAqC,CAAc,IAAM,EAAO,MAAC,MAAQ,MAAM,YAAK,OAAS,WAA4D,EAAC,MAAK,CAAC1B,YAAY,2CAAoC,CAACJ,EAAG,KAAI,CAAkDI,YAAY,oCAAgDI,CAAAA,EAAK,GAAC,yC,YAAW,gD,MAAC,CAAkB,SAAG,MAAC,WAAmB,IAAIR,MAAO,WAA2B,GAAC,uBAAM,EAAwB,OAAO,IAC58B,qBACGX,EAAAA,MAAAA,EAEJ,E,MCqEA,IACAsB,WAAAA,CACA8c,YAAAA,IAEA5c,MAAAA,CACAsE,eAAAA,CACApE,KAAAA,QACAC,SAAAA,GAEAsa,aAAAA,CACAva,KAAAA,OACAC,QAAAA,KAGA2V,MAAAA,CAAAA,WACAnX,MAAAA,EAAAA,GACA,kBAEA,gCACA,+BAEA,OACA6C,EAAAA,KAAAA,UAAAA,EAGA,OACAA,EAAAA,KAAAA,cAAAA,EAGA,MACAgR,EAAAA,0BAAAA,EAGA,OACA+T,SACA9mB,QACAG,OACAkT,QACAuH,cACAjH,MAAAA,CACAwH,SAAAA,EAAAA,KAGA,GCpH2Q,MCOvQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QCwMhC,IACAlc,KAAAA,cACAoB,WAAAA,CACA0mB,iBAAAA,GACAC,OAAAA,EACAC,UAAAA,GACAC,SAAAA,GACAC,eAAAA,GACAC,YAAAA,GACAC,eAAAA,GACAC,gBAAAA,GACAC,eAAAA,GACAC,gBAAAA,GACAC,YAAAA,GACAC,yBAAAA,GACAC,iBAAAA,GACAC,mBAAAA,GACAC,qBAAAA,GACAC,mBAAAA,IAEA5oB,QACA,kBACA,cACA,eACA,eACA,eAEA,eACA,eAEA,QAEA,uBAGA,gBACA,wBAGA,SACA0B,EAAAA,OAAAA,mBAAAA,GAGA,yCAEA,kCAEA,2CAEA,wCAEA,kBACA,qBACA,kBAEA,8CACA,4CACA,2CACA,uCAGA,6EACA,iCAEA,iBACA,qBAEA,wCAIA,gCAIA,IAGA,YACAiD,uBAAAA,EACAM,uBAAAA,EACAG,iBAAAA,EACAC,0BAAAA,EACAI,eAAAA,EACAX,YAAAA,EACAY,cAAAA,EACAI,aAAAA,EACAH,gBAAAA,EACAL,gBAAAA,EACAH,aAAAA,KAGAxD,EAAAA,EAAAA,KAAAA,KACAknB,EAAAA,OAAAA,QAEAnkB,EAAAA,aAAAA,EAAAA,MAGAA,EAAAA,aAAAA,EAAAA,QAAAA,EAAAA,MAEAvE,OAAAA,SAAAA,EAAAA,EAAAA,KAIAiV,EAAAA,EAAAA,IAAAA,GAAAA,KACA1Q,EAAAA,cAAAA,EAAAA,KAAAA,IAIA,wBACA0Q,EAAAA,EAAAA,KACA,iCACA,KACA,6BACApS,EAAAA,oBACA4C,EAAAA,MAAAA,EAAAA,MAAAA,mBACAlB,EAAAA,gBAAAA,EACAhD,EAAAA,OAAAA,wBAAAA,MACA,KAIA0T,EAAAA,EAAAA,IAAAA,GAAAA,CAAAA,EAAAA,KACAyT,EAAAA,OAAAA,QACA1oB,OAAAA,SAAAA,EAAAA,EAAAA,KAGAiV,EAAAA,EAAAA,IACA1Q,GACA,QACAmkB,EAAAA,OAAAA,QAEAvc,YAAAA,KACAwc,GAAAA,GACA,KAEA,CAAAC,MAAAA,IAGA,aACA,wEACA,GACA5oB,OAAAA,SAAAA,EAAAA,GACA6oB,EAAAA,QAEApnB,QAAAA,KAAAA,eACA,EAMA,cAEA,OADAoB,EAAAA,oBACA,QAaA,SAeA0B,EAAAA,eAAAA,EACAA,EAAAA,uBAAAA,GACA,uBACA1B,EAAAA,aACA,KAlBA0B,EAAAA,eAAAA,GAGA,oBACAA,EAAAA,uBAAAA,GAIA,SACAukB,EAAAA,oBAAAA,IAEA,IAxBAvkB,EAAAA,uBAAAA,GAGA,oBACAA,EAAAA,eAAAA,GAIA,SACAukB,EAAAA,oBAAAA,IAEA,EAwBA,EAEA,GAEAplB,eAAAA,GACAb,EAAAA,oBAEA4B,EAAAA,MAAAA,IAAA,GACA,UAEAskB,EAAAA,OAAAA,EACA5c,YAAAA,KACA4c,EAAAA,OAAAA,CAAAA,GACA,KAGAC,EAAAA,OAAAA,EAEAF,EAAAA,aAAAA,SAAAA,GACA,SAUA,GATAE,EAAAA,OAAAA,EAGA5Z,OAAAA,OAAAA,EAAAA,cAAAA,GAMA,8BAEA,YADA7K,EAAAA,iBAAAA,GAKA,WAoBA1B,EAAAA,kBApBA,CAGA,uEAIA,OAHAtB,EAAAA,OAAAA,8BAAAA,QACAA,EAAAA,OAAAA,uBAAAA,IAAA,IAKA,SACA,SACAgD,EAAAA,uBAAAA,EAKA1B,EAAAA,aAEA,CAGA,MACAmmB,EAAAA,OAAAA,CAEA,MAEA,EAGAjkB,2BACAR,EAAAA,uBAAAA,EACAA,EAAAA,aAAAA,EACA1B,EAAAA,aACA,EAGAwC,yBAAAA,SAAAA,GACA4jB,EAAAA,cAAAA,gBAAAA,EACApmB,EAAAA,aAAAA,EACA,EAGAgC,yBACAN,EAAAA,YAAAA,CACA,EAGAJ,cACA,gCACA,kBACA0E,EAAAA,YAAAA,EACAtH,EAAAA,OAAAA,iBAAAA,EAAAA,cAEAsB,EAAAA,eAEA,EACAuB,iBACA,gCACA,iBACAyE,EAAAA,cACAtH,EAAAA,OAAAA,iBAAAA,EAAAA,cAEAsB,EAAAA,eAEA,EACAwB,aACA,gCACA,8BACAwE,EAAAA,YAAAA,EAAAA,WAAAA,EACAtH,EAAAA,OAAAA,iBAAAA,EAAAA,cAEAsB,EAAAA,eAEA,EACAyB,aACA,gCAEA,8BACAuE,EAAAA,cACAtH,EAAAA,OAAAA,iBAAAA,EAAAA,cAEAsB,EAAAA,eAEA,EAEAc,cAAAA,GACAgM,EAAAA,YAAAA,EACA,EACA/L,iBAAAA,GACA+L,EAAAA,eAAAA,EACA,GAGA,GACA3M,SAAAA,GACAM,EAAAA,MAAAA,EACAP,EAAAA,OAAAA,EACAxB,EAAAA,OAAAA,iBAAAA,EACA,EAEAiC,YAAAA,GACA4L,OAAAA,OAAAA,EAAAA,cAAAA,GACA7K,EAAAA,aAAAA,CACA,EAGA2kB,oBACA,uCACAlpB,OAAAA,QAAAA,kBAAAA,SAEA,EAEA8C,OAAAA,GAEA,mBACAF,EAAAA,MAAAA,EACA,mBACA+M,EAAAA,gBAAAA,EAAAA,MAEA,gCACApO,EAAAA,OAAAA,iBAAAA,EAAAA,YACA,CACA,EAEA4nB,gBAGA,gCACA,iBAIA,GAFA5nB,EAAAA,OAAAA,iBAAAA,GAEA,kDACA,gBACA,kBAOA,OANAsB,EAAAA,OAAAA,GAGAgG,EAAAA,YAAAA,OACAtH,EAAAA,OAAAA,iBAAAA,EAAAA,YAGA,CAEA,kBACA,UACAsB,EAAAA,OAAAA,GAGA,gCACA,cACAumB,EAAAA,YAAAA,EACA7nB,EAAAA,OAAAA,iBAAAA,GAEA,CACA,CACA,EAEA8nB,gBAGA,gCACA,iBAEA,wCACA,cACA,kBACAxmB,EAAAA,OAAAA,GACA,gCACA,eACAumB,EAAAA,YAAAA,EAAAA,WAAAA,EAEAA,EAAAA,YAAAA,EAEA7nB,EAAAA,OAAAA,iBAAAA,EAAAA,YACA,MACA,YACAsB,EAAAA,OAAAA,EACA,CAGA,gCACA,eACAumB,EAAAA,YAAAA,EAAAA,WAAAA,EAEAA,EAAAA,YAAAA,EAEA7nB,EAAAA,OAAAA,iBAAAA,EAAAA,YACA,CACA,EAGAmQ,YAAAA,GACA,wBAIA,cACA,GACA,4BAEA,YADAnN,EAAAA,gBAAAA,GAMA,mBACA1B,EAAAA,oBACA,QACA0B,EAAAA,0BAAAA,EAEAA,EAAAA,YAAAA,CAEA,EAEA,aACAoL,EAAAA,qBAAAA,EAAAA,KACA,EAEAsZ,EAAAA,YAAAA,EAAAA,MAAAA,EAAAA,EACA,EAEAK,UAAAA,WACAzmB,EAAAA,oBAEAkmB,EAAAA,OAAAA,EACA1lB,EAAAA,OAAAA,EAEAsM,EAAAA,oBAAAA,WACAtM,EAAAA,OAAAA,EACA0lB,EAAAA,OAAAA,GAEA,2BACAD,EAAAA,YAAAA,EAEA,GACA,EAEAte,kBAAAA,SAAAA,GACAue,EAAAA,OAAAA,EACA1lB,EAAAA,OAAAA,EAEAsM,EAAAA,kBAAAA,GAAAA,WACAtM,EAAAA,OAAAA,EACA0lB,EAAAA,OAAAA,CACA,GACA,EAEArjB,cACA1F,OAAAA,SAAAA,QACA,GAGA,iBACA,0CACA,UAEA,mCACA,0BACA,+BACA,4BACA,gCACA,6BACA,gCACA,6BACA,6BACA,0BACA,kCACA,8BACA,mCACA,gCAEA,gDACA,CAjBA,yBAiBA,IAMA,gBACA,8BAGA,QACA6C,EAAAA,kBAAAA,EAAAA,OAEAA,EAAAA,YAGA,uBACA,WAGA,GAFAyF,EAAAA,KAAAA,MAAAA,KAAAA,UAAAA,EAAAA,QAEA,SACA,4BAEA,wDACA,SAGA,yCACA,uCACA,kEACA,SAIA,YAEA,gCACA,WACA,IAEAA,EAAAA,IAAA,EAAAqB,QAAAW,aAAAgC,aAAAjC,cACA,CAEA,YAIA,iCAcA,OAbA4K,EAAAA,EAAAA,IAAAA,GAAAA,KACApS,EAAAA,WAAAA,KAIAoS,EAAAA,EAAAA,KACA,cACA,SAMA,CACA9T,WACAwB,UACAU,UACAD,cACAL,cACAO,cACAiB,UACAE,iBACAkL,SACA9G,KAAAA,EAAAA,KACAjE,cAAAA,EAAAA,cACA/B,UACAY,SACAR,iBACAM,mBACAX,aACAwC,gBACAK,qBACAvC,YAAAA,EAAAA,YAEA,GC/xBoQ,MCOhQ,IAAY,OACd,GACA,EACA,GACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB5BvD,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACM,MAAM,CAAC,IAAMR,EAAIgU,KAAK7R,GAAG,CAAC,OAASnC,EAAIyC,UAAWzC,EAAIgU,IAAK,CAAC9T,EAAG,mBAAmB,CAACM,MAAM,CAAC,IAAMR,EAAIgU,QAAQhU,EAAIU,MAAM,EACzO,EACIrB,GAAkB,GCFyDe,GAAAA,W,IAAmBI,EAAM,K,EAAC,QAAY,G,OAAG,OAAE,YAAY,OAAEJ,MAAAA,CAAmBI,aAAM,KAAW,QAAE,YAAY,OAAEJ,MAAAA,CAAkCC,KAAS,M,CAAiD,MAAQ,C,YAAW,sBAAE,MAAC,qCAAC8B,MAAG,CAAC,MAAQ,G,MAAwBnC,IAAyB,IAAIA,MAAO,SAAY,GAAoBI,OAAW,EAAC,kBAAM,EAACI,IAAiB,iCAAE,YAAY,OAAEJ,MAAAA,CAAkCC,KAAS,M,CAAiD,MAAQ,C,YAAW,sBAAE,MAAC,qCAAC8B,MAAG,CAAC,MAAQ,G,MAAwBnC,IAAyB,IAAIA,MAAO,SAAY,GAAiBI,OAAW,EAAC,kBAAM,EAACI,IAAiB,8BAAE,YAAY,OAAEJ,MAAAA,CAAkCC,KAAS,M,CAAiD,MAAQ,C,YAAW,sBAAE,MAAC,qCAAC8B,MAAG,CAAC,MAAQ,G,MAAwBnC,IAAyB,IAAIA,MAAO,SAAY,GAAkBI,OAAW,EAAC,kBAAM,EAACI,IAAiB,+BAAE,YAAY,OAAEJ,MAAAA,CAAkCC,KAAS,M,CAAiD,MAAQ,C,YAAW,sBAAE,MAAC,qCAAC8B,MAAG,CAAC,MAAQ,G,MAAwBnC,IAAyB,IAAIA,MAAO,SAAY,GAC1qC,6BACGX,I,oCC4BJ,IACAE,KAAAA,oBACAsB,MAAAA,CACAmT,IAAAA,CAAAjT,KAAAA,OAAAC,QAAAA,IAEAxB,MAAAA,EAAAA,GAEA,YACA6C,EAAAA,KAAAA,SAAAA,EAAAA,EAGA,OACA6mB,oBAEA,GC5CwQ,MCOpQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QClB5B5pB,GAAS,WAAkB,IAAIU,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoBI,MAAM,CAAC,GAAK,sBAAsB,CAAER,EAAIgD,QAAS9C,EAAG,cAAcF,EAAIU,KAAOV,EAAIgD,QAA6HhD,EAAIU,KAAxH,CAACR,EAAG,WAAW,CAACM,MAAM,CAAC,MAAQR,EAAImpB,MAAMhT,OAAOjW,EAAG,WAAW,CAACM,MAAM,CAAC,MAAQR,EAAIopB,UAAU,IAAMppB,EAAImpB,MAAMhT,SAAkB,EACrU,EACI9W,GAAkB,G,WCFsBa,GAAOC,WAAS,MAAU,KAAOC,EAAAA,EAAAA,MAAY,GAAsB,OAAMwT,EAAI5T,MAAImpB,CAA4B,YAAU,wB,EAAU,GAACE,EAAK1f,OAAE,c,OAACvJ,EAAAA,MAAY,CAAY,IAAK,KAAYA,YAAY,aAAcC,CAAAA,EAAK,KAAE,CAA0BG,YAAM,c,MAAC,eAAO,MAAI,OAAIN,KAAQ,O,CAAS,QAAMmpB,C,MAAqB,CAAe,iBAAG,IAAC,eAA4B,IAAK,MAAI,EAAM,qBAA4DhpB,EAAO,OAAsB,YAAW,+CAACA,MAAO,aAAgB,KAAQ,CAACH,EAAG,MAAM,CAACE,MAAAA,YAAY,QAAgBC,EAAK,MAAE,CAA4B,YAAa,gBAA0CD,MAAAA,iBAAY,OAAsDC,CAAAA,EAAK,SAAS0T,CAAAA,EAAK,GAAG,EAAE,sBAAE,YAAW,sDAAC3T,MAAAA,QAAY,OAAS,CAACF,EAAG,MAAM,CAAEE,YAAY,SAAkB,CAACJ,EAAG,OAAQ0B,CAA6BtB,YAAY,kBAAkB,CAACF,EAAG,KAAM,yBAACE,YAAY,kBAAsC,CAACF,EAAG,MAAM,CAACE,YAAY,sCAAOI,CAAAA,EAAK,MAAC,C,YAAWkW,O,MAAoB,CAAa,IAAM,mBAAM,WAAIxW,IAAG,UAAuCF,EAAG,OAAQ0B,CAAiD,YAAE,kBACjpC,mDACD,IAAIrC,EAEJ,E,MC2BA,IACAE,KAAAA,WACAsB,MAAAA,CACAsoB,MAAAA,OAEA3pB,QACA,WACA,KAGA,MACAkjB,EAAAA,OAAAA,IAAAA,EAAAA,KAAAA,EAGA,OAAAhM,UAAA4S,kBACA,GC9C0Q,MCQtQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,WACA,MAIF,GAAe,GAAiB,QCnBYppB,GAAOC,WAAS,MAAU,KAAOC,EAAAA,EAAAA,MAAY,GAAiB,OAAO,EAAC+oB,MAASnpB,CAAwD,YAAU,mB,CAAO8T,EAAG,OAAQ,2C,OAAC1T,EAAAA,MAAY,CAAyD,IAAK,EAAK,GAAEA,YAAY,0DAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAQ,CAACF,EAAG,MAAM,CAAEE,YAAY,QAAU,CAACJ,EAAG,OAAQ0B,CAAgDlB,YAAM,U,CAAC,KAAM,EAAC,oCAAI,OAAIN,KAAQ,O,CAAS,QAAMmpB,C,MAAqB,CAAQ,iBAAG,IAAC,QAA4B,IAAK,MAAI,EAAO,qBAA8BhpB,EAAM,QAAO,YAAaqB,iBAA+BtB,MAAAA,QAAyB,CAACF,EAAG,KAAM,2BAACE,YAAY,aAAsC,CAACF,EAAG,MAAM,CAACE,YAAY,sCAAOI,CAAAA,EAAK,MAAC,C,YAAWkW,O,MAAoB,CAAa,IAAM,mBAAM,WAAIxW,IAAG,UAAuCF,EAAG,OAAQ0B,CAA0C,YAAa1B,kBACn7B,6CACD,IAAIX,EAAAA,OAAe,EAAI,SAAW,8D,EAAca,GAAe,YAAC,MAAU,KAAOE,EAAAA,EAAAA,MAAY,GAAa,OAAM,QAAO,CAACA,YAAY,eAA8B,CAACJ,EAAG,OAAI,CACxK,0CAEF,GAASV,GAAAA,qB,GC0BT,IACAC,KAAAA,WACAsB,MAAAA,CACAsoB,MAAAA,MACAhT,IAAAA,OAEA3W,QACA,WACA,KAGA,MACAkjB,EAAAA,OAAAA,IAAAA,sHAAAA,EAGA,OAAAhM,UAAA4S,kBACA,GC/C0Q,MCOtQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QCIhC,IACA/pB,KAAAA,mBACAoB,WAAAA,CACAsb,WAAAA,GAEAsN,SAAAA,GACAC,SAAAA,IAEA3oB,MAAAA,CACAmT,IAAAA,QAEAxU,MAAAA,GACA,qBACA,YACA2W,IAAAA,GACAsT,IAAAA,GACAC,MAAAA,GACAC,OAAAA,GACAC,QAAAA,KAGA,iBACA,cACA,aACA,qBAGA,MACA,uBAGA,MACA,wBAGA,MACA,yBAIA,MAGA,GACAX,UAAAA,WACAjmB,EAAAA,OAAAA,EACAwC,EAAAA,IACAqkB,gBACA/e,MAAAA,IAGAqe,EAAAA,IAAAA,EAAAA,KAAAA,IACAA,EAAAA,MAAAA,EAAAA,KAAAA,MACAA,EAAAA,QAAAA,EAAAA,KAAAA,QACAA,EAAAA,OAAAA,EAAAA,KAAAA,MAAAA,IAEA/d,SAAAA,KACApI,EAAAA,OAAAA,CAAAA,GAEA,EAEA8mB,YAAAA,SAAAA,GACA,qBAGA,+BACAX,EAAAA,IAAAA,IAAAA,GAGA,+BACA,QACA,CAgBA,QACA,GAMA,OAFA3mB,EAAAA,YAEA,CAAAA,UAAAQ,UAAAmmB,QAAAC,YACA,GCrHkR,MCO9Q,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QCHhC,IACA7pB,KAAAA,iBACAoB,WAAAA,CACA2mB,OAAAA,GACAyC,iBAAAA,IAEAvqB,QACA,oBAEA,MACAwU,EAAAA,MAAAA,CAAAA,EAGA,OACAA,MACAvR,SAEA,GChCuQ,MCOnQ,IAAY,OACd,GACA,GACA,IACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,QCqChC,IACA9B,WAAAA,CACAsb,WAAAA,GACA+N,OAAAA,EACAC,KAAAA,EACAC,YAAAA,GACAC,eAAAA,GACAzC,YAAAA,IAEA7mB,MAAAA,CACAP,MAAAA,CACAS,KAAAA,OACAC,QAAAA,UAEAP,KAAAA,CACAM,KAAAA,OACAC,QAAAA,OAGAxB,QACA,kBACA,gBACA,mBAGA,gBACA,wBAGAoV,EAAAA,EAAAA,IAAAA,GAAAA,IACA,gBACA,4BACA,0CACA,6CACAwV,EAAAA,MAAAA,YAAAA,WAAAA,OAAAA,aAEAA,EAAAA,MAAAA,YAAAA,WAAAA,SAAAA,YAEA,KAGA,oBACA,eAEA,MACA9oB,EAAAA,MAAAA,CAAAA,EAGA,MACA+R,EAAAA,0BAAAA,EAGA,gBACA,2BAGA,OACAhS,eACAP,WACAQ,YACAC,cACAa,eACAZ,mBACA0Z,cAEA,GCxHkQ,MCO9P,IAAY,OACd,GACA5b,EACAD,GACA,EACA,KACA,KACA,MAIF,GAAe,GAAiB,O,mBClBhC,MAAMgrB,EAAS,CACdC,OAAQ,CACPC,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdC,KAAM,CACLR,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdE,OAAQ,CACPT,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdG,MAAO,CACNV,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdI,KAAM,CACLX,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdK,IAAK,CACJZ,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdM,KAAM,CACLb,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdO,OAAQ,CACPd,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdQ,UAAW,CACVf,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,WAGdS,OAAQ,CACPhB,KAAM,UACNC,QAAS,UACTC,UAAW,UACXC,WAAY,UACZC,SAAU,UACV3W,IAAK,UACL4W,eAAgB,UAChBC,YAAa,UACbC,YAAa,YAoCfU,EAAOC,QAAU,CAChBpB,S,2DCxJDpjB,EAAAA,GAAAA,IAAQykB,EAAAA,GAER,WAAmBA,EAAAA,EAAQ,CAC1BprB,MAAO,CACNmV,QAAS,CAAEkW,kBAAkB,GAC7BtB,OAAQ,CACPuB,MAAO,CACNrB,KAAM,UACNC,QAAS,UACTC,UAAW,c,gICNfxjB,EAAAA,GAAAA,IAAQ4kB,EAAAA,IAER,MAAM3qB,EAAQ,IAAI2qB,EAAAA,GAAAA,MAAW,CAC5B5lB,MAAO,CACNb,mBAAoB,KACpB/D,cAAc,EACdyb,eAAe,EACfjb,mBAAmB,EACnB4G,kBAAkB,EAClBqjB,cAAc,EACdxrB,MAAO,SACPgC,SAAS,EACT7B,KAAM,KACN6W,MAAO,EACPxP,oBAAqB,cACrBC,kBAAmB,KACnB4D,aAAc,EACdC,sBAAuB,EACvBuH,gBAAiB,KACjBZ,OAAQ,KACRwZ,aAAc,KACdzb,UAAW,KACX0b,KAAM,KACNva,iBAAkB,QAClBvL,WAAY,KACZpF,UAAU,EACVG,iBAAiB,EACjBuR,eAAe,EACf/G,kBAAmBqH,EAAAA,kBAAAA,OACnBtR,iBAAkB,EAOlByqB,2BAA2B,EAC3BC,yBAAyB,EACzBC,kBAAmB,KAGnBzgB,iCAAiC,EAEjCpD,oBAAqB,IAErBJ,iBAAkB,GAElBkkB,gBAAiB,CAChB,CACCziB,GAAI,EACJpK,KAAM,MACNqhB,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,YACNmV,KAAM,gBACN3T,KAAM8B,EAAAA,YAAAA,SACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,MACNmV,KAAM,WACN3T,KAAM8B,EAAAA,YAAAA,IACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,UACNmV,KAAM,eACN3T,KAAM8B,EAAAA,YAAAA,OACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,YACNmV,KAAM,iBACN3T,KAAM8B,EAAAA,YAAAA,UACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,SACNmV,KAAM,cACN3T,KAAM8B,EAAAA,YAAAA,OACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,WACNmV,KAAM,eACN3T,KAAM8B,EAAAA,YAAAA,SACN+d,QAAQ,EACRyL,YAAY,GAEb,CACC1iB,GAAI,EACJpK,KAAM,QACNmV,KAAM,aACN3T,KAAM8B,EAAAA,YAAAA,MACN+d,QAAQ,EACRyL,YAAY,IAGdtgB,cAAe,CACd,CACChL,KAAM8B,EAAAA,YAAAA,OACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,SACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,MACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,OACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,IACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,SACNmJ,MAAO,GAER,CACCjL,KAAM8B,EAAAA,YAAAA,UACNmJ,MAAO,IAGTsgB,2BAA4B,CAC3B,CACCvrB,KAAM8B,EAAAA,YAAAA,OACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,SACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,MACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,OACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,IACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,SACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,UACN2L,GAAI,IAGN+d,0BAA2B,CAC1B,CACCxrB,KAAM8B,EAAAA,YAAAA,OACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,SACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,MACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,OACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,IACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,SACN2L,GAAI,GAEL,CACCzN,KAAM8B,EAAAA,YAAAA,UACN2L,GAAI,IAGNge,aAAc,CACb5qB,WAAY,sDAIbwI,oBAAqB,KAIrBJ,YAAa,GAEd6E,QAAS,CACRC,eAAgB7I,GACRA,EAAMmmB,gBAAgB7iB,QAAOyK,IACnC,GAAIA,EAAIjT,KAAM,CACb,MAAMiL,EAAQ/F,EAAM8F,cAAcxC,QAAOkjB,GAAMA,EAAG1rB,MAAQiT,EAAIjT,OAAM,GAAGiL,MACvE,OAAOgI,EAAI4M,QAAU5U,EAAQ,CAC9B,CACC,OAAOgI,EAAI4M,MACZ,KAIH8L,UAAW,CACVC,sBAAsB1mB,EAAO/D,GAC5B+D,EAAMb,mBAAqBlD,CAC5B,EACA0qB,gBAAiB,CAAC3mB,EAAO6K,KACxB7K,EAAM5E,aAAeyP,CAAO,EAE7B+b,eAAgB,CAAC5mB,EAAO6K,KACvB7K,EAAM6W,cAAgBhM,CAAO,EAE9Bgc,mBAAoB,CAAC7mB,EAAO6K,KAC3B7K,EAAMpE,kBAAoBiP,CAAO,EAElCic,kBAAmB,CAAC9mB,EAAO6K,KAC1B7K,EAAMwC,iBAAmBqI,CAAO,EAEjCkc,cAAe,CAAC/mB,EAAO6K,KACtB7K,EAAM6lB,aAAehb,CAAO,EAE7Bmc,SAAU,CAAChnB,EAAO6K,KACjB7K,EAAMqR,MAAQxG,CAAO,EAEtBwE,QAAS,CAACrP,EAAO6K,KAChB7K,EAAMxF,KAAOqQ,CAAO,EAIrBoc,SAAU,CAACjnB,EAAO6K,KACjBzE,aAAaK,QAAQ,QAASoE,GAC9B7K,EAAM3F,MAAQwQ,EACd4a,EAAAA,EAAAA,UAAAA,MAAAA,OAAAA,MAA0CrB,EAAAA,OAAOvZ,EAAQ,EAe1Dqc,mBAAoB,CAAClnB,EAAO6K,KAC3B7K,EAAMkN,gBAAkBrC,CAAO,EAEhCsc,UAAW,CAACnnB,EAAO6K,KAClB7K,EAAMsM,OAASzB,CAAO,EAEvBuc,gBAAiB,CAACpnB,EAAO6K,KACxB7K,EAAM8lB,aAAejb,CAAO,EAE7Bwc,aAAc,CAACrnB,EAAO6K,KACrB7K,EAAMqK,UAAYQ,CAAO,EAE1Byc,QAAS,CAACtnB,EAAO6K,KAChB7K,EAAM+lB,KAAOlb,CAAO,EAErB0c,uBAAwB,CAACvnB,EAAO6K,KAC/B7K,EAAM6B,oBAAsBgJ,CAAO,EAEpC2c,qBAAsB,CAACxnB,EAAO6K,KAC7B7K,EAAM8B,kBAAoB+I,CAAO,EAElC4c,gBAAiB,CAACznB,EAAO6K,KACxB7K,EAAM0F,aAAemF,CAAO,EAE7B6c,yBAA0B,CAAC1nB,EAAO6K,KACjC7K,EAAM2F,sBAAwBkF,CAAO,EAEtC8c,cAAe,CAAC3nB,EAAO6K,KACtB7K,EAAMC,WAAa4K,CAAO,EAE3B+c,oBAAqB,CAAC5nB,EAAO6K,KAC5B7K,EAAMwL,iBAAmBX,CAAO,EAEjCgd,YAAa,CAAC7nB,EAAO6K,KACpB7K,EAAMnF,SAAWgQ,CAAO,EAEzBid,mBAAoB,CAAC9nB,EAAO6K,KAC3B7K,EAAMhF,gBAAkB6P,CAAO,EAEhCkd,oBAAqB,CAAC/nB,EAAO6K,KAC5B7K,EAAMzE,iBAAmBsP,CAAO,EAGjCmd,6BAA8B,CAAChoB,EAAO6K,KACrC7K,EAAMgmB,0BAA4Bnb,CAAO,EAE1Cod,2BAA4B,CAACjoB,EAAO6K,KACnC7K,EAAMimB,wBAA0Bpb,CAAO,EAExCqd,qBAAsB,CAACloB,EAAO6K,KAC7B7K,EAAMkmB,kBAAoB,IAAKrb,EAAS,EAGzCsd,mCAAoC,CAACnoB,EAAO6K,KAC3C7K,EAAMyF,gCAAkCoF,CAAO,EAGhDud,uBAAwB,CAACpoB,EAAO6K,KAC/B7K,EAAMqC,oBAAsBwI,CAAO,EAGpCwd,uBAAwB,CAACroB,EAAO6K,KAC/B7K,EAAMiC,iBAAmB4I,CAAO,EAGjCyd,mBAAoB,CAACtoB,EAAO6K,KAC3B7K,EAAMiC,iBAAiBoD,KAAKwF,EAAQ,EAGrC0d,sBAAuB,CAACvoB,EAAO6K,KAC9B7K,EAAMiC,iBAAmBjC,EAAMiC,iBAAiBqB,QAC/CklB,KAAOA,EAAE9kB,IAAMmH,EAAQnH,IAAM8kB,EAAE/kB,aAAeoH,EAAQpH,cACtD,EAGFglB,iBAAkB,CAACzoB,EAAO6K,KACzB7K,EAAMuM,cAAgB1B,CAAO,EAG9B6d,qBAAsB,CAAC1oB,EAAO6K,KAC7B7K,EAAMwF,kBAAoBqF,CAAO,EAGlC8d,iBAAkB,CAAC3oB,EAAO6K,KACzB7K,EAAM8F,cAAgB+E,CAAO,EAE9B+d,8BAA+B,CAAC5oB,EAAO6K,KACtC,IAAK,MAAMge,KAAY7oB,EAAMqmB,2BAA4B,CACxD,MAAMljB,EAAI2lB,EAAeje,EAASge,EAAS/tB,MAC3C,GAAIqI,EAAG,CACN0lB,EAAStgB,GAAKpF,EAAEoF,GAEhB,MAAMwgB,EAAUD,EAAe9oB,EAAMsmB,0BAA2BuC,EAAS/tB,MACnEsrB,EAAayC,EAAStgB,GAAKwgB,EAAQxgB,GACzC,IAAK,MAAMygB,KAAWhpB,EAAMmmB,gBAC3B,GAAI6C,EAAQluB,MAAQkuB,EAAQluB,MAAQqI,EAAErI,KAAM,CAC3CkuB,EAAQ5C,WAAaA,EACrB,KACD,CAED,KACD,CACD,GAED6C,4BAA6B,CAACjpB,EAAO6K,KACpC,IAAK,MAAMge,KAAY7oB,EAAMsmB,0BAA2B,CACvD,MAAMnjB,EAAI2lB,EAAeje,EAASge,EAAS/tB,MAC3C,GAAIqI,EAAG,CACN0lB,EAAStgB,GAAKpF,EAAEoF,GAEhB,MAAM2gB,EAAWJ,EAAe9oB,EAAMqmB,2BAA4BwC,EAAS/tB,MACrEsrB,EAAayC,EAAStgB,GAAK2gB,EAAS3gB,GAC1C,IAAK,MAAMygB,KAAWhpB,EAAMmmB,gBAC3B,GAAI6C,EAAQluB,MAAQkuB,EAAQluB,MAAQqI,EAAErI,KAAM,CAC3CkuB,EAAQ5C,WAAaA,EACrB,KACD,CAED,KACD,CACD,GAED+C,cAAe,CAACnpB,EAAO6K,KACtB7K,EAAMumB,aAAa5qB,WAAakP,CAAO,EAExCue,uBAAwB,CAACppB,EAAO6K,KAC/B7K,EAAMmE,oBAAsB0G,CAAO,EAEpCwe,eAAgB,CAACrpB,EAAO6K,KACvB7K,EAAM+D,YAAc8G,CAAO,GAG7BtO,QAAS,CACR+sB,cAAa,OAAEtkB,GAAU6F,GACxB,MAAM,MAAEuC,EAAK,OAAEmc,GAAW1e,EAE1BhR,KAAK,QAASuT,EAAO,IACjBmc,GAEL,GAEDC,QAAS,CAAC,IAGLV,EAAiB,CAACzgB,EAAKvN,IACrBuN,EAAIY,MAAKD,GAAKlO,GAAQkO,EAAElO,MAAQkO,EAAElO,MAAQA,IAGlD,SACO,MAAMiF,EAAW,IAAM9E,C,qNCxa9B,MAAMwE,EAAiB,WACtB,MAAO,WAAagqB,IAAoB,QACzC,EAEMxc,EAAiB,WACtB,MAAO,SAAWwc,IAAoB,WACvC,EAEMC,EAAqB,WAC1B,MAAQ,2DAA0DD,KACnE,EAEMtf,EAA4B,WACjC,OAAOuf,IAAuB,QAC/B,EAEMtf,EAA4B,SAAUC,GAC3C,OAAOqf,IAAwB,oBAAmBrf,GACnD,EAEMof,EAAkB,WACvB,MAAM9oB,EAAOjH,OAAOgH,SAASC,KAC7B,OACCA,EAAKC,WAAW,cAChBD,EAAKC,WAAW,2BAChBD,EAAKC,WAAW,8BAKhBD,EAAKC,WAAW,iDAChBD,EAAKC,WAAW,gCAHT,mCAMGD,EAAKC,WAAW,gDACnB,+BAEA,kCAGT,EAEM+oB,EAAmB,WACxB,IAAIC,EAAO,4CAIX,OAHIH,IAAkBzd,SAAS,UAC9B4d,EAAO,iDAEDA,CACR,C,mBChDA,MAAMC,EAAQ,CACbC,qBAAsB,kCAGjBC,EAAU,eAEVntB,EAAc,CACnBY,OAAQ,SACRX,OAAQ,SACRc,MAAO,QACPC,IAAK,MACLosB,OAAQ,SACRzsB,SAAU,WACVE,UAAW,YACXC,SAAU,YAGLkM,EAAiB,CACtBqgB,QAAS,UACTC,QAAS,WAGJrd,EAAoB,CACzBsd,MAAO,EACPC,OAAQ,EACRC,MAAO,GAGFC,EAAW,CAChBC,IAAK,eACLC,KAAM,gBAGPjF,EAAOC,QAAU,CAAEqE,QAAOE,UAASntB,cAAagN,iBAAgBiD,oBAAmByd,W,uBCjCnF,IAAIG,EAAM,CACT,aAAc,IACd,cAAe,KACf,aAAc,KACd,cAAe,KACf,eAAgB,KAChB,aAAc,KACd,eAAgB,KAChB,YAAa,KACb,kBAAmB,KACnB,eAAgB,KAChB,eAAgB,MAIjB,SAASC,EAAeC,GACvB,IAAIjnB,EAAKknB,EAAsBD,GAC/B,OAAOE,EAAoBnnB,EAC5B,CACA,SAASknB,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAIlO,EAAI,IAAIsO,MAAM,uBAAyBJ,EAAM,KAEjD,MADAlO,EAAEuO,KAAO,mBACHvO,CACP,CACA,OAAOgO,EAAIE,EACZ,CACAD,EAAeO,KAAO,WACrB,OAAOniB,OAAOmiB,KAAKR,EACpB,EACAC,EAAeQ,QAAUN,EACzBrF,EAAOC,QAAUkF,EACjBA,EAAehnB,GAAK,I,uBChCpB,IAAI+mB,EAAM,CACT,UAAW,KACX,UAAW,KACX,UAAW,KACX,aAAc,KACd,eAAgB,KAChB,iBAAkB,KAClB,iBAAkB,KAClB,gBAAiB,KACjB,gBAAiB,KACjB,cAAe,IACf,mBAAoB,KACpB,sBAAuB,IACvB,uBAAwB,KACxB,sBAAuB,KACvB,uBAAwB,KACxB,wBAAyB,KACzB,sBAAuB,KACvB,wBAAyB,KACzB,qBAAsB,KACtB,2BAA4B,KAC5B,wBAAyB,KACzB,wBAAyB,KACzB,kBAAmB,KACnB,qBAAsB,KACtB,sBAAuB,KACvB,iBAAkB,KAClB,uBAAwB,IACxB,mBAAoB,KACpB,oBAAqB,KACrB,qBAAsB,KACtB,iBAAkB,KAClB,sBAAuB,KACvB,uBAAwB,KACxB,sBAAuB,KACvB,wBAAyB,KACzB,4BAA6B,KAC7B,sBAAuB,KACvB,2BAA4B,KAC5B,wBAAyB,KACzB,6BAA8B,KAC9B,qBAAsB,KACtB,0BAA2B,KAC3B,2BAA4B,IAC5B,gCAAiC,KACjC,wBAAyB,KACzB,wBAAyB,MAI1B,SAASC,EAAeC,GACvB,IAAIjnB,EAAKknB,EAAsBD,GAC/B,OAAOE,EAAoBnnB,EAC5B,CACA,SAASknB,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAIlO,EAAI,IAAIsO,MAAM,uBAAyBJ,EAAM,KAEjD,MADAlO,EAAEuO,KAAO,mBACHvO,CACP,CACA,OAAOgO,EAAIE,EACZ,CACAD,EAAeO,KAAO,WACrB,OAAOniB,OAAOmiB,KAAKR,EACpB,EACAC,EAAeQ,QAAUN,EACzBrF,EAAOC,QAAUkF,EACjBA,EAAehnB,GAAK,I,sBCnEpB,IAAI+mB,EAAM,CACT,yBAA0B,IAC1B,0BAA2B,KAC3B,yBAA0B,KAC1B,2BAA4B,KAC5B,yBAA0B,KAC1B,2BAA4B,KAC5B,wBAAyB,KACzB,8BAA+B,KAC/B,2BAA4B,KAC5B,2BAA4B,MAI7B,SAASC,EAAeC,GACvB,IAAIjnB,EAAKknB,EAAsBD,GAC/B,OAAOE,EAAoBnnB,EAC5B,CACA,SAASknB,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAIlO,EAAI,IAAIsO,MAAM,uBAAyBJ,EAAM,KAEjD,MADAlO,EAAEuO,KAAO,mBACHvO,CACP,CACA,OAAOgO,EAAIE,EACZ,CACAD,EAAeO,KAAO,WACrB,OAAOniB,OAAOmiB,KAAKR,EACpB,EACAC,EAAeQ,QAAUN,EACzBrF,EAAOC,QAAUkF,EACjBA,EAAehnB,GAAK,G,uBC/BpB,IAAI+mB,EAAM,CACT,sBAAuB,KACvB,uBAAwB,KACxB,sBAAuB,KACvB,wBAAyB,KACzB,4BAA6B,KAC7B,sBAAuB,KACvB,2BAA4B,KAC5B,wBAAyB,KACzB,6BAA8B,KAC9B,qBAAsB,KACtB,0BAA2B,KAC3B,2BAA4B,IAC5B,gCAAiC,KACjC,wBAAyB,KACzB,wBAAyB,MAI1B,SAASC,EAAeC,GACvB,IAAIjnB,EAAKknB,EAAsBD,GAC/B,OAAOE,EAAoBnnB,EAC5B,CACA,SAASknB,EAAsBD,GAC9B,IAAIE,EAAoBC,EAAEL,EAAKE,GAAM,CACpC,IAAIlO,EAAI,IAAIsO,MAAM,uBAAyBJ,EAAM,KAEjD,MADAlO,EAAEuO,KAAO,mBACHvO,CACP,CACA,OAAOgO,EAAIE,EACZ,CACAD,EAAeO,KAAO,WACrB,OAAOniB,OAAOmiB,KAAKR,EACpB,EACAC,EAAeQ,QAAUN,EACzBrF,EAAOC,QAAUkF,EACjBA,EAAehnB,GAAK,I","sources":["webpack://ss-twitch-extension/./src/App.vue","webpack://ss-twitch-extension/src/App.vue","webpack://ss-twitch-extension/./src/App.vue?7e46","webpack://ss-twitch-extension/./src/App.vue?0e40","webpack://ss-twitch-extension/./src/views/PanelPage.vue","webpack://ss-twitch-extension/src/views/PanelPage.vue","webpack://ss-twitch-extension/./src/views/PanelPage.vue?a6fe","webpack://ss-twitch-extension/./src/views/PanelPage.vue?b809","webpack://ss-twitch-extension/./src/views/panels/PanelView.vue","webpack://ss-twitch-extension/./src/components/panel/Header.vue","webpack://ss-twitch-extension/src/components/panel/Header.vue","webpack://ss-twitch-extension/./src/components/panel/Header.vue?0bd3","webpack://ss-twitch-extension/./src/components/panel/Header.vue?8428","webpack://ss-twitch-extension/./src/components/panel/Tabs.vue","webpack://ss-twitch-extension/src/components/panel/Tabs.vue","webpack://ss-twitch-extension/./src/components/panel/Tabs.vue?41cd","webpack://ss-twitch-extension/./src/components/panel/Tabs.vue?c1f1","webpack://ss-twitch-extension/./src/components/panel/StickersTab.vue","webpack://ss-twitch-extension/./src/plugins/axios.js","webpack://ss-twitch-extension/./src/components/panel/StickersTabData.js","webpack://ss-twitch-extension/./src/components/panel/StickersTabStreamerStatus.js","webpack://ss-twitch-extension/./src/utils/utils.js","webpack://ss-twitch-extension/./src/utils/error.js","webpack://ss-twitch-extension/./src/components/panel/StickersTabShowSticker.js","webpack://ss-twitch-extension/./src/components/panel/Stickers/SubNav.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/SubNav.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/SubNav.vue?c504","webpack://ss-twitch-extension/./src/components/panel/Stickers/SubNav.vue?98bc","webpack://ss-twitch-extension/./src/components/panel/Stickers/CategoryDropdown.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/CategoryDropdown.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/CategoryDropdown.vue?78b3","webpack://ss-twitch-extension/./src/components/panel/Stickers/CategoryDropdown.vue?1d60","webpack://ss-twitch-extension/./src/components/panel/Stickers/SearchBox.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/SearchBox.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/SearchBox.vue?3ff8","webpack://ss-twitch-extension/./src/components/panel/Stickers/SearchBox.vue?96fd","webpack://ss-twitch-extension/./src/components/panel/Stickers/Stickers.vue","webpack://ss-twitch-extension/./src/components/panel/SpinLoader.vue","webpack://ss-twitch-extension/src/components/panel/SpinLoader.vue","webpack://ss-twitch-extension/./src/components/panel/SpinLoader.vue?7be9","webpack://ss-twitch-extension/./src/components/panel/SpinLoader.vue?83b4","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerReward.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/StickerReward.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerReward.vue?d3c6","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerReward.vue?1f96","webpack://ss-twitch-extension/./src/components/panel/Stickers/Sticker.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/AssetsTTS.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/AssetsTTS.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/AssetsTTS.vue?a9a0","webpack://ss-twitch-extension/./src/components/panel/Stickers/AssetsTTS.vue?85e9","webpack://ss-twitch-extension/src/components/panel/Stickers/Sticker.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/Sticker.vue?b13e","webpack://ss-twitch-extension/./src/components/panel/Stickers/Sticker.vue?c6c2","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerTTS.vue","webpack://ss-twitch-extension/./src/views/panels/TTSDialog.vue","webpack://ss-twitch-extension/src/views/panels/TTSDialog.vue","webpack://ss-twitch-extension/./src/views/panels/TTSDialog.vue?1367","webpack://ss-twitch-extension/./src/views/panels/TTSDialog.vue?6c2f","webpack://ss-twitch-extension/src/components/panel/Stickers/StickerTTS.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerTTS.vue?b234","webpack://ss-twitch-extension/./src/components/panel/Stickers/StickerTTS.vue?9ebc","webpack://ss-twitch-extension/src/components/panel/Stickers/Stickers.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/Stickers.vue?2ceb","webpack://ss-twitch-extension/./src/components/panel/Stickers/Stickers.vue?ac46","webpack://ss-twitch-extension/./src/components/panel/Stickers/Footer.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/Footer.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/Footer.vue?05fd","webpack://ss-twitch-extension/./src/components/panel/Stickers/Footer.vue?6321","webpack://ss-twitch-extension/./src/views/panels/ErrorDialog.vue","webpack://ss-twitch-extension/./src/components/panel/PopupDialog.vue","webpack://ss-twitch-extension/src/components/panel/PopupDialog.vue","webpack://ss-twitch-extension/./src/components/panel/PopupDialog.vue?99a9","webpack://ss-twitch-extension/./src/components/panel/PopupDialog.vue?304e","webpack://ss-twitch-extension/src/views/panels/ErrorDialog.vue","webpack://ss-twitch-extension/./src/views/panels/ErrorDialog.vue?68ab","webpack://ss-twitch-extension/./src/views/panels/ErrorDialog.vue?1f4f","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSlap.vue","webpack://ss-twitch-extension/src/views/panels/BroadcasterSlap.vue","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSlap.vue?d8ee","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSlap.vue?2728","webpack://ss-twitch-extension/./src/views/panels/LocationDialog.vue","webpack://ss-twitch-extension/./src/components/panel/VueDrr.vue","webpack://ss-twitch-extension/src/components/panel/VueDrr.vue","webpack://ss-twitch-extension/./src/components/panel/VueDrr.vue?5eea","webpack://ss-twitch-extension/./src/components/panel/VueDrr.vue?92e0","webpack://ss-twitch-extension/src/views/panels/LocationDialog.vue","webpack://ss-twitch-extension/./src/views/panels/LocationDialog.vue?e2d6","webpack://ss-twitch-extension/./src/views/panels/LocationDialog.vue?02ce","webpack://ss-twitch-extension/./src/views/panels/SubscribeDialog.vue","webpack://ss-twitch-extension/src/views/panels/SubscribeDialog.vue","webpack://ss-twitch-extension/./src/views/panels/SubscribeDialog.vue?b11d","webpack://ss-twitch-extension/./src/views/panels/SubscribeDialog.vue?d30c","webpack://ss-twitch-extension/./src/views/panels/SoundDialog.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/MusicPlayer.vue","webpack://ss-twitch-extension/src/components/panel/Stickers/MusicPlayer.vue","webpack://ss-twitch-extension/./src/components/panel/Stickers/MusicPlayer.vue?d5f4","webpack://ss-twitch-extension/./src/components/panel/Stickers/MusicPlayer.vue?d25e","webpack://ss-twitch-extension/src/views/panels/SoundDialog.vue","webpack://ss-twitch-extension/./src/views/panels/SoundDialog.vue?b792","webpack://ss-twitch-extension/./src/views/panels/SoundDialog.vue?faf9","webpack://ss-twitch-extension/./src/views/panels/CooldownDialog.vue","webpack://ss-twitch-extension/src/views/panels/CooldownDialog.vue","webpack://ss-twitch-extension/./src/views/panels/CooldownDialog.vue?b80f","webpack://ss-twitch-extension/./src/views/panels/CooldownDialog.vue?dabd","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSuccessDialog.vue","webpack://ss-twitch-extension/src/views/panels/BroadcasterSuccessDialog.vue","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSuccessDialog.vue?9fe4","webpack://ss-twitch-extension/./src/views/panels/BroadcasterSuccessDialog.vue?e53d","webpack://ss-twitch-extension/./src/views/panels/ExtensionOffline.vue","webpack://ss-twitch-extension/src/views/panels/ExtensionOffline.vue","webpack://ss-twitch-extension/./src/views/panels/ExtensionOffline.vue?f1f7","webpack://ss-twitch-extension/./src/views/panels/ExtensionOffline.vue?8fb8","webpack://ss-twitch-extension/./src/views/panels/UserIdAccessDialog.vue","webpack://ss-twitch-extension/src/views/panels/UserIdAccessDialog.vue","webpack://ss-twitch-extension/./src/views/panels/UserIdAccessDialog.vue?c6c0","webpack://ss-twitch-extension/./src/views/panels/UserIdAccessDialog.vue?fb28","webpack://ss-twitch-extension/./src/views/panels/MustBeLoggedInDialog.vue","webpack://ss-twitch-extension/src/views/panels/MustBeLoggedInDialog.vue","webpack://ss-twitch-extension/./src/views/panels/MustBeLoggedInDialog.vue?8709","webpack://ss-twitch-extension/./src/views/panels/MustBeLoggedInDialog.vue?2a4d","webpack://ss-twitch-extension/./src/views/panels/ErrorMessageDialog.vue","webpack://ss-twitch-extension/src/views/panels/ErrorMessageDialog.vue","webpack://ss-twitch-extension/./src/views/panels/ErrorMessageDialog.vue?0388","webpack://ss-twitch-extension/./src/views/panels/ErrorMessageDialog.vue?f7e1","webpack://ss-twitch-extension/src/components/panel/StickersTab.vue","webpack://ss-twitch-extension/./src/components/panel/StickersTab.vue?129b","webpack://ss-twitch-extension/./src/components/panel/StickersTab.vue?044a","webpack://ss-twitch-extension/./src/components/panel/LeaderboardTab.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/SubNav.vue","webpack://ss-twitch-extension/src/components/panel/Leaderboard/SubNav.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/SubNav.vue?f437","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/SubNav.vue?96cc","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/LeaderboardUsers.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/TopUsers.vue","webpack://ss-twitch-extension/src/components/panel/Leaderboard/TopUsers.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/TopUsers.vue?99fe","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/TopUsers.vue?c39c","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/UserList.vue","webpack://ss-twitch-extension/src/components/panel/Leaderboard/UserList.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/UserList.vue?7eba","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/UserList.vue?87f7","webpack://ss-twitch-extension/src/components/panel/Leaderboard/LeaderboardUsers.vue","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/LeaderboardUsers.vue?14aa","webpack://ss-twitch-extension/./src/components/panel/Leaderboard/LeaderboardUsers.vue?9cfa","webpack://ss-twitch-extension/src/components/panel/LeaderboardTab.vue","webpack://ss-twitch-extension/./src/components/panel/LeaderboardTab.vue?e3e7","webpack://ss-twitch-extension/./src/components/panel/LeaderboardTab.vue?862d","webpack://ss-twitch-extension/src/views/panels/PanelView.vue","webpack://ss-twitch-extension/./src/views/panels/PanelView.vue?8642","webpack://ss-twitch-extension/./src/views/panels/PanelView.vue?cc00","webpack://ss-twitch-extension/./src/plugins/themes.js","webpack://ss-twitch-extension/./src/plugins/vuetify.js","webpack://ss-twitch-extension/./src/store/index.js","webpack://ss-twitch-extension/./src/utils/config.js","webpack://ss-twitch-extension/./src/utils/constants.js","webpack://ss-twitch-extension/./src/assets/icons/favorite/ sync ^\\.\\/.*\\.png$","webpack://ss-twitch-extension/./src/assets/icons/ sync ^\\.\\/.*\\.png$","webpack://ss-twitch-extension/./src/assets/icons/ sync ^\\.\\/leaderboard_.*\\.svg$","webpack://ss-twitch-extension/./src/assets/icons/ sync ^\\.\\/stickers_.*\\.png$"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('v-main',[_c('router-view')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<v-app>\n\t\t<v-main>\n\t\t\t<router-view />\n\t\t</v-main>\n\t</v-app>\n</template>\n\n<script>\nimport { GTAG_KEY } from './utils/constants'\nexport default {\n\tname: 'App',\n\tsetup() {\n\t},\n\n\tbeforeMount() {\n\t\tconst host = window.location.host;\n\t\tlet hostType = 'DEV'\n\n\t\tif (host.startsWith('5tbyqce941455yffg7fzg36tp6or8p.ext-twitch.tv')) {\n\t\t\thostType = 'PROD'\n\t\t}\n\n\t\tconst gtagKey = document.createElement('script');\n\t\tgtagKey.src = `https://www.googletagmanager.com/gtag/js?id=${GTAG_KEY[hostType]}`;\n\t\tgtagKey.async = true;\n\n\t\tdocument.head.appendChild(gtagKey);\n\n\t\t// Define a callback function to initialize Google Analytics\n\t\twindow['dataLayer'] = window['dataLayer'] || [];\n\t\tfunction gtag() {\n\t\t\twindow['dataLayer'].push(arguments);\n\t\t}\n\t\twindow['gtag'] = gtag;\n\n\t\tgtagKey.onload = () => {\n\t\t\tgtag('js', new Date());\n\t\t\tgtag('config', GTAG_KEY[hostType]);\n\t\t};\n\t}\n};\n</script>\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=de9b23fc&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"home\",class:`${_vm.theme}-theme`},[(_vm.isAuthorized)?_c('PanelView',{attrs:{\"theme\":_vm.theme,\"size\":_vm.size}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"home\" :class=\"`${theme}-theme`\">\n\t\t<PanelView v-if=\"isAuthorized\" :theme=\"theme\" :size=\"size\" />\n\t</div>\n</template>\n\n<script>\nimport { computed, onMounted, ref } from 'vue';\nimport { useStore } from '@/store';\nimport VueJwtDecode from 'vue-jwt-decode';\nimport PanelView from './panels/PanelView';\n\nexport default {\n\tname: 'PanelPage',\n\tcomponents: {\n\t\tPanelView,\n\t},\n\tprops: {\n\t\tisMobile: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tisComponentView: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tsetup(props) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tstore.commit('setIsMobile', props.isMobile);\n\t\tstore.commit('setIsComponentView', props.isComponentView);\n\n\t\t// Set size for component view.\n\t\tif (props.isComponentView) {\n\t\t\tstore.commit('setSize', 'md');\n\t\t}\n\n\t\t// Load extension version.\n\t\tonMounted(() => {\n\t\t\tconst path = window.location.pathname.split('/');\n\t\t\tif (path.length > 2) {\n\t\t\t\tstore.commit('setExtensionVersion', path[2]);\n\t\t\t}\n\t\t});\n\n\t\tconst isAuthorized = ref(false);\n\t\twindow.Twitch.ext.onAuthorized(function (auth) {\n\t\t\tstore.commit('setTwitchAuth', auth);\n\t\t\tisAuthorized.value = true;\n\n\t\t\tconst claims = VueJwtDecode.decode(auth.token);\n\t\t\t//console.log(JSON.stringify(claims, null, 4));\n\n\t\t\t// See https://dev.twitch.tv/docs/extensions/#identity for identity details.\n\t\t\tstore.commit('setTwitchAuthToken', auth.token);\n\t\t\tstore.commit('setUserId', claims.user_id);\n\t\t\tstore.commit('setOpaqueUserId', claims.opaque_user_id);\n\t\t\tstore.commit('setChannelId', claims.channel_id);\n\n\t\t\tif (claims.user_id) {\n\t\t\t\tstore.commit('setRole', claims.channel_id != claims.user_id ? 'viewer' : 'broadcaster');\n\t\t\t} else {\n\t\t\t\tstore.commit('setRole', 'viewer');\n\t\t\t}\n\n\t\t\t// Set viewer subscription status.\n\t\t\tconst viewer = window.Twitch.ext.viewer;\n\t\t\tif (viewer.subscriptionStatus) {\n\t\t\t\tstore.commit('setSubscriber', true);\n\t\t\t} else {\n\t\t\t\tstore.commit('setSubscriber', false);\n\t\t\t}\n\t\t});\n\n\t\twindow.Twitch.ext.onError(function (error) {\n\t\t\tconsole.error(error);\n\t\t});\n\n\t\t// Listen for party mode on / off.\n\t\twindow.Twitch.ext.listen('broadcast', (target, contentType, message) => {\n\t\t\t//console.log(\n\t\t\t//\t`Broadcast message received, target is ${target}, contentType is ${contentType}, message is ${message}`,\n\t\t\t//);\n\t\t\tif (message) {\n\t\t\t\tif (message == 'partyModeOn') {\n\t\t\t\t\tstore.commit('setIsPartyModeOn', true);\n\t\t\t\t} else if (message == 'partyModeOff') {\n\t\t\t\t\tstore.commit('setIsPartyModeOn', false);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\treturn {\n\t\t\tisAuthorized,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PanelPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PanelPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PanelPage.vue?vue&type=template&id=7a1f5647&\"\nimport script from \"./PanelPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PanelPage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:[_vm.size === 'md' ? 'wide-panel' : 'panel', !_vm.isMobile && _vm.size === 'md' && 'panel-md-scroll', !_vm.isMobile && _vm.size === 'sm' && 'panel-sm-scroll', _vm.isMobile && 'panel-mobile'],attrs:{\"id\":\"panelView\"},on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[(_vm.panelLoading)?[_c('v-sheet',{staticClass:\"loading-sheet\",attrs:{\"min-height\":\"100%\",\"max-height\":\"100%\",\"min-width\":\"100%\",\"max-width\":\"100%\",\"color\":\"#160d2e\"}},[_c('SpinLoader',{attrs:{\"panelLoading\":true}})],1)]:_vm._e(),[_c('div',{staticClass:\"top-header\",attrs:{\"id\":\"top-header\"}},[_c('Header'),_c('Tabs',{attrs:{\"activeTab\":_vm.activeTab},on:{\"changeTab\":_vm.setActiveTab}})],1),_c('div',{staticClass:\"tabs-items\",attrs:{\"id\":\"tabItems\"}},[_c('div',{class:_vm.bitsCreditAmount > 0 && 'credit-bits'},[(_vm.activeTab === 1)?[_c('StickersTab')]:_vm._e(),(_vm.activeTab === 2)?[_c('LeaderboardTab')]:_vm._e()],2)]),_c('ErrorDialog',{attrs:{\"errorDialog\":_vm.errorDialog},on:{\"close\":function($event){_vm.errorDialog = false}}})]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.bitsCreditAmount > 0)?_c('div',{staticClass:\"credit-bar text-center secondary\"},[_c('h4',{staticClass:\"fs--11 white--text\"},[_vm._v(\"Channel Sticker Credit: \"+_vm._s(_vm.bitsCreditAmount)+\" Bits\")])]):_vm._e(),_c('div',{staticClass:\"panel-header d-flex align-center justify-center\"},[_c('div',{staticClass:\"header-text text-center\"},[_c('h4',{staticClass:\"fs--14\",domProps:{\"innerHTML\":_vm._s(_vm.panelTitle)}})]),(!_vm.isExtensionOnline)?_c('img',{class:_vm.bitsCreditAmount > 0 ? 'top-18' : 'disconnected',attrs:{\"src\":require(\"@/assets/icons/connection.png\"),\"width\":\"25\",\"alt\":\"Disconnected\"}}):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<div v-if=\"bitsCreditAmount > 0\" class=\"credit-bar text-center secondary\">\n\t\t\t<h4 class=\"fs--11 white--text\">Channel Sticker Credit: {{ bitsCreditAmount }} Bits</h4>\n\t\t</div>\n\t\t<div class=\"panel-header d-flex align-center justify-center\">\n\t\t\t<div class=\"header-text text-center\">\n\t\t\t\t<h4 class=\"fs--14\" v-html=\"panelTitle\"></h4>\n\t\t\t\t<!-- <h4 class=\"fs--14\">Slap Stickers on the Live Stream!</h4> -->\n\t\t\t</div>\n\t\t\t<!-- show when extension is disconnected from server -->\n\t\t\t<img\n\t\t\t\tv-if=\"!isExtensionOnline\"\n\t\t\t\t:class=\"bitsCreditAmount > 0 ? 'top-18' : 'disconnected'\"\n\t\t\t\tsrc=\"@/assets/icons/connection.png\"\n\t\t\t\twidth=\"25\"\n\t\t\t\talt=\"Disconnected\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nexport default {\n\tname: 'PanelHeader',\n\tsetup() {\n\t\tconst store = useStore();\n\t\tconst isExtensionOnline = computed(() => {\n\t\t\treturn store.state.isExtensionOnline;\n\t\t});\n\n\t\tconst panelTitle = computed(() => {\n\t\t\treturn store.state.localization.panelTitle;\n\t\t});\n\n\t\tconst bitsCreditAmount = computed(() => {\n\t\t\treturn store.state.bitsCreditAmount;\n\t\t});\n\n\t\treturn { isExtensionOnline, bitsCreditAmount, panelTitle };\n\t},\n};\n</script>\n\n<style scoped>\nimg.disconnected {\n\tposition: absolute;\n\tright: 0;\n\ttop: 2px;\n}\n\nimg.top-18 {\n\tposition: absolute;\n\tright: 0;\n\ttop: 18px;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=3e40e4fb&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=3e40e4fb&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3e40e4fb\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tabs d-flex align-center pointer\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"stickers-tab d-flex align-center justify-center\",attrs:{\"cols\":\"6\"}},[_c('v-btn',{directives:[{name:\"ripple\",rawName:\"v-ripple\",value:(false),expression:\"false\"}],class:_vm.activeTab === 1 && 'active-tab',attrs:{\"min-height\":\"39\",\"max-width\":\"50%\",\"tile\":\"\",\"block\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.setActiveTab(1)}}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/stickers_${_vm.theme}.png`),\"alt\":\"Stickers\"}}),_c('strong',{staticClass:\"fs--13\"},[_vm._v(\"Stickers\")])]),(_vm.activeTab === 1)?_c('div',{staticClass:\"tab-border\"}):_vm._e()],1),_c('v-col',{staticClass:\"leaderboard-tab d-flex align-center justify-center\",attrs:{\"cols\":\"6\"}},[_c('v-btn',{directives:[{name:\"ripple\",rawName:\"v-ripple\",value:(false),expression:\"false\"}],class:_vm.activeTab === 2 && 'active-tab',attrs:{\"min-height\":\"39\",\"max-width\":\"50%\",\"tile\":\"\",\"block\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.setActiveTab(2)}}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/leaderboard_${_vm.theme}.svg`),\"alt\":\"Leaderboard\"}}),_c('strong',{staticClass:\"fs--13\"},[_vm._v(\"Leaderboard\")])]),(_vm.activeTab === 2)?_c('div',{staticClass:\"tab-border\"}):_vm._e()],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tabs d-flex align-center pointer\">\n        <v-row no-gutters>\n            <v-col cols=\"6\" class=\"stickers-tab d-flex align-center justify-center\">\n                <v-btn v-ripple=\"false\" min-height=\"39\" max-width=\"50%\" tile block depressed :class=\"activeTab === 1 && 'active-tab'\" @click=\"setActiveTab(1)\">\n                    <img :src=\"require(`@/assets/icons/stickers_${theme}.png`)\" class=\"mr-1\" alt=\"Stickers\">\n                    <strong class=\"fs--13\">Stickers</strong>\n                </v-btn>\n                <div v-if=\"activeTab === 1\" class=\"tab-border\"></div>\n            </v-col>\n            <v-col cols=\"6\" class=\"leaderboard-tab d-flex align-center justify-center\">\n                <v-btn v-ripple=\"false\" min-height=\"39\" max-width=\"50%\" tile block depressed :class=\"activeTab === 2 && 'active-tab'\" @click=\"setActiveTab(2)\">\n                    <img :src=\"require(`@/assets/icons/leaderboard_${theme}.svg`)\" class=\"mr-1\" alt=\"Leaderboard\">\n                    <strong class=\"fs--13\">Leaderboard</strong>\n                </v-btn>\n                <div v-if=\"activeTab === 2\" class=\"tab-border\"></div>\n            </v-col>\n            \n        </v-row>\n\n\n        <!-- <div class=\"stickers-tab d-flex align-center justify-center\" role=\"button\" :class=\"activeTab === 1 && 'active-tab'\"\n            @click=\"setActiveTab(1)\">\n            <img :src=\"require(`@/assets/icons/stickers_${theme}.png`)\" class=\"mr-1\" alt=\"Stickers\">\n            <strong class=\"fs--13\">Stickers</strong>\n\n            <div v-if=\"activeTab === 1\" class=\"tab-border\"></div>\n        </div>\n        <div class=\"leaderboard-tab d-flex align-center justify-center\" role=\"button\" :class=\"activeTab === 2 && 'active-tab'\"\n            @click=\"setActiveTab(2)\">\n            <img :src=\"require(`@/assets/icons/leaderboard_${theme}.svg`)\" class=\"mr-1\" alt=\"Leaderboard\">\n            <strong class=\"fs--13\">Leaderboard</strong>\n            <div v-if=\"activeTab === 2\" class=\"tab-border\"></div>\n        </div> -->\n    </div>\n</template>\n\n<script>\nimport { useStore } from '@/store'\nimport { computed } from 'vue'\nexport default {\n    name: 'PanelTabs',\n    props: {\n        activeTab: { type: Number, default: 1 }\n    },\n    setup(_, ctx) {\n        const store = useStore()\n        const theme = computed(() => store.state.theme)\n\n        const setActiveTab = (tab) => {\n            ctx.emit('changeTab', tab)\n        }\n\n        return {\n            theme,\n            setActiveTab\n        }\n    }\n}\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Tabs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Tabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tabs.vue?vue&type=template&id=6bb7aff9&\"\nimport script from \"./Tabs.vue?vue&type=script&lang=js&\"\nexport * from \"./Tabs.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tab-item pb-1\"},[(!_vm.tabView)?_c('CategoryDropdown',{attrs:{\"tab\":_vm.stickerTab},on:{\"change\":_vm.actions.setTab}}):_vm._e(),(_vm.tabView)?_c('SubNav',{attrs:{\"tab\":_vm.stickerTab},on:{\"change\":_vm.actions.setTab}}):_vm._e(),_c('SearchBox',{attrs:{\"reset\":_vm.resetSearch},on:{\"onSearch\":_vm.actions.onSearch}}),_c('div',{class:[\n\t\t\t_vm.currentTabData.type === _vm.StickerType.REWARD ? 'reward-tab' : 'sticker-tab mt-1',\n\t\t\t_vm.isScrolling && 'scrolling',\n\t\t],attrs:{\"id\":_vm.currentTabData.type === _vm.StickerType.REWARD ? 'reward-tab' : 'sticker-tab'}},[(!_vm.currentTabData.type)?[_c('Stickers',{attrs:{\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type === _vm.StickerType.FAVORITE)?[_c('Stickers',{attrs:{\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type === _vm.StickerType.CUSTOM)?[_c('Stickers',{attrs:{\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type == _vm.StickerType.PLACEMENT)?[_c('Stickers',{attrs:{\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type == _vm.StickerType.SUB_ONLY)?[_c('Stickers',{attrs:{\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type == _vm.StickerType.POWER)?[_c('Stickers',{attrs:{\"stickerType\":_vm.StickerType.POWER,\"loading\":_vm.loading,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),(_vm.currentTabData.type == _vm.StickerType.REWARD)?[_c('Stickers',{attrs:{\"stickerType\":_vm.StickerType.REWARD,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers,\"loading\":_vm.loading},on:{\"onStickerClick\":_vm.events.onStickerClick}})]:_vm._e(),(_vm.currentTabData.type == _vm.StickerType.TTS)?[_c('Stickers',{attrs:{\"stickerType\":_vm.StickerType.TTS,\"search\":_vm.searchQuery,\"data\":_vm.filteredStickers,\"loading\":_vm.loading},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.events.onStickerClick,\"onAddFavorite\":_vm.events.onAddFavorite,\"onDeleteFavorite\":_vm.events.onDeleteFavorite}})]:_vm._e(),_c('StickersFooter',{attrs:{\"currentTabData\":_vm.filteredStickers,\"search\":_vm.searchQuery},on:{\"onFirstPage\":_vm.events.onFirstPage,\"onPreviousPage\":_vm.events.onPreviousPage,\"onLastPage\":_vm.events.onLastPage,\"onNextPage\":_vm.events.onNextPage}})],2),(_vm.dialogs.streamerOfflineDialog)?_c('ErrorDialog',{attrs:{\"errorDialog\":_vm.dialogs.streamerOfflineDialog,\"sticker\":_vm.clickedSticker},on:{\"onClose\":function($event){_vm.dialogs.streamerOfflineDialog = false}}}):_vm._e(),(_vm.dialogs.coolDialog)?_c('CooldownDialog',{attrs:{\"coolDialog\":_vm.dialogs.coolDialog,\"sticker\":_vm.stickerToSlap},on:{\"onClose\":function($event){return _vm.events.onCooldownDialogClosed()}}}):_vm._e(),(_vm.dialogs.broadcasterSlapDialog)?_c('BroadcasterSlap',{attrs:{\"slapDialog\":_vm.dialogs.broadcasterSlapDialog,\"sticker\":_vm.stickerToSlap},on:{\"useSticker\":function($event){return _vm.events.onBroadcasterStickerUsed()},\"onClose\":function($event){_vm.dialogs.broadcasterSlapDialog = false}}}):_vm._e(),(_vm.dialogs.soundDialog)?_c('SoundDialog',{attrs:{\"soundDialog\":_vm.dialogs.soundDialog,\"sticker\":_vm.stickerToSlap},on:{\"useSticker\":function($event){return _vm.events.onBroadcasterStickerUsed()},\"close\":function($event){_vm.dialogs.soundDialog = false}}}):_vm._e(),(_vm.dialogs.subscribeDialog)?_c('SubscribeDialog',{attrs:{\"subscribeDialog\":_vm.dialogs.subscribeDialog,\"sticker\":_vm.stickerToSlap},on:{\"onClose\":function($event){_vm.dialogs.subscribeDialog = false}}}):_vm._e(),(_vm.dialogs.broadcasterSuccessDialog)?_c('BroadcasterSuccessDialog',{attrs:{\"successDialog\":_vm.dialogs.broadcasterSuccessDialog,\"sticker\":_vm.stickerToSlap},on:{\"onClose\":function($event){_vm.dialogs.broadcasterSuccessDialog = false}}}):_vm._e(),(_vm.dialogs.locationDialog)?_c('LocationDialog',{attrs:{\"locationDialog\":_vm.dialogs.locationDialog,\"isBroadcaster\":_vm.isBroadcaster,\"sticker\":_vm.clickedSticker},on:{\"onUseSticker\":_vm.events.onCustomStickerPlacement,\"onClose\":function($event){_vm.dialogs.locationDialog = false}}}):_vm._e(),(_vm.dialogs.offlineDialog)?_c('ExtensionOffline',{attrs:{\"errorDialog\":_vm.dialogs.offlineDialog},on:{\"onClose\":function($event){_vm.dialogs.offlineDialog = false}}}):_vm._e(),(_vm.dialogs.userIdDialog)?_c('UserIdAccessDialog',{attrs:{\"userIdDialog\":_vm.dialogs.userIdDialog},on:{\"onClose\":function($event){_vm.dialogs.userIdDialog = false}}}):_vm._e(),(_vm.dialogs.errorMsgDialog)?_c('ErrorMessageDialog',{attrs:{\"errorMsgDialog\":_vm.dialogs.errorMsgDialog,\"errorMessage\":_vm.globalErrorMessage},on:{\"onClose\":function($event){_vm.dialogs.errorMsgDialog = false},\"onReloadExt\":_vm.actions.reloadPanel}}):_vm._e(),(_vm.dialogs.loginDialog)?_c('MustBeLoggedInDialog',{attrs:{\"loginDialog\":_vm.dialogs.loginDialog},on:{\"onClose\":function($event){_vm.dialogs.loginDialog = false}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// axios\nimport axios from 'axios';\nimport Vue from 'vue';\nimport { useStore } from '@/store';\nimport { getApiEndpoint } from '../utils/config';\n\nconst axiosIns = axios.create({\n\t// You can add your headers here\n\t// ================================\n\t// baseURL: 'https://some-domain.com/api/',\n\t// timeout: 1000,\n\t// headers: {'X-Custom-Header': 'foobar'}\n\tbaseURL: getApiEndpoint(),\n});\n\n// Axios requests.\naxiosIns.interceptors.request.use(\n\tconfig => {\n\t\t// Set access token.\n\t\tconst ta = useStore().state.twitchAuth;\n\t\ttry {\n\t\t\tif (ta && ta.token) {\n\t\t\t\tconfig.headers.Authorization = `Bearer ${ta.token}`;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t}\n\n\t\t// Set browser locale.\n\t\tlet locale = navigator.language || navigator.userLanguage;\n\t\tif (!locale) {\n\t\t\tlocale = 'en-US';\n\t\t}\n\n\t\tconfig.headers['x-locale'] = locale;\n\n\t\t// Set identity for local development.\n\t\tif (window.location.host.startsWith('localhost')) {\n\t\t\tconfig.headers['x-channel-id'] = '431026547';\n\t\t\tconfig.headers['x-user-id'] = '133317402';\n\t\t}\n\n\t\treturn config;\n\t},\n\terror => {\n\t\tPromise.reject(error);\n\t},\n);\n\n// Axios responses.\naxiosIns.interceptors.response.use(\n\tresponse => {\n\t\t// If the server sends a JWS with new expiration, store it.\n\t\t/*\n\t\tconst jws = response.headers['x-jws'];\n\t\tif (jws) {\n\t\t\tlocalStorage.setItem('accessToken', jws);\n\t\t}\n\t\t*/\n\t\treturn response;\n\t},\n\terror => {\n\t\t// Trap for server unauthorized, and redirect to login page.\n\t\t/*\n\t\tif (error.response.status === 401) {\n\t\t\tlocalStorage.removeItem('accessToken');\n\t\t\twindow.location.replace('/login');\n\t\t} else {\n\t\t\tthrow error;\n\t\t}\n\t\t*/\n\t\tthrow error;\n\t},\n);\n\nVue.prototype.$http = axiosIns;\n\nexport default axiosIns;\n","/**\n * Handles data for a sticker tab.\n */\nimport axios from '@axios';\nimport { computed, reactive } from 'vue';\nimport { useStore } from '@/store';\nimport { StickerType } from '../../utils/constants';\n\nclass StickersTabData {\n\t// Raw data from the server.\n\tserverData;\n\n\t// Server data in a paginated form.\n\tdata;\n\n\t// Favorite stickers.\n\tfavoriteStickers;\n\n\t// Extension Size to set the pagination perPage items\n\textensionSize;\n\n\t// Vuex store.\n\tstore;\n\n\tconstructor() {\n\t\tthis.store = useStore();\n\n\t\tthis.serverData = reactive({\n\t\t\tconfigHash: null,\n\t\t\tglobalTs: 1,\n\t\t\tpanelTheme: null,\n\t\t\ttotalBitsUsed: 0,\n\t\t\tbitsCreditAmount: 0,\n\t\t\tpartyModeStatus: {\n\t\t\t\tisEnabled: false,\n\t\t\t\tisActive: false,\n\t\t\t\ttimeLeft: 0,\n\t\t\t},\n\t\t\tstreamerDisplayName: null,\n\t\t\tviewerDisplayName: null,\n\t\t\tpanelTitle: null,\n\t\t\trewards: [],\n\t\t\tstickers: [],\n\t\t\tfavoriteStickers: [],\n\t\t\tisOnline: false,\n\t\t\tisMaintenanceMode: false,\n\t\t\tstickersLastModified: [],\n\t\t\tttsMessageMaxLength: 255,\n\t\t});\n\n\t\tthis.store = useStore();\n\t\tthis.extensionSize = this.store.state.size;\n\n\t\tthis.data = reactive({\n\t\t\tisStreamerOnline: false,\n\t\t\tallStickers: this.createEmptyPagination(undefined),\n\t\t\tcustomStickers: this.createEmptyPagination(undefined),\n\t\t\tpowerStickers: this.createEmptyPagination(undefined),\n\t\t\trewardStickers: this.createEmptyPagination(StickerType.REWARD),\n\t\t\tttsStickers: this.createEmptyPagination(undefined),\n\t\t\tsubOnlyStickers: this.createEmptyPagination(undefined),\n\t\t\tplacementStickers: this.createEmptyPagination(undefined),\n\t\t});\n\n\t\t// TODO May want to refactor other sticker collections as computed fields.\n\t\tthis.favoriteStickers = computed(() => {\n\t\t\tconst p = this.createEmptyPagination(StickerType.FAVORITE);\n\t\t\tconst favs = this.store.state.favoriteStickers;\n\t\t\tconst stickers = this.data.allStickers.items.filter(s => {\n\t\t\t\t// Global sticker ids are stored with the numeric id since they can be multiple sizes.\n\t\t\t\tlet stickerId;\n\t\t\t\tif (s.stickerType != StickerType.GLOBAL) {\n\t\t\t\t\tstickerId = s.id;\n\t\t\t\t} else {\n\t\t\t\t\tstickerId = s.id.split('_')[2];\n\t\t\t\t}\n\n\t\t\t\treturn favs.some(fav => fav.id === stickerId);\n\t\t\t});\n\n\t\t\tthis.paginate(p, StickerType.FAVORITE, stickers);\n\n\t\t\tp.currentPage = this.store.state.currentPage;\n\t\t\tif (p.currentPage >= p.totalPages) {\n\t\t\t\tp.currentPage = 0;\n\t\t\t}\n\n\t\t\treturn p;\n\t\t});\n\n\t\tthis.loadLocalStickerLastModifiedToStore();\n\t}\n\n\t// Load panel data from the store. This is used if the viewer\n\t// clicks the leaderboard tab and back to the panel. We don't\n\t// want to reload the stickers tab everytime.\n\tloadDataFromStore(panelServerResponse, onComplete) {\n\t\tconst localData = this.getLocalData();\n\t\tif (localData) {\n\t\t\tthis.setLocalDataInMemory(localData);\n\t\t}\n\t\tthis.setDataAfterServerCall(panelServerResponse, localData);\n\t\tonComplete();\n\t}\n\n\t// Make panel data call.\n\tloadDataFromServer(onComplete, forceFullData) {\n\t\t// Build URL to support local caching.\n\t\tconst localData = this.getLocalData();\n\t\tlet url;\n\t\tlet hash;\n\t\tlet globalTs;\n\t\tif (!forceFullData && localData && localData.configHash && localData.globalTs) {\n\t\t\thash = localData.configHash;\n\t\t\tglobalTs = localData.globalTs;\n\t\t\turl = `/data/${localData.configHash}/${localData.globalTs}`;\n\t\t} else {\n\t\t\turl = '/data';\n\t\t}\n\t\tif (localData) {\n\t\t\tthis.setLocalDataInMemory(localData);\n\t\t}\n\n\t\taxios\n\t\t\t.get(url)\n\t\t\t.then(res => {\n\t\t\t\tif (res.status === 200) {\n\t\t\t\t\tthis.store.commit('setExtensionOnline', true);\n\t\t\t\t\t// See if cached local data is the latest. If so, we\n\t\t\t\t\t// don't reload locally-cached values.\n\t\t\t\t\tlet isLocalValid = false;\n\t\t\t\t\tif (hash && globalTs) {\n\t\t\t\t\t\tif (hash == res.data.configHash && globalTs == res.data.globalTs) {\n\t\t\t\t\t\t\tisLocalValid = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Store the response to use to reload the stickers tab, if needed.\n\t\t\t\t\tthis.store.commit('setPanelServerResponse', res.data);\n\n\t\t\t\t\tif (isLocalValid) {\n\t\t\t\t\t\t//console.log('Local cache is valid.');\n\t\t\t\t\t\tthis.setDataAfterServerCall(res.data, localData);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t//console.log('Local cache is invalid. Overwriting with server data.');\n\t\t\t\t\t\tthis.setDataAfterServerCall(res.data, undefined);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\t\t\t\t}\n\n\t\t\t\t//console.log(`All stickers: ${JSON.stringify(data.allStickers, null, 4)}`);\n\t\t\t\t//console.log(`Reward stickers: ${JSON.stringify(data.rewardStickers, null, 4)}`);\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tonComplete();\n\t\t\t});\n\t}\n\n\t// Reset local models.\n\tsetLocalDataInMemory(localData) {\n\t\tthis.serverData.configHash = localData.configHash;\n\t\tthis.serverData.globalTs = localData.globalTs;\n\t\tthis.serverData.stickers.length = 0;\n\t\tthis.serverData.stickers.push(...localData.stickers);\n\n\t\tif (localData.favoriteStickers) {\n\t\t\tthis.store.commit('addAllFavoriteStickers', localData.favoriteStickers);\n\t\t}\n\n\t\tthis.filterAndPaginate(this.data.allStickers, undefined, localData.rewards);\n\t\tthis.filterAndPaginate(this.data.powerStickers, StickerType.POWER);\n\t\tthis.filterAndPaginate(this.data.customStickers, StickerType.CUSTOM);\n\t\tthis.filterAndPaginate(this.data.rewardStickers, StickerType.REWARD);\n\t\tthis.filterAndPaginate(this.data.ttsStickers, StickerType.TTS);\n\t\tthis.filterAndPaginate(this.data.subOnlyStickers, StickerType.SUB_ONLY);\n\t\tthis.filterAndPaginate(this.data.placementStickers, StickerType.PLACEMENT);\n\t}\n\n\t// Called after we receive data from the server.\n\tsetDataAfterServerCall(responseData, localData) {\n\t\tthis.serverData.configHash = responseData.configHash;\n\t\tthis.serverData.globalTs = responseData.globalTs;\n\t\tthis.serverData.panelTheme = responseData.panelTheme;\n\t\tthis.serverData.totalBitsUsed = responseData.totalBitsUsed;\n\t\tthis.serverData.partyModeStatus = responseData.partyModeStatus;\n\t\tthis.serverData.panelTitle = responseData.panelTitle;\n\t\tthis.serverData.ttsMessageMaxLength = responseData.ttsMessageMaxLength;\n\n\t\t// Check maintenance mode and streamer online.\n\t\tthis.store.commit('setExtensionOnline', !responseData.isMaintenanceMode);\n\t\tthis.store.commit('setStreamerOnline', responseData.isOnline);\n\n\t\tthis.store.commit('setBitsCreditAmount', responseData.bitsCreditAmount);\n\n\t\t// Set party mode status.\n\t\tthis.store.commit('setIsPartyModeOn', this.serverData.partyModeStatus.isActive);\n\n\t\t// Set global sticker size.\n\t\tthis.store.commit('setGlobalStickerSize', responseData.globalStickerSize);\n\n\t\t// Set panel title.\n\t\tif (this.serverData.panelTitle) {\n\t\t\tthis.store.commit('setPanelTitle', this.serverData.panelTitle);\n\t\t}\n\n\t\t// Set TTS sticker approval.\n\t\tthis.store.commit('setTtsIsManuallyApproveAllStickers', responseData.ttsIsManuallyApproveAllStickers);\n\n\t\tthis.serverData.rewards.length = 0;\n\t\tthis.serverData.rewards.push(...responseData.rewards);\n\n\t\tif (responseData.panelTheme) {\n\t\t\tthis.store.commit('setTheme', responseData.panelTheme);\n\t\t}\n\n\t\tif (responseData.streamerDisplayName) {\n\t\t\tthis.store.commit('setStreamerDisplayName', responseData.streamerDisplayName);\n\t\t}\n\n\t\tif (responseData.viewerDisplayName) {\n\t\t\tthis.store.commit('setViewerDisplayName', responseData.viewerDisplayName);\n\t\t}\n\n\t\tthis.store.commit('setCooldownTime', responseData.cooldownTime);\n\t\tthis.store.commit('setPartyModeCooldownTime', responseData.partyModeCooldownTime);\n\n\t\tif (responseData.favoriteStickers) {\n\t\t\tthis.serverData.favoriteStickers.length = 0;\n\t\t\tthis.serverData.favoriteStickers.push(...responseData.favoriteStickers);\n\t\t\tthis.store.commit('addAllFavoriteStickers', responseData.favoriteStickers);\n\t\t}\n\n\t\tthis.serverData.stickers.length = 0;\n\t\tif (responseData.stickers) {\n\t\t\tthis.serverData.stickers.push(...responseData.stickers);\n\t\t} else {\n\t\t\tif (localData) {\n\t\t\t\tthis.serverData.stickers.push(...localData.stickers);\n\t\t\t}\n\t\t}\n\n\t\t// Save Configuration in LocalStorage\n\t\tthis.saveLocalData(this.serverData);\n\n\t\t// Hide the Panel Loading Sheet\n\t\tsetTimeout(() => {\n\t\t\tthis.store.commit('setPanelLoading', false);\n\t\t\tthis.store.commit('setPanelLoaded', true);\n\t\t}, 500);\n\n\t\t// Load stickers into type buckets.\n\t\tthis.filterAndPaginate(this.data.allStickers, undefined, this.serverData.rewards);\n\t\tthis.filterAndPaginate(this.data.powerStickers, StickerType.POWER);\n\t\tthis.filterAndPaginate(this.data.customStickers, StickerType.CUSTOM);\n\t\tthis.filterAndPaginate(this.data.rewardStickers, StickerType.REWARD);\n\t\tthis.filterAndPaginate(this.data.ttsStickers, StickerType.TTS);\n\t\tthis.filterAndPaginate(this.data.subOnlyStickers, StickerType.SUB_ONLY);\n\t\tthis.filterAndPaginate(this.data.placementStickers, StickerType.PLACEMENT);\n\n\t\t// Store sticker counts, used to determine which tabs should be shown.\n\t\tconst stickerCounts = [\n\t\t\t{\n\t\t\t\ttype: StickerType.FAVORITE,\n\t\t\t\tcount: 1,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.POWER,\n\t\t\t\tcount: this.data.powerStickers.totalItems,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.CUSTOM,\n\t\t\t\tcount: this.data.customStickers.totalItems,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.REWARD,\n\t\t\t\tcount: this.data.rewardStickers.totalItems,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.TTS,\n\t\t\t\tcount: this.data.ttsStickers.totalItems,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.SUB_ONLY,\n\t\t\t\tcount: this.data.subOnlyStickers.totalItems,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.PLACEMENT,\n\t\t\t\tcount: this.data.placementStickers.totalItems,\n\t\t\t},\n\t\t];\n\n\t\tthis.store.commit('setStickerCounts', stickerCounts);\n\n\t\t// Store last modified.\n\t\tthis.serverData.stickersLastModified.length = 0;\n\t\tthis.serverData.stickersLastModified.push(...responseData.stickersLastModified);\n\t\tthis.store.commit('setServerStickersLastModified', this.serverData.stickersLastModified);\n\t}\n\n\tgetLocalData() {\n\t\ttry {\n\t\t\tconst d = JSON.parse(localStorage.getItem('panel_config'));\n\t\t\tif (d) {\n\t\t\t\tif (d.ttsMessageMaxLength) {\n\t\t\t\t\tthis.store.commit('setTtsMessageMaxLength', d.ttsMessageMaxLength);\n\t\t\t\t}\n\n\t\t\t\treturn d;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tlocalStorage.removeItem('panel_config');\n\t\t\tconsole.error(err);\n\t\t}\n\t\treturn null;\n\t}\n\n\tsaveLocalData(localData) {\n\t\ttry {\n\t\t\t// Set to store.\n\t\t\tif (localData.ttsMessageMaxLength) {\n\t\t\t\tthis.store.commit('setTtsMessageMaxLength', localData.ttsMessageMaxLength);\n\t\t\t}\n\n\t\t\t// Set to local storage.\n\t\t\tconst s = JSON.stringify(localData);\n\t\t\tlocalStorage.setItem('panel_config', s);\n\t\t} catch (err) {\n\t\t\tlocalStorage.removeItem('panel_config');\n\t\t\tconsole.error(err);\n\t\t}\n\t}\n\n\tremoveLocalData() {\n\t\tlocalStorage.removeItem('panel_config');\n\t}\n\n\t// Filter and paginate stickers.\n\tfilterAndPaginate(paginatedItem, type, rewards) {\n\t\tlet stickers;\n\t\tif (type) {\n\t\t\tif (type && type === StickerType.SUB_ONLY) {\n\t\t\t\tstickers = this.serverData.stickers.filter(sticker => sticker.subOnly);\n\t\t\t} else if (type && type === StickerType.PLACEMENT) {\n\t\t\t\tstickers = this.serverData.stickers.filter(sticker => sticker.isStickerPlacementEnabled);\n\t\t\t} else {\n\t\t\t\tstickers = this.serverData.stickers.filter(sticker => sticker.stickerType == type);\n\t\t\t}\n\t\t} else {\n\t\t\t// For \"all stickers\", match reward stickers against earned rewards.\n\t\t\tstickers = [];\n\t\t\tlet rewardCtr = 0;\n\t\t\tfor (const s of this.serverData.stickers) {\n\t\t\t\tif (s.stickerType != StickerType.REWARD) {\n\t\t\t\t\tstickers.push(s);\n\t\t\t\t} else {\n\t\t\t\t\tif (rewards && rewards.length > rewardCtr) {\n\t\t\t\t\t\tif (rewards[rewardCtr].unlocked) {\n\t\t\t\t\t\t\tstickers.push(s);\n\t\t\t\t\t\t}\n\t\t\t\t\t\trewardCtr++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.paginate(paginatedItem, type, stickers);\n\t}\n\n\tpaginate(paginatedItem, type, stickers) {\n\t\tpaginatedItem.type = type;\n\t\tpaginatedItem.items.length = 0;\n\t\tpaginatedItem.items.push(...stickers);\n\n\t\tpaginatedItem.totalItems = stickers.length;\n\t\tpaginatedItem.totalPages = Math.ceil(stickers.length / paginatedItem.perPage);\n\t\tpaginatedItem.currentPage = 0; // Reset to first page on load.\n\n\t\t// Add reward attributes.\n\t\tif (type && type == StickerType.REWARD) {\n\t\t\tthis.calcRewardAttributes(paginatedItem);\n\t\t}\n\t}\n\n\t// Calculate attributes like slot unlocked status to reward stickers.\n\tcalcRewardAttributes(paginatedItem) {\n\t\tfor (let i = 0; i < paginatedItem.items.length; i++) {\n\t\t\tconst item = paginatedItem.items[i];\n\t\t\tconst reward = { unlocked: false, pctComplete: 0.0, bitsToUnlock: 0 };\n\n\t\t\tif (this.serverData.rewards.length > i) {\n\t\t\t\tconst serverReward = this.serverData.rewards[i];\n\n\t\t\t\treward.bitsRequired = serverReward.bitsRequired;\n\t\t\t\treward.unlocked = serverReward.unlocked;\n\n\t\t\t\tif (reward.unlocked) {\n\t\t\t\t\treward.viewerEarnedInSlot = serverReward.bits;\n\t\t\t\t\treward.bitsToUnlock = 0;\n\t\t\t\t\treward.pctComplete = 1.0;\n\t\t\t\t} else {\n\t\t\t\t\treward.viewerEarnedInSlot = this.serverData.totalBitsUsed;\n\t\t\t\t\treward.bitsToUnlock = serverReward.bitsRequired - reward.viewerEarnedInSlot;\n\t\t\t\t\treward.pctComplete = this.serverData.totalBitsUsed / serverReward.bitsRequired;\n\t\t\t\t\t//console.log(JSON.stringify(reward, null, 4));\n\t\t\t\t}\n\t\t\t}\n\t\t\titem.reward = reward;\n\t\t}\n\t}\n\n\t// Perform processing after bits are used, like updating reward amounts.\n\tonAfterAfterBitsUsed(bits) {\n\t\tthis.serverData.totalBitsUsed += bits;\n\t\tlet doReload = false;\n\t\tfor (let i = 0; i < this.serverData.rewards.length; i++) {\n\t\t\tconst r = this.serverData.rewards[i];\n\t\t\tif (!r.unlocked) {\n\t\t\t\tconst newBits = r.bits + bits;\n\t\t\t\tif (newBits < r.bitsRequired) {\n\t\t\t\t\tr.bits = newBits;\n\t\t\t\t\tbreak;\n\t\t\t\t} else if (newBits == r.bitsRequired) {\n\t\t\t\t\tr.bits = newBits;\n\t\t\t\t\tr.unlocked = true;\n\t\t\t\t\tdoReload = true;\n\t\t\t\t\tbreak;\n\t\t\t\t} else if (newBits > r.bitsRequired) {\n\t\t\t\t\tr.bits = r.bitsRequired;\n\t\t\t\t\tr.unlocked = true;\n\t\t\t\t\tdoReload = true;\n\t\t\t\t\t// Update next level.\n\t\t\t\t\tif (i + 1 < this.serverData.rewards.length) {\n\t\t\t\t\t\tconst nextReward = this.serverData.rewards[i + 1];\n\t\t\t\t\t\tnextReward.bits = this.serverData.totalBitsUsed;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Reload if we hit the next reward level.\n\t\tif (doReload) {\n\t\t\tthis.loadDataFromServer(() => {}, true);\n\t\t}\n\n\t\tthis.calcRewardAttributes(this.data.rewardStickers);\n\t}\n\n\t/**\n\t * Returns last modified tab clicks from local storage.\n\t */\n\tgetLocalStickerLastModified() {\n\t\ttry {\n\t\t\tconst d = JSON.parse(localStorage.getItem('local_sticker_last_mod'));\n\t\t\treturn d ? d : null;\n\t\t} catch (err) {\n\t\t\tlocalStorage.removeItem('local_sticker_last_mod');\n\t\t\tconsole.error(err);\n\t\t}\n\t\treturn null;\n\t}\n\n\t/**\n\t * Saves last modified tab clicks from local storage.\n\t */\n\tsaveLocalStickerLastModified(arr) {\n\t\tlocalStorage.setItem('local_sticker_last_mod', JSON.stringify(arr));\n\t}\n\n\t/**\n\t * Load tab clicks from local storage to the store.\n\t */\n\tloadLocalStickerLastModifiedToStore() {\n\t\tconst arr = this.getLocalStickerLastModified();\n\t\tif (arr) {\n\t\t\tthis.store.commit('setLocalStickerLastModified', arr);\n\t\t}\n\t}\n\n\t/**\n\t * Sets the timestamp when a tab was clicked so we can show / hide the badge when custom\n\t * stickers have changed on the server.\n\t *\n\t * @param {*} type StickerType\n\t */\n\tsetTabAsClicked(type) {\n\t\tif (!type) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Set to store.\n\t\tconst ts = new Date().getTime();\n\t\tconst storeArr = [];\n\t\tfor (const storeVal of this.store.getters.activeTabItems) {\n\t\t\tconst s = Object.assign({}, storeVal);\n\t\t\tif (s.type == type) {\n\t\t\t\ts.ts = ts;\n\t\t\t}\n\t\t\tstoreArr.push(s);\n\t\t}\n\n\t\tthis.store.commit('setLocalStickerLastModified', storeArr);\n\n\t\t// Set to local storage.\n\t\tlet arr = this.getLocalStickerLastModified();\n\t\tif (!arr) {\n\t\t\tarr = [];\n\t\t}\n\n\t\tlet a = arr.find(a => a.type == type);\n\t\tif (!a) {\n\t\t\ta = { type: type, ts: ts };\n\t\t\tarr.push(a);\n\t\t} else {\n\t\t\ta.ts = ts;\n\t\t}\n\n\t\tthis.saveLocalStickerLastModified(arr);\n\t}\n\n\tcreateEmptyPagination(type) {\n\t\tif (type && type === StickerType.REWARD) {\n\t\t\treturn {\n\t\t\t\ttotalPages: 0,\n\t\t\t\ttotalItems: 0,\n\t\t\t\tperPage: this.extensionSize == 'md' ? 6 : 3,\n\t\t\t\tcurrentPage: 0,\n\t\t\t\ttype: type,\n\t\t\t\titems: [],\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\ttotalPages: 0,\n\t\t\ttotalItems: 0,\n\t\t\tperPage: this.extensionSize == 'md' ? 9 : 6,\n\t\t\tcurrentPage: 0,\n\t\t\ttype: type,\n\t\t\titems: [],\n\t\t};\n\t}\n\n\taddFavorite(data) {\n\t\tconst url = `/favorite-stickers/${data.id}/${data.stickerType}`;\n\t\taxios.post(url).then(() => {\n\t\t\tthis.store.commit('addFavoriteSticker', data);\n\t\t});\n\t}\n\n\tdeleteFavorite(data) {\n\t\tconst url = `/favorite-stickers/${data.id}/${data.stickerType}`;\n\t\taxios.delete(url).then(() => {\n\t\t\tthis.store.commit('removeFavoriteSticker', data);\n\t\t});\n\t}\n}\n\nexport { StickersTabData };\n","import axios from '@axios';\nimport { useStore } from '@/store';\nimport { StickerType, TtsDisplayMode } from '@/utils/constants';\n\nclass StickersTabStreamerStatus {\n\t// StickersTabData object.\n\tuiData;\n\n\t// Vuex store.\n\tstore;\n\n\tconstructor(uiData) {\n\t\tthis.uiData = uiData;\n\t\tthis.store = useStore();\n\t}\n\n\t// Checks if the streamer is online and also if the config has changed.\n\t// The sticker param is optional and is used for TTS stickers to ensure the co-host browser source is live.\n\tcheckStatus(onComplete, sticker) {\n\t\tconst result = {\n\t\t\tdoReloadServerData: false,\n\t\t\tpartyModeStatus: {\n\t\t\t\tisEnabled: false,\n\t\t\t\tisActive: false,\n\t\t\t\ttimeLeft: 0,\n\t\t\t},\n\t\t};\n\n\t\t// Append the sticker id only if it's a TTS co-host sticker.\n\t\tlet url = '/streamer-status';\n\t\tconst isTtsCoHostSticker =\n\t\t\tsticker && sticker.stickerType == StickerType.TTS && sticker.tts.displayMode == TtsDisplayMode.CO_HOST;\n\t\tif (isTtsCoHostSticker) {\n\t\t\turl += `?stickerId=${sticker.id}`;\n\t\t}\n\n\t\taxios\n\t\t\t.get(url)\n\t\t\t.then(res => {\n\t\t\t\tif (res.status === 200) {\n\t\t\t\t\t// Check maintenance mode and streamer online.\n\t\t\t\t\tconst isMaintenanceMode = res.data.isMaintenanceMode;\n\n\t\t\t\t\t// See if the config hash or global timestamp changed.\n\t\t\t\t\t// If so, remove local data and reload the panel.\n\t\t\t\t\tif (!isMaintenanceMode) {\n\t\t\t\t\t\tlet isLocalValid = false;\n\t\t\t\t\t\tconst localData = this.uiData.getLocalData();\n\t\t\t\t\t\tif (localData && localData.configHash && localData.globalTs) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tlocalData.configHash == res.data.configHash &&\n\t\t\t\t\t\t\t\tlocalData.globalTs == res.data.globalTs\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tisLocalValid = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (!isLocalValid) {\n\t\t\t\t\t\t\tthis.uiData.removeLocalData();\n\t\t\t\t\t\t\tresult.doReloadServerData = true;\n\t\t\t\t\t\t\t//console.log('Local cache is invalid. Will reload data from server.');\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Set streamer status for main browser source.\n\t\t\t\t\t\t\tlet isStreamerOnline = res.data.isOnline;\n\n\t\t\t\t\t\t\t// If we are checking a specific co-host sticker, check if the co-host browser source is live.\n\t\t\t\t\t\t\tif (isTtsCoHostSticker && !res.data.isTtsCoHostSlotActive) {\n\t\t\t\t\t\t\t\tisStreamerOnline = false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthis.store.commit('setExtensionOnline', !isMaintenanceMode);\n\t\t\t\t\t\t\tthis.store.commit('setStreamerOnline', isStreamerOnline);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set party mode status.\n\t\t\t\t\tresult.partyModeStatus = res.data.partyModeStatus;\n\t\t\t\t\tthis.store.commit('setIsPartyModeOn', result.partyModeStatus.isActive);\n\t\t\t\t} else {\n\t\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(() => {\n\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\t\t\t})\n\t\t\t.finally(() => {\n\t\t\t\tif (onComplete) {\n\t\t\t\t\tonComplete(result);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tscheduleStatusCheck(onComplete) {\n\t\tsetTimeout(() => {\n\t\t\tthis.checkStatus(onComplete);\n\t\t}, 5000);\n\t}\n}\n\nexport { StickersTabStreamerStatus };\n","import { useStore } from '@/store';\nimport axios from '@axios';\nimport { getGlobalStickerAssetPath, getCustomStickerAssetPath } from '@/utils/config';\nimport { StickerType } from '@/utils/constants';\n\nconst getBitIcon = value => {\n\tconst bits = Number(value);\n\n\tif (bits <= 999) {\n\t\treturn require('@/assets/icons/bits/100.png');\n\t}\n\tif (bits > 999 && bits <= 4999) {\n\t\treturn require('@/assets/icons/bits/1k.png');\n\t}\n\tif (bits > 4999 && bits <= 9999) {\n\t\treturn require('@/assets/icons/bits/5k.png');\n\t}\n\tif (bits > 9999 && bits <= 99999) {\n\t\treturn require('@/assets/icons/bits/10k.png');\n\t}\n\tif (bits > 99999) {\n\t\treturn require('@/assets/icons/bits/10k.png');\n\t}\n\n\treturn require('@/assets/icons/bits/100.png');\n};\n\nconst getStickerSoundPath = sticker => {\n\tif (!sticker.sound) {\n\t\treturn 'https://twitchstreamstickers.s3.us-east-2.amazonaws.com/default_slap_sound.mp3';\n\t}\n\n\tconst store = useStore();\n\tif (sticker.stickerType == StickerType.GLOBAL) {\n\t\treturn getGlobalStickerAssetPath() + '/' + sticker.sound;\n\t} else {\n\t\treturn getCustomStickerAssetPath(store.state.channelId) + '/' + sticker.sound;\n\t}\n};\n\nconst getStickerImagePath = sticker => {\n\tconst store = useStore();\n\tif (sticker.stickerType == StickerType.GLOBAL) {\n\t\treturn getGlobalStickerAssetPath() + '/' + sticker.image;\n\t} else {\n\t\treturn getCustomStickerAssetPath(store.state.channelId) + '/' + sticker.image;\n\t}\n};\n\nconst getStickerRendererImagePath = sticker => {\n\tconst store = useStore();\n\tif (sticker.stickerType == StickerType.GLOBAL) {\n\t\treturn getGlobalStickerAssetPath() + '/' + sticker.rendererImage;\n\t} else {\n\t\treturn getCustomStickerAssetPath(store.state.channelId) + '/' + sticker.rendererImage;\n\t}\n};\n\nconst logEvent = (eventType, eventBody) => {\n\tconst payload = { eventType: eventType, eventBody: eventBody };\n\taxios.post('/user-event', payload).catch(err => {\n\t\tconsole.error(err);\n\t});\n};\n\nexport { getBitIcon, getStickerSoundPath, getStickerImagePath, getStickerRendererImagePath, logEvent };\n","import store from '@/store';\n\nconst showGlobalError = msg => {\n\tstore.commit('setGlobalErrorMessage', msg);\n};\n\nexport { showGlobalError };\n","import { reactive } from 'vue';\nimport { useStore } from '@/store';\nimport axios from '@axios';\nimport { getWssEndpoint } from '../../utils/config';\nimport { logEvent } from '../../utils/utils';\nimport { GlobalStickerSize, StickerType } from '@/utils/constants';\nimport { showGlobalError } from '@/utils/error';\n\nclass StickersTabShowSticker {\n\t// Vuex store.\n\tstore;\n\n\t// Contains the sticker the viewer has chosen to slap.\n\tstickerToSlap;\n\n\t// Web socket connection for bits purchase.\n\tws;\n\n\t// Callback passed into showSticker that is invoked after\n\t// sticker processing has completed.\n\tonComplete;\n\n\t// Callback passed into showSticker that is only invoked if a bits transaction has occurred.\n\tonBitsUsed;\n\n\t// For bits transactions, the Twitch extension helper SDK issues the onTransactionComplete callback\n\t// too all instances of the extension, even those on different browser tabs and between mobile and\n\t// desktop. This flag defines if the callback was initiated from the current instance.  Not foolproof\n\t// as near-concurrent clicks in separate tabs may result in undefined behaviour.\n\tisInTransaction;\n\n\t// Bits transaction ids that have been processed. This is used by the\n\t// EventSub backup process so we know when the bits transaction has occurred\n\t// if the JavaScript callback fails.\n\ttransactionIds;\n\n\tconstructor() {\n\t\tthis.store = useStore();\n\n\t\tthis.stickerToSlap = reactive({\n\t\t\tid: null,\n\t\t\tstickerType: null,\n\t\t\tname: null,\n\t\t\tsku: null,\n\t\t\tbits: 0,\n\t\t\timage: null,\n\t\t\tsubOnly: false,\n\t\t});\n\n\t\tthis.isInTransaction = false;\n\t\tthis.transactionIds = [];\n\t}\n\n\t// Initiate the show sticker process.\n\tshowSticker(isBroadcaster, onComplete, onBitsUsed) {\n\t\tconst self = this;\n\t\tconst s = this.stickerToSlap;\n\n\t\tconst payload = {\n\t\t\tstickerId: s.id,\n\t\t\tstickerType: s.stickerType,\n\t\t\tstickerName: s.name,\n\t\t\textensionVersion: this.store.state.extensionVersion,\n\t\t\tcustomPlacement: s.isStickerPlacementEnabled ? s.customPlacement : null,\n\t\t};\n\n\t\t// Set TTS text.\n\t\tif (s.stickerType == StickerType.TTS) {\n\t\t\tpayload.tts = { text: s.tts.text };\n\t\t}\n\n\t\tself.onComplete = onComplete;\n\n\t\t// After the bits transaction succeeds, send the transaction to the server.\n\t\t// We use EventSub on the server as a backup.\n\t\twindow.Twitch.ext.bits.onTransactionComplete(function (transactionObject) {\n\t\t\t// The Twitch helper will issue the callback to all browser instances and tabs,\n\t\t\t// so we need to ensure that the current user initiated the bits transaction.\n\t\t\tif (transactionObject.initiator != 'current_user') {\n\t\t\t\treturn;\n\t\t\t} else if (!self.isInTransaction) {\n\t\t\t\t//console.log('Extension instance not in transaction, exiting sticker slap processing.');\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tself.isInTransaction = false;\n\t\t\tself.onBitsUsed = onBitsUsed;\n\n\t\t\t// If the transaction id exists in the array, it means EventSub fired before the\n\t\t\t// Twitch helper fired its callback.\n\t\t\tif (!self.transactionIds.includes(transactionObject.transactionId)) {\n\t\t\t\t//console.log(`Storing transaction id ${transactionObject.transactionId} as processed by JS callback.`);\n\t\t\t\tself.closeWebSocketConnection();\n\n\t\t\t\tself.transactionIds.push(transactionObject.transactionId);\n\t\t\t\tpayload.transactionData = transactionObject;\n\n\t\t\t\tself.sendStickerShowRequest(payload);\n\t\t\t} else {\n\t\t\t\t//console.log(`Transaction id ${transactionObject.transactionId} has already been handled by EventSub.`);\n\t\t\t}\n\t\t});\n\n\t\twindow.Twitch.ext.bits.onTransactionCancelled(function () {\n\t\t\t//console.log(`Bits transaction cancelled.`);\n\t\t\tself.isInTransaction = false;\n\t\t\tself.closeWebSocketConnection();\n\t\t});\n\n\t\t// Check for anonymous user.\n\t\tif (!self.store.state.userId) {\n\t\t\t//console.warn('Ignoring sticker for anonymous user.');\n\t\t\treturn;\n\t\t}\n\n\t\t// Checks to determine if we need to invoke a bits transaction.\n\t\tif (self.store.state.isPartyModeOn) {\n\t\t\tself.sendStickerShowRequest(payload);\n\t\t} else if (isBroadcaster) {\n\t\t\tself.sendStickerShowRequest(payload);\n\t\t} else if (s.bits == 0) {\n\t\t\tself.sendStickerShowRequest(payload);\n\t\t} else {\n\t\t\tif (self.store.state.bitsCreditAmount >= s.bits) {\n\t\t\t\tself.store.commit('setBitsCreditAmount', self.store.state.bitsCreditAmount - s.bits);\n\t\t\t\tself.sendStickerShowRequest(payload);\n\t\t\t} else {\n\t\t\t\tlogEvent('bits_transaction_start', payload);\n\t\t\t\tself.isInTransaction = true;\n\t\t\t\tself.openWebSocketConnection();\n\t\t\t\twindow.Twitch.ext.bits.useBits(s.sku);\n\t\t\t}\n\t\t}\n\t}\n\n\t// Send a request to the server to show the sticker.\n\tsendStickerShowRequest(payload) {\n\t\t// For global stickers, we need to check the streamer's configured size and change the ID.\n\t\tif (payload.stickerType == StickerType.GLOBAL) {\n\t\t\tconst id = payload.stickerId.substring(payload.stickerId.lastIndexOf('_') + 1, payload.stickerId.length);\n\t\t\tconst gss = this.store.state.globalStickerSize;\n\n\t\t\tif (gss == GlobalStickerSize.SMALL) {\n\t\t\t\tpayload.stickerId = 'sticker_small_' + id;\n\t\t\t} else if (gss == GlobalStickerSize.MEDIUM) {\n\t\t\t\tpayload.stickerId = 'sticker_medium_' + id;\n\t\t\t} else if (gss == GlobalStickerSize.LARGE) {\n\t\t\t\tpayload.stickerId = 'sticker_large_' + id;\n\t\t\t}\n\t\t}\n\n\t\taxios\n\t\t\t.post('/show-sticker', payload)\n\t\t\t.then(res => {\n\t\t\t\tif (res.status === 200) {\n\t\t\t\t\tthis.store.commit('setExtensionOnline', true);\n\t\t\t\t\tthis.onComplete();\n\t\t\t\t\tif (this.onBitsUsed) {\n\t\t\t\t\t\tthis.onBitsUsed();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(error => {\n\t\t\t\tthis.store.commit('setExtensionOnline', false);\n\n\t\t\t\t// Show the error dialog only if a TTS synthesis error occurred.\n\t\t\t\tconst data = error.response.data;\n\t\t\t\tif (data.ttsError) {\n\t\t\t\t\tshowGlobalError(data.error);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\topenWebSocketConnection() {\n\t\tconst self = this;\n\n\t\tif (self.ws) {\n\t\t\tself.closeWebSocketConnection();\n\t\t}\n\n\t\t// TODO pass auth token\n\t\tself.ws = new WebSocket(getWssEndpoint() + `/use-bits/${this.store.state.twitchAuthToken}`);\n\n\t\t// Close the socket after a minute as a fallback.\n\t\tsetTimeout(() => {\n\t\t\tself.closeWebSocketConnection();\n\t\t}, 60000);\n\n\t\tself.ws.onmessage = function (event) {\n\t\t\tconst payload = JSON.parse(event.data);\n\n\t\t\t// If the JS callback did not execute, we will not have a matching transaction\n\t\t\t// id in the array. So, the EventSub backup is handled here.\n\t\t\tif (!self.transactionIds.includes(payload.transaction.id)) {\n\t\t\t\t//console.log(`Storing transaction id ${payload.transaction.id} as processed by EventSub.`);\n\t\t\t\tself.transactionIds.push(payload.transaction.id);\n\t\t\t\tself.onBitsUsed();\n\t\t\t\tself.onComplete();\n\t\t\t} else {\n\t\t\t\t//console.log(`Transaction id ${payload.transaction.id} has already been handled by JS callback.`);\n\t\t\t}\n\n\t\t\tself.closeWebSocketConnection();\n\t\t};\n\n\t\tself.ws.onopen = () => {\n\t\t\t//console.log('Opened extension web socket connection.');\n\t\t};\n\n\t\tself.ws.onclose = () => {\n\t\t\t//console.log('Closed extension web socket connection.');\n\t\t};\n\n\t\tself.ws.onerror = function (event) {\n\t\t\tconsole.error('WS error occurred');\n\t\t\tconsole.error(JSON.stringify(event, null, 4));\n\t\t\tself.closeWebSocketConnection();\n\t\t};\n\t}\n\n\tcloseWebSocketConnection() {\n\t\tif (this.ws && this.ws.readyState == 1) {\n\t\t\tthis.ws.close();\n\t\t}\n\t\tthis.ws = undefined;\n\t}\n}\n\nexport { StickersTabShowSticker };\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"subnav\"},[((_vm.size === 'sm' && _vm.activeTabs.length < 3) || (_vm.size === 'md' && _vm.activeTabs.length < 4))?[_c('v-row',{staticClass:\"py-2 px-1\",attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.activeTabs),function(tab,index){return _c('v-col',{key:tab.name,staticClass:\"px-1\",attrs:{\"cols\":_vm.activeTabs.length === 1 ? 12 : _vm.activeTabs.length === 2 ? 6 : 4}},[_c('v-btn',{class:index === _vm.stickerTab ? 'active-tab-btn tab-btn' : 'tab-btn',attrs:{\"small\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.actions.setTab(index)}}},[(tab.icon)?_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/${tab.icon}.png`),\"alt\":tab.name}}):_vm._e(),_vm._v(\" \"+_vm._s(tab.name)+\" \"),(tab.isModified)?[_c('div',{staticClass:\"exclamation\"},[_c('v-icon',{attrs:{\"size\":\"12\",\"color\":\"white\"}},[_vm._v(_vm._s(_vm.icons.exclamation))])],1)]:_vm._e()],2)],1)}),1)]:[_c('div',{staticClass:\"shadow-left\",on:{\"mouseenter\":_vm.actions.moveLeft}}),_c('v-slide-group',{staticClass:\"px-4 py-2\",attrs:{\"mandatory\":\"\",\"center-active\":\"\",\"id\":\"slider\",\"show-arrows\":true},on:{\"change\":_vm.actions.setTab},scopedSlots:_vm._u([{key:\"prev\",fn:function(){return [_c('v-icon',{staticClass:\"left-slide\"},[_vm._v(_vm._s(_vm.icons.mdiChevronLeft))])]},proxy:true},{key:\"next\",fn:function(){return [_c('v-icon',{staticClass:\"right-slide\"},[_vm._v(_vm._s(_vm.icons.mdiChevronRight))])]},proxy:true}]),model:{value:(_vm.stickerTab),callback:function ($$v) {_vm.stickerTab=$$v},expression:\"stickerTab\"}},_vm._l((_vm.activeTabs),function(tab,index){return _c('v-slide-item',{key:index,scopedSlots:_vm._u([{key:\"default\",fn:function({ active, toggle }){return [_c('v-btn',{staticClass:\"mx-1 px-3\",class:[active ? 'active-tab-btn tab-btn' : 'tab-btn', !tab.type && 'px-7'],attrs:{\"small\":\"\"},on:{\"click\":toggle}},[(tab.icon)?_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/${tab.icon}.png`),\"alt\":tab.name}}):_vm._e(),_vm._v(\" \"+_vm._s(tab.name)+\" \")])]}}],null,true)})}),1),_c('div',{staticClass:\"shadow-right\",on:{\"mouseenter\":_vm.actions.moveRight}})]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"subnav\">\n\t\t<template v-if=\"(size === 'sm' && activeTabs.length < 3) || (size === 'md' && activeTabs.length < 4)\">\n\t\t\t<v-row no-gutters class=\"py-2 px-1\">\n\t\t\t\t<v-col\n\t\t\t\t\tv-for=\"(tab, index) in activeTabs\"\n\t\t\t\t\t:key=\"tab.name\"\n\t\t\t\t\tclass=\"px-1\"\n\t\t\t\t\t:cols=\"activeTabs.length === 1 ? 12 : activeTabs.length === 2 ? 6 : 4\">\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t:class=\"index === stickerTab ? 'active-tab-btn tab-btn' : 'tab-btn'\"\n\t\t\t\t\t\tblock\n\t\t\t\t\t\t@click=\"actions.setTab(index)\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"tab.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${tab.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"tab.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\t\t\t\t\t\t{{ tab.name }}\n\n\t\t\t\t\t\t<template v-if=\"tab.isModified\">\n\t\t\t\t\t\t\t<div class=\"exclamation\">\n\t\t\t\t\t\t\t\t<v-icon size=\"12\" color=\"white\">{{ icons.exclamation }}</v-icon>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<div class=\"shadow-left\" @mouseenter=\"actions.moveLeft\"></div>\n\t\t\t<v-slide-group\n\t\t\t\tv-model=\"stickerTab\"\n\t\t\t\tmandatory\n\t\t\t\tcenter-active\n\t\t\t\t@change=\"actions.setTab\"\n\t\t\t\tclass=\"px-4 py-2\"\n\t\t\t\tid=\"slider\"\n\t\t\t\t:show-arrows=\"true\">\n\t\t\t\t<template #prev>\n\t\t\t\t\t<v-icon class=\"left-slide\">{{ icons.mdiChevronLeft }}</v-icon>\n\t\t\t\t</template>\n\t\t\t\t<template #next>\n\t\t\t\t\t<v-icon class=\"right-slide\">{{ icons.mdiChevronRight }}</v-icon>\n\t\t\t\t</template>\n\t\t\t\t<v-slide-item v-for=\"(tab, index) in activeTabs\" :key=\"index\" v-slot=\"{ active, toggle }\">\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"mx-1 px-3\"\n\t\t\t\t\t\t:class=\"[active ? 'active-tab-btn tab-btn' : 'tab-btn', !tab.type && 'px-7']\"\n\t\t\t\t\t\t@click=\"toggle\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"tab.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${tab.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"tab.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\t\t\t\t\t\t{{ tab.name }}\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-slide-item>\n\t\t\t</v-slide-group>\n\t\t\t<div class=\"shadow-right\" @mouseenter=\"actions.moveRight\"></div>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { ref, watch, computed } from 'vue';\nimport { mdiChevronLeft, mdiChevronRight, mdiExclamationThick } from '@mdi/js';\nimport { useStore } from '@/store';\n\nexport default {\n\tname: 'StickerSubNav',\n\tprops: {\n\t\ttab: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\tsetup(props, ctx) {\n\t\tconst stickerTab = ref(0);\n\t\tconst store = useStore();\n\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst activeTabs = computed(() => store.getters.activeTabItems);\n\n\t\twatch(\n\t\t\t() => props.tab,\n\t\t\tval => {\n\t\t\t\tstickerTab.value = val;\n\t\t\t\tactions.setTab(val);\n\t\t\t},\n\t\t);\n\n\t\tconst actions = {\n\t\t\tsetTab: function (value) {\n\t\t\t\tif (value || value === 0) {\n\t\t\t\t\tstickerTab.value = value;\n\t\t\t\t}\n\t\t\t\tctx.emit('change', stickerTab.value);\n\t\t\t},\n\t\t\tmoveLeft: function () {\n\t\t\t\tconst slider = document.getElementsByClassName('left-slide')[0];\n\t\t\t\tslider.click();\n\t\t\t},\n\t\t\tmoveRight: function () {\n\t\t\t\tconst slider = document.getElementsByClassName('right-slide')[0];\n\t\t\t\tslider.click();\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tsize,\n\t\t\tstickerTab,\n\t\t\t// tabItems,\n\t\t\tactiveTabs,\n\t\t\tactions,\n\t\t\ticons: {\n\t\t\t\tmdiChevronLeft,\n\t\t\t\tmdiChevronRight,\n\t\t\t\texclamation: mdiExclamationThick,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.tab-btn {\n\tposition: relative;\n\t.exclamation {\n\t\tposition: absolute;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder-radius: 50%;\n\t\ttop: -12px;\n\t\tright: -18px;\n\t\tbackground: red;\n\t\tborder: 1px solid black;\n\t\tcolor: white;\n\t}\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubNav.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubNav.vue?vue&type=template&id=30a39a64&scoped=true&\"\nimport script from \"./SubNav.vue?vue&type=script&lang=js&\"\nexport * from \"./SubNav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubNav.vue?vue&type=style&index=0&id=30a39a64&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"30a39a64\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{staticClass:\"mx-1\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.actions.hideDropdown),expression:\"actions.hideDropdown\"}],staticClass:\"category-dropdown custom\"},[_c('div',{staticClass:\"select-container d-flex align-center justify-space-between\",on:{\"click\":_vm.actions.toggleOptions}},[_c('div',{staticClass:\"selected-option\"},[_c('div',{staticClass:\"d-flex align-center\"},[(!_vm.selectedItem.icon)?_c('img',{staticClass:\"all-icon\",attrs:{\"src\":require(`@/assets/icons/stickers_${_vm.theme}.png`),\"alt\":\"Stickers\"}}):_vm._e(),(_vm.selectedItem.icon)?_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/${_vm.selectedItem.icon}.png`),\"alt\":_vm.selectedItem.name}}):_vm._e(),_c('span',{staticClass:\"white--text fs--12 fw--500 text-uppercase\",class:_vm.selectedItem.name.startsWith('All') ? 'ml-2' : 'ml-1'},[_vm._v(_vm._s(_vm.selectedItem.name))])])]),_c('div',{staticClass:\"material-icon\"},[_c('v-icon',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.actions.toggleOptions()}}},[_vm._v(_vm._s(_vm.icons.mdiChevronDown))])],1)]),_c('div',{staticClass:\"options dropdown-options\",style:({ maxHeight: _vm.isMobile ? '230px' : '320px' })},_vm._l((_vm.activeTabs),function(item){return _c('div',{key:item.index,staticClass:\"option d-flex align-center dropdown-item\",on:{\"click\":function($event){return _vm.actions.selectOption(item.index)}}},[(item.icon)?_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(`@/assets/icons/${item.icon}.png`),\"alt\":item.name}}):_vm._e(),(!item.icon && item.name.startsWith('All'))?_c('img',{staticClass:\"all-icon\",attrs:{\"src\":require(`@/assets/icons/stickers_${_vm.theme}.png`),\"alt\":item.name}}):_vm._e(),_c('span',{staticClass:\"white--text fs--12 fw--500 text-uppercase\",class:item.name.startsWith('All') ? 'ml-2' : 'ml-1'},[_vm._v(_vm._s(item.name))])])}),0)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<v-row no-gutters class=\"mx-1\">\n\t\t<v-col cols=\"12\">\n\t\t\t<div class=\"category-dropdown custom\" v-click-outside=\"actions.hideDropdown\">\n\t\t\t\t<div class=\"select-container d-flex align-center justify-space-between\" @click=\"actions.toggleOptions\">\n\t\t\t\t\t<div class=\"selected-option\">\n\t\t\t\t\t\t<div class=\"d-flex align-center\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tv-if=\"!selectedItem.icon\"\n\t\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/stickers_${theme}.png`)\"\n\t\t\t\t\t\t\t\tclass=\"all-icon\"\n\t\t\t\t\t\t\t\talt=\"Stickers\" />\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tv-if=\"selectedItem.icon\"\n\t\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${selectedItem.icon}.png`)\"\n\t\t\t\t\t\t\t\t:alt=\"selectedItem.name\"\n\t\t\t\t\t\t\t\tclass=\"mr-1\" />\n\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"white--text fs--12 fw--500 text-uppercase\"\n\t\t\t\t\t\t\t\t:class=\"selectedItem.name.startsWith('All') ? 'ml-2' : 'ml-1'\"\n\t\t\t\t\t\t\t\t>{{ selectedItem.name }}</span\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"material-icon\">\n\t\t\t\t\t\t<v-icon color=\"primary\" @click=\"actions.toggleOptions()\">{{ icons.mdiChevronDown }}</v-icon>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"options dropdown-options\" :style=\"{ maxHeight: isMobile ? '230px' : '320px' }\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"item in activeTabs\"\n\t\t\t\t\t\t:key=\"item.index\"\n\t\t\t\t\t\tclass=\"option d-flex align-center dropdown-item\"\n\t\t\t\t\t\t@click=\"actions.selectOption(item.index)\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"item.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${item.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"item.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"!item.icon && item.name.startsWith('All')\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/stickers_${theme}.png`)\"\n\t\t\t\t\t\t\t:alt=\"item.name\"\n\t\t\t\t\t\t\tclass=\"all-icon\" />\n\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"white--text fs--12 fw--500 text-uppercase\"\n\t\t\t\t\t\t\t:class=\"item.name.startsWith('All') ? 'ml-2' : 'ml-1'\"\n\t\t\t\t\t\t\t>{{ item.name }}</span\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- <v-select\n\t\t\t\tv-model=\"stickerTab\"\n\t\t\t\t:items=\"activeTabs\"\n\t\t\t\tbackground-color=\"transparent\"\n\t\t\t\titem-text=\"name\"\n\t\t\t\titem-value=\"index\"\n\t\t\t\tclass=\"category-dropdown pointer\"\n\t\t\t\t@change=\"actions.setTab\"\n\t\t\t\toutlined\n\t\t\t\tattach\n\t\t\t\tdense\n\t\t\t\thide-details\n\t\t\t\t:menu-props=\"{ bottom: true, offsetY: true, maxHeight: isMobile ? '162px' : '320px' }\">\n\t\t\t\t<template #prepend-inner>\n\t\t\t\t\t<img :src=\"require(`@/assets/icons/stickers_${theme}.png`)\" class=\"mr-1\" alt=\"Stickers\" />\n\t\t\t\t</template>\n\t\t\t\t<template #append>\n\t\t\t\t\t<v-icon>{{ icons.mdiChevronDown }}</v-icon>\n\t\t\t\t</template>\n\t\t\t\t<template v-slot:item=\"{ item }\">\n\t\t\t\t\t<div class=\"d-flex align-center dropdown-item\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"item.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${item.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"item.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"!item.icon && item.name.startsWith('All')\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/stickers_${theme}.png`)\"\n\t\t\t\t\t\t\t:alt=\"item.name\"\n\t\t\t\t\t\t\tclass=\"mx-1\" />\n\n\t\t\t\t\t\t<span class=\"white--text fs--12 fw--500 ml-1 text-uppercase\">{{ item.name }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<template v-if=\"item.isModified\">\n\t\t\t\t\t\t<div class=\"exclamation d-flex align-center justify-center\">\n\t\t\t\t\t\t\t<v-icon size=\"12\" color=\"white\">{{ icons.exclamation }}</v-icon>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</template>\n\t\t\t\t<template v-slot:selection=\"{ item }\">\n\t\t\t\t\t<div class=\"d-flex align-center\">\n\t\t\t\t\t\t<img v-if=\"item.icon\" :src=\"require(`@/assets/icons/${item.icon}.png`)\" :alt=\"item.name\" />\n\n\t\t\t\t\t\t<span class=\"white--text fs--12 fw--500 ml-1 text-uppercase\">{{ item.name }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<template v-if=\"item.isModified\">\n\t\t\t\t\t\t<div class=\"exclamation d-flex align-center justify-center\">\n\t\t\t\t\t\t\t<v-icon size=\"12\" color=\"white\">{{ icons.exclamation }}</v-icon>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</template>\n\t\t\t</v-select> -->\n\t\t</v-col>\n\t</v-row>\n\t<!-- <div class=\"subnav\">\n\t\t<template v-if=\"(size === 'sm' && activeTabs.length < 3) || (size === 'md' && activeTabs.length < 4)\">\n\t\t\t<v-row no-gutters class=\"py-2 px-1\">\n\t\t\t\t<v-col\n\t\t\t\t\tv-for=\"(tab, index) in activeTabs\"\n\t\t\t\t\t:key=\"tab.name\"\n\t\t\t\t\tclass=\"px-1\"\n\t\t\t\t\t:cols=\"activeTabs.length === 1 ? 12 : activeTabs.length === 2 ? 6 : 4\">\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\t:class=\"index === stickerTab ? 'active-tab-btn tab-btn' : 'tab-btn'\"\n\t\t\t\t\t\tblock\n\t\t\t\t\t\t@click=\"actions.setTab(index)\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"tab.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${tab.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"tab.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\t\t\t\t\t\t{{ tab.name }}\n\n\t\t\t\t\t\t<template v-if=\"tab.isModified\">\n\t\t\t\t\t\t\t<div class=\"exclamation\">\n\t\t\t\t\t\t\t\t<v-icon size=\"12\" color=\"white\">{{ icons.exclamation }}</v-icon>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</template>\n\n\t\t<template v-else>\n\t\t\t<div class=\"shadow-left\" @mouseenter=\"actions.moveLeft\"></div>\n\t\t\t<v-slide-group\n\t\t\t\tv-model=\"stickerTab\"\n\t\t\t\tmandatory\n\t\t\t\tcenter-active\n\t\t\t\t@change=\"actions.setTab\"\n\t\t\t\tclass=\"px-4 py-2\"\n\t\t\t\tid=\"slider\"\n\t\t\t\t:show-arrows=\"true\">\n\t\t\t\t<template #prev>\n\t\t\t\t\t<v-icon class=\"left-slide\">{{ icons.mdiChevronLeft }}</v-icon>\n\t\t\t\t</template>\n\t\t\t\t<template #next>\n\t\t\t\t\t<v-icon class=\"right-slide\">{{ icons.mdiChevronRight }}</v-icon>\n\t\t\t\t</template>\n\t\t\t\t<v-slide-item v-for=\"(tab, index) in activeTabs\" :key=\"index\" v-slot=\"{ active, toggle }\">\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"mx-1 px-4\"\n\t\t\t\t\t\t:class=\"[active ? 'active-tab-btn tab-btn' : 'tab-btn', !tab.type && 'px-7']\"\n\t\t\t\t\t\t@click=\"toggle\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"tab.icon\"\n\t\t\t\t\t\t\t:src=\"require(`@/assets/icons/${tab.icon}.png`)\"\n\t\t\t\t\t\t\t:alt=\"tab.name\"\n\t\t\t\t\t\t\tclass=\"mr-1\" />\n\t\t\t\t\t\t{{ tab.name }}\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-slide-item>\n\t\t\t</v-slide-group>\n\t\t\t<div class=\"shadow-right\" @mouseenter=\"actions.moveRight\"></div>\n\t\t</template>\n\t</div> -->\n</template>\n\n<script>\nimport { ref, watch, computed } from 'vue';\nimport { mdiChevronLeft, mdiChevronRight, mdiChevronDown, mdiExclamationThick } from '@mdi/js';\nimport { useStore } from '@/store';\n\nexport default {\n\tname: 'StickerSubNav',\n\tprops: {\n\t\ttab: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\tsetup(props, ctx) {\n\t\tconst stickerTab = ref(0);\n\t\tconst isOpened = ref(false);\n\t\tconst store = useStore();\n\n\t\tconst size = computed(() => store.state.size);\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\n\t\tconst activeTabs = computed(() => {\n\t\t\tconst tabs = [...store.getters.activeTabItems];\n\t\t\t// tabs.push({ name: 'Test 1', index: 90 });\n\t\t\t// tabs.push({ name: 'Test 2', index: 91 });\n\t\t\t// tabs.push({ name: 'Test 3', index: 92 });\n\t\t\t// tabs.push({ name: 'Test 4', index: 93 });\n\t\t\t// tabs.push({ name: 'Test 5', index: 94 });\n\t\t\t// tabs.push({ name: 'Test 6', index: 95 });\n\t\t\t// tabs.push({ name: 'Test 7', index: 96 });\n\n\t\t\treturn tabs.map((item, index) => {\n\t\t\t\tif (item.name === 'All') {\n\t\t\t\t\titem.name = 'All Categories';\n\t\t\t\t}\n\t\t\t\tif (item.name === 'TTS') {\n\t\t\t\t\titem.name = 'TTS (Text-to-Speech)';\n\t\t\t\t}\n\t\t\t\tif (item.name === 'Favorites') {\n\t\t\t\t\titem.name = 'My Favorites';\n\t\t\t\t}\n\n\t\t\t\treturn { ...item, index };\n\t\t\t});\n\t\t});\n\n\t\tconst selectedItem = computed(() => {\n\t\t\treturn activeTabs.value[stickerTab.value];\n\t\t});\n\n\t\twatch(\n\t\t\t() => props.tab,\n\t\t\tval => {\n\t\t\t\tstickerTab.value = val;\n\t\t\t\tactions.setTab(val);\n\t\t\t},\n\t\t);\n\n\t\tconst actions = {\n\t\t\tsetSize() {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tconst elem = document.querySelector('.v-menu__content');\n\t\t\t\t\tif (elem) {\n\t\t\t\t\t\tconst list = document.querySelector('.v-menu__content .v-list');\n\t\t\t\t\t\telem.style.minWidth = window.innerWidth - 16 + 'px';\n\t\t\t\t\t\t// list.classList.add('dropdown-list')\n\t\t\t\t\t}\n\t\t\t\t}, 5);\n\t\t\t},\n\t\t\ttoggleList: function () {\n\t\t\t\tconst options = document.querySelector('.category-dropdown .options');\n\t\t\t\toptions.style.display = options.style.display === 'block' ? 'none' : 'block';\n\t\t\t\tisOpened.value = !isOpened.value;\n\t\t\t},\n\t\t\thideDropdown: function (event) {\n\t\t\t\tconst options = document.querySelector('.category-dropdown .options');\n\t\t\t\tif (options) {\n\t\t\t\t\toptions.style.display = 'none';\n\t\t\t\t\tisOpened.value = false;\n\t\t\t\t}\n\t\t\t},\n\t\t\ttoggleOptions: function (e) {\n\t\t\t\tif (e) {\n\t\t\t\t\tactions.toggleList();\n\t\t\t\t}\n\t\t\t},\n\t\t\tselectOption: function (value) {\n\t\t\t\tstickerTab.value = value;\n\t\t\t\tactions.toggleList();\n\n\t\t\t\tactions.setTab(value);\n\t\t\t},\n\t\t\tsetTab: function (value) {\n\t\t\t\t// if (value || value === 0) {\n\t\t\t\t// \tstickerTab.value = value;\n\t\t\t\t// }\n\t\t\t\tif (value !== null && value >= 0) {\n\t\t\t\t\tctx.emit('change', stickerTab.value);\n\t\t\t\t}\n\t\t\t},\n\t\t\tmoveLeft: function () {\n\t\t\t\tconst slider = document.getElementsByClassName('left-slide')[0];\n\t\t\t\tslider.click();\n\t\t\t},\n\t\t\tmoveRight: function () {\n\t\t\t\tconst slider = document.getElementsByClassName('right-slide')[0];\n\t\t\t\tslider.click();\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tselectedItem,\n\t\t\tisOpened,\n\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tisMobile,\n\t\t\tstickerTab,\n\t\t\t// tabItems,\n\t\t\tactiveTabs,\n\t\t\tactions,\n\t\t\ticons: {\n\t\t\t\tmdiChevronLeft,\n\t\t\t\tmdiChevronRight,\n\t\t\t\tmdiChevronDown,\n\t\t\t\texclamation: mdiExclamationThick,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.exclamation {\n\tposition: absolute;\n\twidth: 18px;\n\theight: 18px;\n\tborder-radius: 50%;\n\ttop: 6px;\n\tright: 5px;\n\tbackground: red;\n\tborder: 1px solid black;\n\tcolor: white;\n}\n.tab-btn,\n.category-dropdown {\n\tposition: relative;\n\t.exclamation {\n\t\tposition: absolute;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tborder-radius: 50%;\n\t\ttop: 7px;\n\t\tright: 25px;\n\t\tbackground: red;\n\t\tborder: 1px solid black;\n\t\tcolor: white;\n\t}\n}\n\n.category-dropdown {\n\tposition: relative;\n\twidth: 100%;\n\theight: 33px;\n\n\t.all-icon {\n\t\tmargin-right: 4px !important;\n\t\tmargin-left: 2px !important;\n\t}\n\n\tselect {\n\t\tdisplay: none;\n\t}\n\n\t.select-container {\n\t\tposition: relative;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid var(--v-tab-base);\n\t\tbackground-color: transparent;\n\t\tpadding: 4px 9px;\n\t\tcursor: pointer;\n\t}\n\n\t.selected-option {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t.options {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-color: var(--v-base-base) !important;\n\t\tborder: 1px solid var(--v-tab-base);\n\t\tborder-radius: 4px;\n\t\tdisplay: none;\n\t\t/* max-height: 162px; */\n\t\toverflow-y: auto;\n\t\tz-index: 999;\n\n\t\t.option {\n\t\t\tmin-height: 32px !important;\n\t\t\tpadding: 0 8px;\n\t\t\ttransition: background-color 0.3s;\n\t\t}\n\n\t\t.option:hover {\n\t\t\tbackground: var(--v-activeListItem-base) !important;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n/* .category-dropdown select {\n\tdisplay: none;\n} */\n\n/* .category-dropdown::after {\n      content: '\\E5C5';\n      font-family: 'Material Icons';\n      font-size: 1.2em;\n      color: #555;\n      position: absolute;\n      top: 50%;\n      right: 10px;\n      transform: translateY(-50%);\n      cursor: pointer;\n    } */\n\n/* .category-dropdown .select-container {\n\tposition: relative;\n\tborder: 1px solid #fff;\n\tborder-radius: 4px;\n\tbackground-color: transparent;\n\tpadding: 4px 12px;\n\tcursor: pointer;\n} */\n\n/* .category-dropdown .selected-option {\n\tdisplay: block;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n} */\n\n/* .category-dropdown .options {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 0;\n\tright: 0;\n\tbackground-color: var(--v-base-base) !important;\n\tborder-radius: 4px;\n\tdisplay: none;\n\tmax-height: 162px;\n\toverflow-y: auto;\n\tz-index: 999;\n} */\n\n/* .category-dropdown .option {\n\tmin-height: 32px !important;\n\tpadding: 0 9px;\n\ttransition: background-color 0.3s;\n} */\n\n/* .category-dropdown .option:hover {\n\tbackground: var(--v-activeListItem-base) !important;\n\tcursor: pointer;\n} */\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./CategoryDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./CategoryDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CategoryDropdown.vue?vue&type=template&id=64930dc6&scoped=true&\"\nimport script from \"./CategoryDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoryDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CategoryDropdown.vue?vue&type=style&index=0&id=64930dc6&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"64930dc6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{staticClass:\"mx-1\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"searchBox d-flex mb-1\",attrs:{\"id\":\"searchBox\"}},[_c('v-icon',{staticClass:\"icon search\",attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.search))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],ref:\"input\",staticClass:\"searchInput\",attrs:{\"type\":\"email\",\"placeholder\":\"Search Stickers\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"focus\":_vm.preventScroll,\"focusout\":_vm.revokeScroll,\"input\":[function($event){if($event.target.composing)return;_vm.searchQuery=$event.target.value},_vm.searched]}}),(_vm.searchQuery)?_c('v-icon',{staticClass:\"justify-self-end clear\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.clearSearch}},[_vm._v(_vm._s(_vm.icons.close))]):_vm._e()],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<v-row no-gutters class=\"mx-1\">\n\t\t<v-col cols=\"12\">\n\t\t\t<form @submit.prevent>\n\t\t\t\t<div class=\"searchBox d-flex mb-1\" id=\"searchBox\">\n\t\t\t\t\t<v-icon class=\"icon search\" color=\"primary\">{{ icons.search }}</v-icon>\n\t\t\t\t\t<input\n\t\t\t\t\t\tv-model=\"searchQuery\"\n\t\t\t\t\t\tref=\"input\"\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t@focus=\"preventScroll\"\n\t\t\t\t\t\tclass=\"searchInput\"\n\t\t\t\t\t\t@focusout=\"revokeScroll\"\n\t\t\t\t\t\tplaceholder=\"Search Stickers\"\n\t\t\t\t\t\t@input=\"searched\" />\n\t\t\t\t\t<v-icon color=\"primary\" class=\"justify-self-end clear\" v-if=\"searchQuery\" @click=\"clearSearch\">{{\n\t\t\t\t\t\ticons.close\n\t\t\t\t\t}}</v-icon>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t\t<!-- <v-text-field\n\t\t\t\tv-model=\"searchQuery\"\n\t\t\t\tclass=\"search-box mb-1\"\n\t\t\t\tplaceholder=\"Search Stickers...\"\n\t\t\t\t:prepend-inner-icon=\"icons.search\"\n\t\t\t\t@click=\"preventScroll\"\n\t\t\t\t@input=\"searched\"\n\t\t\t\tdense\n\t\t\t\toutlined\n\t\t\t\thide-details>\n\t\t\t\t<template #append>\n\t\t\t\t\t<v-icon v-if=\"searchQuery\" @click=\"clearSearch\">{{ icons.close }}</v-icon>\n\t\t\t\t</template>\n\t\t\t</v-text-field> -->\n\t\t</v-col>\n\t</v-row>\n</template>\n\n<script>\nimport { ref, computed, watch } from 'vue';\nimport { mdiMagnify, mdiClose } from '@mdi/js';\nimport { useStore } from '@/store';\n\nexport default {\n\tprops: {\n\t\treset: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tsetup(props, ctx) {\n\t\tconst searchQuery = ref('');\n\t\tconst input = ref();\n\n\t\tconst store = useStore();\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\tconst height = ref();\n\t\theight.value = window.innerHeight;\n\n\t\twatch(\n\t\t\t() => props.reset,\n\t\t\tval => {\n\t\t\t\tif (val) {\n\t\t\t\t\tsearchQuery.value = null;\n\t\t\t\t}\n\t\t\t},\n\t\t);\n\n\t\tconst preventScroll = event => {\n\t\t\tevent.preventDefault();\n\t\t\tconst box = document.getElementById('searchBox');\n\t\t\tbox.classList.toggle('focused');\n\n\t\t\t// const app = document.getElementById('app');\n\t\t\t// if (app) {\n\n\t\t\t\tif (isMobile.value) {\n\t\t\t\t\tconst userAgent = navigator.userAgent;\n\n\t\t\t\t\tif (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {\n\t\t\t\t\t\tconst panel = document.querySelector('.panel-mobile');\n\t\t\t\t\t\tif (panel) {\n\t\t\t\t\t\t\twindow.scrollTo({\n\t\t\t\t\t\t\t\ttop: '80px',\n\t\t\t\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t// panel.style.marginTop = '44px';\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t// setTimeout(() => {\n\t\t\t\t\t\t// \tconst panel = document.getElementById('panel');\n\t\t\t\t\t\t// \theight.value = window.innerHeight + ' p ' + panel.offsetHeight;\n\t\t\t\t\t\t// }, 50)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t};\n\n\t\tconst revokeScroll = event => {\n\t\t\tconst box = document.getElementById('searchBox');\n\t\t\tbox.classList.toggle('focused');\n\n\t\t\tconst panel = document.querySelector('.panel-mobile');\n\t\t\tif (panel) {\n\t\t\t\t// panel.style.marginTop = '0px';\n\t\t\t}\n\t\t};\n\n\t\tconst searched = () => {\n\t\t\tctx.emit('onSearch', searchQuery.value);\n\t\t};\n\n\t\tconst clearSearch = () => {\n\t\t\tsearchQuery.value = '';\n\t\t\tsearched();\n\t\t};\n\n\t\treturn {\n\t\t\theight,\n\t\t\tisMobile,\n\t\t\trevokeScroll,\n\t\t\tpreventScroll,\n\t\t\tsearchQuery,\n\t\t\tsearched,\n\t\t\tclearSearch,\n\t\t\ticons: {\n\t\t\t\tsearch: mdiMagnify,\n\t\t\t\tclose: mdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.searchBox {\n\theight: 33px;\n\twidth: 100%;\n\tposition: relative;\n\tbackground: transparent;\n\tborder: 1px solid var(--v-primary-base);\n\tborder-radius: 4px;\n\n\t&.focused {\n\t\tborder: 1px solid white;\n\t}\n\n\tinput {\n\t\twidth: 95%;\n\t\tpadding: 0 5px 0 0px;\n\t\tfont-size: 14px;\n\t\toutline: none;\n\t\theight: 100%;\n\n\t\t::placeholder {\n\t\t\tcolor: var(--v-primary-base);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n\n\tinput::placeholder {\n\t\tcolor: var(--v-primary-base) !important;\n\t}\n\n\t.v-icon {\n\t\t/* position: absolute; */\n\t\tmargin-top: 0px;\n\t\tmargin-left: 8px;\n\t}\n\n\t.v-icon.clear {\n\t\tmargin-right: 10px;\n\t\tmargin-top: 0px;\n\t}\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SearchBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBox.vue?vue&type=template&id=c9f51d26&scoped=true&\"\nimport script from \"./SearchBox.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBox.vue?vue&type=style&index=0&id=c9f51d26&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c9f51d26\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.loading)?_c('SpinLoader'):_vm._e(),(!_vm.loading && !_vm.data.items.length)?_c('div',{staticClass:\"text-center\"},[(_vm.data.type == 'FAVORITE' && !_vm.search)?[_c('div',{staticClass:\"d-flex flex-column justify-center align-center\",style:({ height: _vm.getFavHeight })},[_c('img',{attrs:{\"src\":require(\"@/assets/images/favorite-mascott.png\")}}),_vm._m(0),_c('div',{staticClass:\"mt-1 d-flex align-center justify-center\"},[_c('img',{attrs:{\"src\":require(`@/assets/icons/favorite/${_vm.theme}.png`)}}),_c('v-icon',{staticClass:\"mx-1\",attrs:{\"color\":\"white\"}},[_vm._v(_vm._s(_vm.mdiChevronRight))]),_c('img',{attrs:{\"src\":require(\"@/assets/icons/favorite/heart.png\")}})],1)])]:[_vm._m(1)]],2):_vm._e(),(!_vm.loading && _vm.data.items.length > 0)?_c('div',[(_vm.stickerType && _vm.stickerType == _vm.StickerType.REWARD)?_c('v-row',{staticClass:\"mx-2\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"text-center px-7\",class:[_vm.size === 'md' && 'md-heading'],attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"reward-text fs--13 fw--600 mb-0\"},[_vm._v(\" Unlock the ability to use these rewards on \"),_c('span',{staticClass:\"white--text\"},[_vm._v(_vm._s(_vm.streamerDisplayName)+\"'s\")]),_vm._v(\" channel! \")])]),_vm._l((_vm.stickers),function(s){return _c('v-col',{key:s.id,staticClass:\"reward-stickers mt-0\",class:_vm.size === 'md' && 'px-1',attrs:{\"cols\":_vm.size === 'sm' ? 12 : 6}},[_c('StickerReward',{attrs:{\"id\":s.id,\"sticker\":s},on:{\"onStickerClick\":_vm.actions.onStickerClick}})],1)})],2):(_vm.stickerType && _vm.stickerType == _vm.StickerType.TTS)?_c('v-row',{staticClass:\"stickers mx-0\",attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.stickers),function(s){return _c('v-col',{key:s.id,staticClass:\"pb-2 px-1\",attrs:{\"cols\":_vm.size === 'sm' ? 6 : 4}},[_c('StickerTTS',{attrs:{\"id\":s.id,\"sticker\":s},on:{\"onStickerClick\":_vm.actions.onStickerClick,\"onAddFavorite\":_vm.actions.onAddFavorite,\"onDeleteFavorite\":_vm.actions.onDeleteFavorite}})],1)}),1):(!_vm.stickerType || (_vm.stickerType != _vm.StickerType.REWARD && _vm.stickerType != _vm.StickerType.TTS))?_c('v-row',{staticClass:\"stickers mx-0\",attrs:{\"no-gutters\":\"\"}},_vm._l((_vm.stickers),function(s){return _c('v-col',{key:s.id,staticClass:\"pb-2 px-1\",attrs:{\"cols\":_vm.size === 'sm' ? 6 : 4}},[(s.stickerType === _vm.StickerType.TTS)?[_c('StickerTTS',{attrs:{\"id\":s.id,\"sticker\":s},on:{\"onStickerClick\":_vm.actions.onStickerClick,\"onAddFavorite\":_vm.actions.onAddFavorite,\"onDeleteFavorite\":_vm.actions.onDeleteFavorite}})]:[_c('Sticker',{attrs:{\"id\":s.id,\"sticker\":s},on:{\"onPlaySound\":_vm.actions.onPlaySound,\"onStickerClick\":_vm.actions.onStickerClick,\"onAddFavorite\":_vm.actions.onAddFavorite,\"onDeleteFavorite\":_vm.actions.onDeleteFavorite}})]],2)}),1):_vm._e()],1):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fs--13 fw--600 px-5 mt-4 empty-favorite-text\"},[_c('span',{staticClass:\"reward-text fs--13 fw--600\"},[_vm._v(\"Tap the\")]),_vm._v(\" \"),_c('span',{staticClass:\"white--text\"},[_vm._v(\"Heart Icon\")]),_vm._v(\" \"),_c('span',{staticClass:\"reward-text fs--13 fw--600\"},[_vm._v(\"on any sticker to save it as a\")]),_vm._v(\" \"),_c('span',{staticClass:\"white--text\"},[_vm._v(\"favorite\")]),_c('span',{staticClass:\"reward-text fs--13 fw--600\"},[_vm._v(\"! Your favorite stickers will appear here!\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-3 text-center\"},[_c('span',{staticClass:\"reward-text fs--13 fw--600\"},[_vm._v(\"No Stickers Found.\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"d-flex flex-column align-center justify-end\",class:_vm.panelLoading ? 'panel-aniamtion-loader' : 'animation-loader'},[_c('div',{staticClass:\"sk-circle-bounce\"},[_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-1' : 'sk-child sk-circle-1'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-2' : 'sk-child sk-circle-2'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-3' : 'sk-child sk-circle-3'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-4' : 'sk-child sk-circle-4'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-5' : 'sk-child sk-circle-5'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-6' : 'sk-child sk-circle-6'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-7' : 'sk-child sk-circle-7'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-8' : 'sk-child sk-circle-8'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-9' : 'sk-child sk-circle-9'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-10' : 'sk-child sk-circle-10'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-11' : 'sk-child sk-circle-11'}),_c('div',{class:_vm.panelLoading ? 'sk-panel-child sk-circle-12' : 'sk-child sk-circle-12'}),_c('p',{staticClass:\"white--text loading-text text-uppercase\"},[_vm._v(\"Loading\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section class=\"d-flex flex-column align-center justify-end\" :class=\"panelLoading ? 'panel-aniamtion-loader' : 'animation-loader'\">\n        <div class='sk-circle-bounce'>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-1' : 'sk-child sk-circle-1'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-2' : 'sk-child sk-circle-2'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-3' : 'sk-child sk-circle-3'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-4' : 'sk-child sk-circle-4'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-5' : 'sk-child sk-circle-5'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-6' : 'sk-child sk-circle-6'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-7' : 'sk-child sk-circle-7'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-8' : 'sk-child sk-circle-8'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-9' : 'sk-child sk-circle-9'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-10' : 'sk-child sk-circle-10'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-11' : 'sk-child sk-circle-11'\" ></div>\n            <div :class=\"panelLoading ? 'sk-panel-child sk-circle-12' : 'sk-child sk-circle-12'\"></div>\n            <p class=\"white--text loading-text text-uppercase\">Loading</p>\n        </div>\n    </section>\n</template>\n\n<style lang=\"scss\">\n$spinkit-size: 6.5em !default;\n$spinkit-spinner-color: var(--v-primary-base) !default;\n$spinkit-loading-color: #6948C8 !default;\n.animation-loader {\n    height: 225px;\n}\n.panel-aniamtion-loader {\n    height: 100vh;\n    justify-content: center;\n    align-items: center;\n}\n.loading-text {\n    margin-top: 15px;\n    padding: 27px 27px 27px 22px;\n    font-size: 14px;\n}\n.sk-circle-bounce {\n    $circleCount: 12;\n    $animationDuration: 1.2s;\n\n    width: $spinkit-size;\n    height: $spinkit-size;\n    position: relative;\n    margin: auto;\n\n    .sk-panel-child, .sk-child {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n    }\n\n    .sk-panel-child:before {\n        content: '';\n        display: block;\n        margin: 0 auto;\n        width: 15%;\n        height: 15%;\n        background-color: $spinkit-loading-color;\n        border-radius: 100%;\n        animation: sk-circle-bounce-delay $animationDuration infinite ease-in-out both;\n    }\n\n    .sk-child:before {\n        content: '';\n        display: block;\n        margin: 0 auto;\n        width: 15%;\n        height: 15%;\n        background-color: $spinkit-spinner-color;\n        border-radius: 100%;\n        animation: sk-circle-bounce-delay $animationDuration infinite ease-in-out both;\n    }\n\n    @for $i from 2 through $circleCount {\n        .sk-circle-#{$i} {\n            transform: rotate((360deg / $circleCount * ($i - 1)));\n        }\n    }\n\n    @for $i from 2 through $circleCount {\n        .sk-circle-#{$i}:before {\n            animation-delay: (-$animationDuration + $animationDuration / $circleCount * ($i - 1));\n        }\n    }\n}\n\n@keyframes sk-circle-bounce-delay {\n\n    0%,\n    80%,\n    100% {\n        transform: scale(0);\n    }\n\n    40% {\n        transform: scale(1.0);\n    }\n}\n</style>\n<script>\nexport default {\n    name: 'SpinLoader',\n    props: {\n        panelLoading: {\n            type: Boolean,\n            default: false\n        }\n    }\n}\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SpinLoader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SpinLoader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpinLoader.vue?vue&type=template&id=404d5889&\"\nimport script from \"./SpinLoader.vue?vue&type=script&lang=js&\"\nexport * from \"./SpinLoader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpinLoader.vue?vue&type=style&index=0&id=404d5889&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"mouseover\"},on:{\"mouseenter\":_vm.actions.setConstrain,\"mousemove\":_vm.actions.onMouseMove,\"mouseleave\":_vm.actions.resetConstrain}},[_c('div',{staticClass:\"reward-sticker pointer mt-0\",class:!_vm.isMobile && 'reward-sticker-shadow',attrs:{\"id\":'sticker-card' + _vm.id},on:{\"click\":function($event){return _vm.actions.onStickerClick()}}},[(_vm.sticker.reward.unlocked)?_c('img',{staticClass:\"check-icon\",attrs:{\"width\":\"40\",\"src\":require(\"@/assets/icons/check.png\"),\"alt\":\"Check\"}}):_vm._e(),_c('v-row',{attrs:{\"no-gutters\":\"\",\"align\":\"center\"}},[_c('v-col',{class:_vm.size === 'md' && 'pl-1',attrs:{\"cols\":4}},[_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{staticClass:\"reward-icon mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_reward.png\"),\"alt\":\"Reward\"}}),_c('v-img',{staticClass:\"sticker-image\",attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"auto\",\"contain\":\"\",\"max-height\":\"57\"}})],1)]),_c('v-col',{staticClass:\"pr-2\",class:_vm.size === 'md' && 'pl-2',attrs:{\"cols\":8}},[_c('h4',{staticClass:\"sticker-title white--text fs--12\"},[_vm._v(_vm._s(_vm.sticker.name))]),_c('div',{staticClass:\"progress-bar\"},[_c('v-progress-linear',{staticClass:\"sticker-progress\",attrs:{\"height\":8,\"color\":\"progress\",\"background-color\":\"progressBg\",\"rounded\":\"\",\"value\":_vm.sticker.reward.pctComplete * 100,\"min\":0,\"max\":100}})],1),_c('div',{staticClass:\"sticker-subtitle d-flex flex-column mt-2\"},[_c('span',{staticClass:\"fs--11 fw--600 white--text\"},[_vm._v(_vm._s(_vm.sticker.reward.viewerEarnedInSlot.toLocaleString())+\" / \"+_vm._s(_vm.sticker.reward.bitsRequired.toLocaleString())+\" Bits\")])])])],1),_c('div',{staticClass:\"reward-sticker-footer d-flex align-center justify-center\"},[(_vm.sticker.reward.unlocked)?[_c('strong',{staticClass:\"fs--11 fw--600 unlocked-text white--text pt-1\"},[_vm._v(\"Complete! This sticker has been unlocked!\")])]:[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":_vm.actions.getIcon(_vm.sticker.reward.bitsToUnlock),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('strong',{staticClass:\"white--text fs--12 fw--600\"},[_vm._v(\"Use \"+_vm._s(_vm.sticker.reward.bitsToUnlock.toLocaleString())+\" Bits on stickers to unlock!\")])]],2)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div\n\t\tid=\"mouseover\"\n\t\t@mouseenter=\"actions.setConstrain\"\n\t\t@mousemove=\"actions.onMouseMove\"\n\t\t@mouseleave=\"actions.resetConstrain\">\n\t\t<!-- Disable class sticker-shadow for Mobile Only -->\n\t\t<div\n\t\t\tclass=\"reward-sticker pointer mt-0\"\n\t\t\t:class=\"!isMobile && 'reward-sticker-shadow'\"\n\t\t\t:id=\"'sticker-card' + id\"\n\t\t\t@click=\"actions.onStickerClick()\">\n\t\t\t<img\n\t\t\t\tv-if=\"sticker.reward.unlocked\"\n\t\t\t\tclass=\"check-icon\"\n\t\t\t\twidth=\"40\"\n\t\t\t\tsrc=\"@/assets/icons/check.png\"\n\t\t\t\talt=\"Check\" />\n\t\t\t<v-row no-gutters align=\"center\">\n\t\t\t\t<v-col :cols=\"4\" :class=\"size === 'md' && 'pl-1'\">\n\t\t\t\t\t<div class=\"d-flex align-center justify-center\">\n\t\t\t\t\t\t<img src=\"@/assets/icons/icon_reward.png\" class=\"reward-icon mt-1\" alt=\"Reward\" />\n\t\t\t\t\t\t<v-img\n\t\t\t\t\t\t\t:src=\"getStickerImagePath(sticker)\"\n\t\t\t\t\t\t\tclass=\"sticker-image\"\n\t\t\t\t\t\t\twidth=\"auto\"\n\t\t\t\t\t\t\tcontain\n\t\t\t\t\t\t\tmax-height=\"57\">\n\t\t\t\t\t\t</v-img>\n\t\t\t\t\t</div>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col :cols=\"8\" class=\"pr-2\" :class=\"size === 'md' && 'pl-2'\">\n\t\t\t\t\t<h4 class=\"sticker-title white--text fs--12\">{{ sticker.name }}</h4>\n\t\t\t\t\t<div class=\"progress-bar\">\n\t\t\t\t\t\t<v-progress-linear\n\t\t\t\t\t\t\tclass=\"sticker-progress\"\n\t\t\t\t\t\t\t:height=\"8\"\n\t\t\t\t\t\t\tcolor=\"progress\"\n\t\t\t\t\t\t\tbackground-color=\"progressBg\"\n\t\t\t\t\t\t\trounded\n\t\t\t\t\t\t\t:value=\"sticker.reward.pctComplete * 100\"\n\t\t\t\t\t\t\t:min=\"0\"\n\t\t\t\t\t\t\t:max=\"100\">\n\t\t\t\t\t\t</v-progress-linear>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"sticker-subtitle d-flex flex-column mt-2\">\n\t\t\t\t\t\t<span class=\"fs--11 fw--600 white--text\"\n\t\t\t\t\t\t\t>{{ sticker.reward.viewerEarnedInSlot.toLocaleString() }} /\n\t\t\t\t\t\t\t{{ sticker.reward.bitsRequired.toLocaleString() }} Bits</span\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t\t<div class=\"reward-sticker-footer d-flex align-center justify-center\">\n\t\t\t\t<template v-if=\"sticker.reward.unlocked\">\n\t\t\t\t\t<strong class=\"fs--11 fw--600 unlocked-text white--text pt-1\"\n\t\t\t\t\t\t>Complete! This sticker has been unlocked!</strong\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<img :src=\"actions.getIcon(sticker.reward.bitsToUnlock)\" width=\"15\" class=\"mr-1\" alt=\"Bits\" />\n\t\t\t\t\t<strong class=\"white--text fs--12 fw--600\"\n\t\t\t\t\t\t>Use {{ sticker.reward.bitsToUnlock.toLocaleString() }} Bits on stickers to unlock!</strong\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed, watch } from 'vue';\nimport { useStore } from '@/store';\nimport { getBitIcon, getStickerImagePath } from '@/utils/utils';\n\nexport default {\n\tname: 'StickerReward',\n\tprops: {\n\t\tid: String,\n\t\tsticker: Object,\n\t},\n\temits: ['onStickerClick'],\n\tsetup(props, ctx) {\n\t\tconst hover = ref(false);\n\t\tconst constrain = ref(0);\n\n\t\tconst store = useStore();\n\n\t\tconst speed = computed(() => store.state.speed);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\twatch(\n\t\t\t() => speed,\n\t\t\tfunction (val) {\n\t\t\t\tconstrain.value = val;\n\t\t\t},\n\t\t);\n\n\t\tconst actions = {\n\t\t\tonStickerClick() {\n\t\t\t\tif (props.sticker.reward.unlocked) {\n\t\t\t\t\tctx.emit('onStickerClick', props.sticker);\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetIcon(value) {\n\t\t\t\treturn getBitIcon(value);\n\t\t\t},\n\t\t\tsetConstrain() {\n\t\t\t\thover.value = true;\n\t\t\t\tconstrain.value = 20;\n\t\t\t},\n\t\t\tresetConstrain() {\n\t\t\t\thover.value = false;\n\t\t\t\tconstrain.value = 0;\n\n\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\tlet xy = [0, 0];\n\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t},\n\t\t\ttransforms(x, y, el) {\n\t\t\t\tlet box = el.getBoundingClientRect();\n\t\t\t\tlet calcX = -(y - box.y - box.height / 2) / constrain.value;\n\t\t\t\tlet calcY = (x - box.x - box.width / 2) / constrain.value;\n\n\t\t\t\tif (hover.value) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t'perspective(100px) ' +\n\t\t\t\t\t\t'   rotateX(' +\n\t\t\t\t\t\tcalcX +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   rotateY(' +\n\t\t\t\t\t\tcalcY +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   scale(1.10) '\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t'perspective(100px) ' + '   rotateX(' + 0 + 'deg) ' + '   rotateY(' + 0 + 'deg) ' + '   scale(1) '\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransformElement: function (el, xyEl) {\n\t\t\t\tel.style.transform = this.transforms.apply(null, xyEl);\n\t\t\t\tel.style.transition = '0.25s ease-out';\n\t\t\t},\n\n\t\t\tonMouseMove(e) {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\thover.value = true;\n\t\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\t\tlet xy = [e.clientX, e.clientY];\n\t\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\thover,\n\t\t\tconstrain,\n\t\t\tsize,\n\t\t\tspeed,\n\t\t\tactions,\n\t\t\tgetStickerImagePath,\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\"></style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickerReward.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickerReward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StickerReward.vue?vue&type=template&id=0b922c0f&\"\nimport script from \"./StickerReward.vue?vue&type=script&lang=js&\"\nexport * from \"./StickerReward.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"mouseover\"},on:{\"mouseenter\":_vm.actions.setConstrain,\"mousemove\":_vm.actions.onMouseMove,\"mouseleave\":_vm.actions.resetConstrain}},[_c('div',{staticClass:\"sticker sticker-card\",class:[_vm.hover && 'sticker-card-hover pointer', !_vm.isMobile && 'sticker-shadow'],attrs:{\"id\":'sticker-card' + _vm.id},on:{\"click\":function($event){if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey)return null;return _vm.actions.onStickerClick()}}},[_c('div',{staticClass:\"favorite-icon d-flex flex-column justify-center align-center\",on:{\"click\":function($event){$event.stopPropagation();return _vm.actions.toggleFavorite($event, _vm.sticker)}}},[_c('img',{attrs:{\"src\":_vm.actions.getFavoriteIcon(),\"alt\":\"Favorite\"}})]),_c('div',{staticClass:\"icons d-flex flex-column\"},[(_vm.sticker.isHot && _vm.actions.isGlobalSticker(_vm.sticker))?_c('div',{staticClass:\"hot-chip mt-1\",class:_vm.theme === 'red' ? 'yellow-chip' : 'red-chip',attrs:{\"x-small\":\"\"}},[_vm._v(\" HOT \")]):_vm._e(),(_vm.actions.isTTSSticker(_vm.sticker))?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_tts.png\"),\"width\":\"20\",\"alt\":\"Reward\"}}):_vm._e(),(_vm.actions.isRewardSticker(_vm.sticker))?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_reward.png\"),\"width\":\"20\",\"alt\":\"Reward\"}}):_vm._e(),(_vm.sticker.subOnly)?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_subonly.png\"),\"alt\":\"Sub Only\"}}):_vm._e(),(_vm.sticker.isStickerPlacementEnabled)?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_placement.png\"),\"width\":\"20\",\"alt\":\"Custom Placement\"}}):_vm._e()]),(_vm.actions.isTTSSticker(_vm.sticker))?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":true}})]:_c('div',{staticClass:\"sticker-image d-flex align-end justify-space-between\"},[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100%\"}})],1),_c('div',{staticClass:\"text-center sticker-name white--text fs--12 pt-2\"},[_vm._v(_vm._s(_vm.sticker.name.length > 15 ? `${_vm.sticker.name.substr(0, 15)}...` : _vm.sticker.name))]),(!_vm.isPartyModeOn)?_c('div',{staticClass:\"sticker-footer d-flex align-center justify-center\"},[_c('img',{staticClass:\"mt-1\",attrs:{\"src\":_vm.actions.getIcon(_vm.sticker.bits),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('span',{staticClass:\"white--text fs--14 fw--500 mt-1 pl-1\"},[_vm._v(_vm._s(_vm.sticker.bits.toLocaleString()))])]):_c('div',{staticClass:\"sticker-footer d-flex align-center justify-center\"},[_c('span',{staticClass:\"white--text fs--14 fw--500 mt-1 pl-1\"},[_vm._v(\"Free!\")])]),_c('div',{staticClass:\"sound-preview-btn px-1\",class:[_vm.isMobile && 'visible'],attrs:{\"id\":`preview-${_vm.id}`},on:{\"click\":function($event){$event.stopPropagation();return _vm.actions.playSound.apply(null, arguments)}}},[_c('v-icon',{attrs:{\"size\":\"20\",\"color\":\"white\"}},[_vm._v(_vm._s(_vm.icons.mdiPlayCircle))])],1)],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.sticker.tts && _vm.sticker.tts.bounds)?_c('div',{staticClass:\"base-image\",class:[_vm.list && 'mt-1'],style:({ backgroundImage: `url(${_vm.stickerImageSrc})`, minHeight: `${_vm.stickerDimensions.baseHeight}px`, minWidth: `${_vm.stickerDimensions.baseWidth}px`, maxHeight: `${_vm.stickerDimensions.baseHeight}px`, maxWidth: `${_vm.stickerDimensions.baseWidth}px`, backgroundPosition: 'center center', backgroundSize: 'contain', backgroundRepeat: 'no-repeat', opacity: _vm.fade ? 0.5 : 1 })},[(_vm.sticker.tts.isEyeEnabled && _vm.sticker.tts.eyeImage && _vm.sticker.tts.bounds)?_c('div',{style:({\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n    })},[_c('div',{style:({\n            position: 'absolute',\n            backgroundImage: `url(${_vm.actions.getImage('eyes', _vm.sticker.tts.eyeImage)})`,\n            backgroundSize: 'contain',\n            backgroundPosition: 'center center',\n            zIndex: 4,\n            transform: _vm.sticker.tts.isEyeFlipped ? `rotate(${_vm.sticker.tts.position.eyeAngle}deg) scaleX(-1)` : `rotate(${_vm.sticker.tts.position.eyeAngle}deg) scaleX(1)`,\n            left: `${((_vm.sticker.tts.bounds.eyeX / 250) * 100)}%`,\n            top: `${(_vm.sticker.tts.bounds.eyeY / 300) * 100}%`,\n            width: `${(_vm.sticker.tts.bounds.eyeW / 100) * _vm.stickerDimensions.percentX}px`,\n            height: `${(_vm.sticker.tts.bounds.eyeH / 100) * _vm.stickerDimensions.percentY}px`,\n        })})]):_vm._e(),(_vm.sticker.tts.isMouthEnabled && _vm.sticker.tts.mouthImage)?_c('div',{style:({\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n    })},[_c('div',{style:({\n            position: 'absolute',\n            backgroundImage: `url(${_vm.actions.getImage('mouth', _vm.sticker.tts.mouthImage)})`,\n            backgroundSize: 'contain',\n            backgroundPosition: 'center center',\n            zIndex: 4,\n            transform: _vm.sticker.tts.isMouthFlipped ? `rotate(${_vm.sticker.tts.position.mouthAngle}deg) scaleX(-1)` : `rotate(${_vm.sticker.tts.position.mouthAngle}deg) scaleX(1)`,\n            left: `${((_vm.sticker.tts.bounds.mouthX / 250) * 100)}%`,\n            top: `${(_vm.sticker.tts.bounds.mouthY / 300) * 100}%`,\n            width: `${(_vm.sticker.tts.bounds.mouthW / 100) * _vm.stickerDimensions.percentX}px`,\n            height: `${(_vm.sticker.tts.bounds.mouthH / 100) * _vm.stickerDimensions.percentY}px`,\n        })})]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"sticker.tts && sticker.tts.bounds\" class=\"base-image\"\n        :class=\"[list && 'mt-1']\"\n        :style=\"{ backgroundImage: `url(${stickerImageSrc})`, minHeight: `${stickerDimensions.baseHeight}px`, minWidth: `${stickerDimensions.baseWidth}px`, maxHeight: `${stickerDimensions.baseHeight}px`, maxWidth: `${stickerDimensions.baseWidth}px`, backgroundPosition: 'center center', backgroundSize: 'contain', backgroundRepeat: 'no-repeat', opacity: fade ? 0.5 : 1 }\">\n\n        <!-- Set Eye Image -->\n\n        <div v-if=\"sticker.tts.isEyeEnabled && sticker.tts.eyeImage && sticker.tts.bounds\" :style=\"{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n        }\">\n            <div :style=\"{\n                position: 'absolute',\n                backgroundImage: `url(${actions.getImage('eyes', sticker.tts.eyeImage)})`,\n                backgroundSize: 'contain',\n                backgroundPosition: 'center center',\n                zIndex: 4,\n                transform: sticker.tts.isEyeFlipped ? `rotate(${sticker.tts.position.eyeAngle}deg) scaleX(-1)` : `rotate(${sticker.tts.position.eyeAngle}deg) scaleX(1)`,\n                left: `${((sticker.tts.bounds.eyeX / 250) * 100)}%`,\n                top: `${(sticker.tts.bounds.eyeY / 300) * 100}%`,\n                width: `${(sticker.tts.bounds.eyeW / 100) * stickerDimensions.percentX}px`,\n                height: `${(sticker.tts.bounds.eyeH / 100) * stickerDimensions.percentY}px`,\n            }\"></div>\n        </div>\n\n        <!-- Set Animated Mouth Image -->\n\n        <div v-if=\"sticker.tts.isMouthEnabled && sticker.tts.mouthImage\" :style=\"{\n            position: 'absolute',\n            width: '100%',\n            height: '100%',\n        }\">\n            <div :style=\"{\n                position: 'absolute',\n                backgroundImage: `url(${actions.getImage('mouth', sticker.tts.mouthImage)})`,\n                backgroundSize: 'contain',\n                backgroundPosition: 'center center',\n                zIndex: 4,\n                transform: sticker.tts.isMouthFlipped ? `rotate(${sticker.tts.position.mouthAngle}deg) scaleX(-1)` : `rotate(${sticker.tts.position.mouthAngle}deg) scaleX(1)`,\n                left: `${((sticker.tts.bounds.mouthX / 250) * 100)}%`,\n                top: `${(sticker.tts.bounds.mouthY / 300) * 100}%`,\n                width: `${(sticker.tts.bounds.mouthW / 100) * stickerDimensions.percentX}px`,\n                height: `${(sticker.tts.bounds.mouthH / 100) * stickerDimensions.percentY}px`,\n            }\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { computed } from 'vue';\nimport { useStore } from '@/store';\nimport { getHostedAssetPath } from '@/utils/config';\n\nexport default {\n    props: {\n        sticker: {\n            type: Object,\n            default: null\n        },\n        fade: {\n            type: Boolean,\n            default: false\n        },\n        list: {\n            type: Boolean,\n            default: false\n        },\n        popupMd: {\n            type: Boolean,\n            default: false\n        },\n        width: {\n            type: Number,\n            default: null\n        },\n        height: {\n            type: Number,\n            default: null\n        },\n        percent: {\n            type: Number,\n            default: null\n        },\n        percentX: {\n            type: Number,\n            default: null\n        },\n        percentY: {\n            type: Number,\n            default: null\n        }\n    },\n\n    setup(props) {\n        const store = useStore();\n\n        const stickerImageSrc = computed(() => {\n            return getHostedAssetPath() + '/' + props.sticker.tts.baseImage;\n        })\n\n        const isMobile = computed(() => {\n            return store.state.isMobile;\n        });\n\n        const bitsCreditAmount = computed(() => {\n            return store.state.bitsCreditAmount;\n        });\n\n        const panelSize = computed(() => {\n            return store.state.size;\n        });\n\n        const stickerDimensions = computed(() => {\n            const dimensions = {\n                baseWidth: 54,\n                baseHeight: 65,\n                assetPercentage: 21.6,\n                percentX: 21.6,\n                percentY: 21.6\n            }\n\n            if (props.list) {\n                if (panelSize.value === 'sm') {\n                    if (isMobile.value) {\n                        dimensions.baseWidth = 60;\n                        dimensions.baseHeight = 72;\n                        dimensions.assetPercentage = 24;\n                        dimensions.percentX = 24;\n                        dimensions.percentY = 24;\n                    }\n\n                    // if (isMobile.value && bitsCreditAmount.value > 0) {\n                    //     dimensions.baseWidth = 54;\n                    //     dimensions.baseHeight = 65;\n                    //     dimensions.assetPercentage = 21.6;\n                    // }\n                } else {\n                    // If Component View\n                    if (panelSize.value === 'md' && bitsCreditAmount.value < 1) {\n                        dimensions.baseWidth = 67.5;\n                        dimensions.baseHeight = 81;\n                        dimensions.assetPercentage = 27;\n                        dimensions.percentX = 27;\n                        dimensions.percentY = 27;\n                    }\n\n                    // If Component View and Credit Bits Exists\n                    if (panelSize.value === 'md' && bitsCreditAmount.value > 0) {\n                        dimensions.baseWidth = 61.5;\n                        dimensions.baseHeight = 74;\n                        dimensions.assetPercentage = 24.6;\n                        dimensions.percentX = 24.6;\n                        dimensions.percentY = 24.6;\n                    }\n                }\n            }\n\n            if (panelSize.value === 'md' && props.popupMd) {\n                dimensions.baseWidth = 83.25;\n                dimensions.baseHeight = 100;\n                dimensions.assetPercentage = 33.3;\n                dimensions.percentX = 33.3;\n                dimensions.percentY = 33.3;\n            }\n\n            if (props.width && props.height && props.percent) {\n                dimensions.baseWidth = props.width;\n                dimensions.baseHeight = props.height;\n                dimensions.assetPercentage = props.percent;\n                dimensions.percentX = props.percent;\n                dimensions.percentY = props.percent;\n\n                if (props.percentX && props.percentY) {\n                    dimensions.percentX = props.percentX;\n                    dimensions.percentY = props.percentY;\n                }\n            }\n\n            return dimensions\n        });\n\n        const actions = {\n            getImage(type) {\n                if (type == 'eyes') {\n                    return getHostedAssetPath() + '/' + props.sticker.tts.eyeImage;\n                } else if (type == 'mouth') {\n                    return getHostedAssetPath() + '/' + props.sticker.tts.mouthImage;\n                }\n            }\n        }\n\n        return {\n            stickerImageSrc,\n            stickerDimensions,\n            isMobile,\n            bitsCreditAmount,\n            panelSize,\n            actions\n        }\n    }\n}\n</script>\n\n<style scoped>\n.base-image {\n    position: relative;\n    margin: auto;\n    -webkit-filter: drop-shadow(0.1rem 0.43rem rgba(0, 0, 0, 0.3));\n\tfilter: drop-shadow(0.1rem 0.43rem rgba(0, 0, 0, 0.3));\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AssetsTTS.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./AssetsTTS.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AssetsTTS.vue?vue&type=template&id=64fdc315&scoped=true&\"\nimport script from \"./AssetsTTS.vue?vue&type=script&lang=js&\"\nexport * from \"./AssetsTTS.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AssetsTTS.vue?vue&type=style&index=0&id=64fdc315&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"64fdc315\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<div\n\t\t\tid=\"mouseover\"\n\t\t\t@mouseenter=\"actions.setConstrain\"\n\t\t\t@mousemove=\"actions.onMouseMove\"\n\t\t\t@mouseleave=\"actions.resetConstrain\">\n\t\t\t<!-- Disable class sticker-shadow for Mobile Only -->\n\t\t\t<div\n\t\t\t\tclass=\"sticker sticker-card\"\n\t\t\t\t:class=\"[hover && 'sticker-card-hover pointer', !isMobile && 'sticker-shadow']\"\n\t\t\t\t:id=\"'sticker-card' + id\"\n\t\t\t\t@click.exact=\"actions.onStickerClick()\">\n\t\t\t\t<!-- Favorite icon -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"favorite-icon d-flex flex-column justify-center align-center\"\n\t\t\t\t\t@click.stop=\"actions.toggleFavorite($event, sticker)\">\n\t\t\t\t\t<img :src=\"actions.getFavoriteIcon()\" alt=\"Favorite\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons d-flex flex-column\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"sticker.isHot && actions.isGlobalSticker(sticker)\"\n\t\t\t\t\t\tx-small\n\t\t\t\t\t\tclass=\"hot-chip mt-1\"\n\t\t\t\t\t\t:class=\"theme === 'red' ? 'yellow-chip' : 'red-chip'\">\n\t\t\t\t\t\tHOT\n\t\t\t\t\t</div>\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-if=\"actions.isTTSSticker(sticker)\"\n\t\t\t\t\t\tsrc=\"@/assets/icons/icon_tts.png\"\n\t\t\t\t\t\tclass=\"mt-1\"\n\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\talt=\"Reward\" />\n\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-if=\"actions.isRewardSticker(sticker)\"\n\t\t\t\t\t\tsrc=\"@/assets/icons/icon_reward.png\"\n\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\tclass=\"mt-1\"\n\t\t\t\t\t\talt=\"Reward\" />\n\n\t\t\t\t\t<img v-if=\"sticker.subOnly\" src=\"@/assets/icons/icon_subonly.png\" class=\"mt-1\" alt=\"Sub Only\" />\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-if=\"sticker.isStickerPlacementEnabled\"\n\t\t\t\t\t\tsrc=\"@/assets/icons/icon_placement.png\"\n\t\t\t\t\t\tclass=\"mt-1\"\n\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\talt=\"Custom Placement\" />\n\t\t\t\t</div>\n\n\t\t\t\t<template v-if=\"actions.isTTSSticker(sticker)\">\n\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"true\" />\n\t\t\t\t</template>\n\t\t\t\t<div v-else class=\"sticker-image d-flex align-end justify-space-between\">\n\t\t\t\t\t<v-img :src=\"getStickerImagePath(sticker)\" width=\"100%\" contain height=\"100%\"></v-img>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"text-center sticker-name white--text fs--12 pt-2\">{{  sticker.name.length > 15 ? `${sticker.name.substr(0, 15)}...` : sticker.name }}</div>\n\t\t\t\t<div v-if=\"!isPartyModeOn\" class=\"sticker-footer d-flex align-center justify-center\">\n\t\t\t\t\t<img :src=\"actions.getIcon(sticker.bits)\" width=\"15\" class=\"mt-1\" alt=\"Bits\" />\n\t\t\t\t\t<span class=\"white--text fs--14 fw--500 mt-1 pl-1\">{{ sticker.bits.toLocaleString() }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div v-else class=\"sticker-footer d-flex align-center justify-center\">\n\t\t\t\t\t<span class=\"white--text fs--14 fw--500 mt-1 pl-1\">Free!</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"sound-preview-btn px-1\" :class=\"[isMobile && 'visible']\" :id=\"`preview-${id}`\" @click.stop=\"actions.playSound\">\n\t\t\t\t\t<v-icon size=\"20\" color=\"white\">{{ icons.mdiPlayCircle }}</v-icon>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed, watch } from 'vue';\nimport { useStore } from '@/store';\nimport { getBitIcon, getStickerImagePath } from '@/utils/utils';\nimport { StickerType } from '@/utils/constants';\nimport AssetsTTS from './AssetsTTS.vue';\nimport { mdiPlayCircle } from '@mdi/js';\n\nexport default {\n\tname: 'StickerItem',\n\tcomponents: {\n\t\tAssetsTTS,\n\t},\n\tprops: {\n\t\tid: String,\n\t\tsticker: Object,\n\t},\n\temits: ['onStickerClick', 'onAddFavorite', 'onDeleteFavorite', 'onPlaySound'],\n\tsetup(props, ctx) {\n\t\tconst hover = ref(false);\n\t\tconst constrain = ref(0);\n\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\n\t\tconst speed = computed(() => store.state.speed);\n\t\tconst isPartyModeOn = computed(() => store.state.isPartyModeOn);\n\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\twatch(\n\t\t\t() => speed,\n\t\t\tfunction (val) {\n\t\t\t\tconstrain.value = val;\n\t\t\t},\n\t\t);\n\n\t\tconst isFavorite = computed(() => {\n\t\t\t// Global sticker ids are stored with the numeric id since they can be multiple sizes.\n\t\t\tlet stickerId;\n\t\t\tconst s = props.sticker;\n\t\t\tif (s.stickerType != StickerType.GLOBAL) {\n\t\t\t\tstickerId = s.id;\n\t\t\t} else {\n\t\t\t\tstickerId = s.id.split('_')[2];\n\t\t\t}\n\n\t\t\treturn store.state.favoriteStickers.some(fav => fav.id === stickerId);\n\t\t});\n\n\t\tconst actions = {\n\t\t\tplaySound() {\n\t\t\t\tctx.emit('onPlaySound', props.sticker)\n\t\t\t},\n\t\t\tgetFavoriteIcon() {\n\t\t\t\tif (isFavorite.value) {\n\t\t\t\t\treturn require(`@/assets/icons/favorite/heart.png`);\n\t\t\t\t}\n\n\t\t\t\treturn require(`@/assets/icons/favorite/${theme.value}.png`);\n\t\t\t},\n\t\t\ttoggleFavorite(event, sticker) {\n\t\t\t\tconst data = {\n\t\t\t\t\tid: sticker.id,\n\t\t\t\t\tstickerType: sticker.stickerType,\n\t\t\t\t};\n\n\t\t\t\tif (sticker.stickerType === StickerType.GLOBAL) {\n\t\t\t\t\tdata.id = sticker.id.split('_')[2];\n\t\t\t\t}\n\n\t\t\t\t// Add in Favorites or Remove from favorites.\n\t\t\t\tif (!isFavorite.value) {\n\t\t\t\t\tctx.emit('onAddFavorite', data);\n\t\t\t\t} else {\n\t\t\t\t\tctx.emit('onDeleteFavorite', data);\n\t\t\t\t}\n\n\t\t\t\tevent.stopPropagation(); // Prevent sticker slap event.\n\t\t\t},\n\t\t\tonStickerClick() {\n\t\t\t\tctx.emit('onStickerClick', props.sticker);\n\t\t\t},\n\t\t\tsetConstrain() {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\thover.value = true;\n\t\t\t\t\tconstrain.value = speed.value;\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetIcon(value) {\n\t\t\t\treturn getBitIcon(value);\n\t\t\t},\n\t\t\tisGlobalSticker(sticker) {\n\t\t\t\treturn sticker.stickerType == StickerType.GLOBAL;\n\t\t\t},\n\t\t\tisRewardSticker(sticker) {\n\t\t\t\treturn sticker.stickerType == StickerType.REWARD;\n\t\t\t},\n\t\t\tisTTSSticker(sticker) {\n\t\t\t\treturn sticker.stickerType == StickerType.TTS;\n\t\t\t},\n\t\t\tresetConstrain() {\n\t\t\t\thover.value = false;\n\t\t\t\tconstrain.value = 0;\n\n\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\tlet xy = [0, 0];\n\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t},\n\t\t\ttransforms(x, y, el) {\n\t\t\t\tlet box = el.getBoundingClientRect();\n\t\t\t\tlet calcX = -(y - box.y - box.height / 2) / constrain.value;\n\t\t\t\tlet calcY = (x - box.x - box.width / 2) / constrain.value;\n\n\t\t\t\tif (hover.value) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t'perspective(100px) ' +\n\t\t\t\t\t\t'   rotateX(' +\n\t\t\t\t\t\tcalcX +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   rotateY(' +\n\t\t\t\t\t\tcalcY +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   scale(1.10) '\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t'perspective(100px) ' + '   rotateX(' + 0 + 'deg) ' + '   rotateY(' + 0 + 'deg) ' + '   scale(1) '\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransformElement: function (el, xyEl) {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tel.style.transform = this.transforms.apply(null, xyEl);\n\t\t\t\t\tel.style.transition = '0.25s ease-out';\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonMouseMove(e) {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\thover.value = true;\n\t\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\t\tlet xy = [e.clientX, e.clientY];\n\t\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\tisFavorite,\n\t\t\thover,\n\t\t\tconstrain,\n\t\t\ttheme,\n\t\t\tspeed,\n\t\t\tactions,\n\t\t\tgetStickerImagePath,\n\t\t\tisPartyModeOn,\n\t\t\ticons: {\n\t\t\t\tmdiPlayCircle\n\t\t\t}\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.sticker {\n\toverflow: hidden;\n}\n.sound-preview-btn {\n\tposition: absolute;\n\tbottom: -50px;\n\tright: 3px;\n\tz-index: 4;\n\tborder-radius: 4px;\n\ttransition: bottom 0.3s ease;\n}\n\n.sticker:hover {\n\t.sound-preview-btn {\n\t\tbottom: 5px;\n\t\tright: 3px;\n\t\ttransition: bottom 0.3s ease;\n\t}\n}\n\n.sticker:not(hover) {\n\t.sound-preview-btn {\n\t\tbottom: -50px;\n\t\tright: 3px;\n\t\ttransition: bottom 0.3s ease;\n\t}\n}\n\n.visible {\n\tbottom: 5px !important;\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Sticker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Sticker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sticker.vue?vue&type=template&id=4dad294a&scoped=true&\"\nimport script from \"./Sticker.vue?vue&type=script&lang=js&\"\nexport * from \"./Sticker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sticker.vue?vue&type=style&index=0&id=4dad294a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4dad294a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"mouseover\"},on:{\"mouseenter\":_vm.actions.setConstrain,\"mousemove\":_vm.actions.onMouseMove,\"mouseleave\":_vm.actions.resetConstrain}},[_c('div',{staticClass:\"sticker sticker-card sticker-tts\",class:_vm.hover && 'sticker-card-hover pointer',attrs:{\"id\":'sticker-card' + _vm.id},on:{\"click\":function($event){return _vm.actions.onStickerClick()}}},[_c('div',{staticClass:\"favorite-icon d-flex flex-column justify-center align-center\",on:{\"click\":function($event){$event.stopPropagation();return _vm.actions.toggleFavorite($event, _vm.sticker)}}},[_c('img',{attrs:{\"src\":_vm.actions.getFavoriteIcon(),\"alt\":\"Favorite\"}})]),_c('div',{staticClass:\"icons d-flex flex-column\"},[_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_tts.png\"),\"alt\":\"TTS\"}}),(_vm.sticker.subOnly)?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_subonly.png\"),\"alt\":\"Sub Only\"}}):_vm._e(),(_vm.sticker.isStickerPlacementEnabled)?_c('img',{staticClass:\"mt-1\",attrs:{\"src\":require(\"@/assets/icons/icon_placement.png\"),\"alt\":\"Custom Placement\"}}):_vm._e()]),_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":true}}),_c('div',{staticClass:\"text-center sticker-name white--text fs--12 pt-2\"},[_vm._v(_vm._s(_vm.sticker.name.length > 15 ? `${_vm.sticker.name.substr(0, 15)}...` : _vm.sticker.name))]),(!_vm.isPartyModeOn)?_c('div',{staticClass:\"sticker-footer d-flex align-center justify-center\"},[_c('img',{staticClass:\"mt-1\",attrs:{\"src\":_vm.actions.getIcon(_vm.bitsValue),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('span',{staticClass:\"white--text fs--14 fw--500 mt-1 pl-1\"},[_vm._v(_vm._s(_vm.bitsValue))])]):_c('div',{staticClass:\"sticker-footer d-flex align-center justify-center\"},[_c('span',{staticClass:\"white--text fs--14 fw--500 mt-1 pl-1\"},[_vm._v(\"Free!\")])])],1)]),(_vm.ttsDialog && _vm.clickedSticker && _vm.clickedSticker.id === _vm.sticker.id)?_c('TTSDialog',{attrs:{\"ttsDialog\":_vm.ttsDialog,\"sticker\":_vm.clickedSticker},on:{\"useSticker\":_vm.actions.onUseSticker,\"close\":_vm.actions.closeDialog}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.ttsDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 395,\"persistent\":\"\",\"retain-focus\":false},model:{value:(_vm.ttsDialog),callback:function ($$v) {_vm.ttsDialog=$$v},expression:\"ttsDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\",class:_vm.isMobile && 'overflow-auto'},[_c('div',{staticClass:\"popup-header success pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\"Text-to-Speech\")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\",class:_vm.size === 'sm' && 'mt--2'},[_c('v-row',{attrs:{\"no-gutters\":\"\",\"align\":\"center\"}},[_c('v-col',{class:_vm.size === 'md' && 'pr-2',attrs:{\"cols\":_vm.size === 'sm' ? 12 : 4}},[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})],1),_c('v-col',{class:_vm.size === 'md' && 'pl-2',attrs:{\"cols\":_vm.size === 'sm' ? 12 : 8}},[_c('p',{staticClass:\"fw--500 fs--14 mt-2 mb-2 white--text\"},[_vm._v(\" Make this sticker talk by adding text! \")]),_c('v-textarea',{class:_vm.getThemeColor,staticStyle:{\"color\":\"white\"},attrs:{\"background-color\":\"base\",\"rows\":\"3\",\"color\":\"primary\",\"placeholder\":\"Enter your message...\",\"rules\":[\n\t\t\t\t\t\t\t\t\t\tv => !!v || 'Message is required',\n\t\t\t\t\t\t\t\t\t\tv =>\n\t\t\t\t\t\t\t\t\t\t\t(!!v && v.length <= _vm.ttsMessageLength) ||\n\t\t\t\t\t\t\t\t\t\t\t`Maximum limit is ${_vm.ttsMessageLength} characters.`,\n\t\t\t\t\t\t\t\t\t],\"no-resize\":\"\",\"outlined\":\"\",\"solo\":\"\",\"counter\":\"\"},scopedSlots:_vm._u([{key:\"counter\",fn:function(item){return [_c('div',{staticClass:\"fs--12 white--text counter\"},[_vm._v(\" \"+_vm._s(item.props.value)+\" / \"+_vm._s(_vm.ttsMessageLength)+\" \")])]}}],null,false,2749451321),model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:\"text\"}})],1),(!_vm.errorMessage)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mt-1 action-btn text-uppercase py-7\",attrs:{\"block\":\"\",\"disabled\":!_vm.text || _vm.text.length > _vm.ttsMessageLength,\"color\":\"primary\"},on:{\"click\":_vm.useSticker}},[_c('div',{staticClass:\"d-flex justify-center flex-column\"},[_c('strong',{staticClass:\"fs--13\"},[_vm._v(\"Play Now on Stream\")]),_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{attrs:{\"src\":_vm.getIcon(_vm.bitsValue),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('strong',{staticClass:\"fs--13\"},[_vm._v(_vm._s(_vm.bitsValue))])])])])],1):_c('v-col',[_c('p',{staticClass:\"font-weight-bold\",class:_vm.getThemeColor},[_vm._v(_vm._s(_vm.errorMessage))])])],1)],1)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog v-if=\"ttsDialog\" v-model=\"ttsDialog\" :max-width=\"size === 'sm' ? 295 : 395\" persistent :retain-focus=\"false\">\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\" :class=\"isMobile && 'overflow-auto'\">\n\t\t\t\t\t<div class=\"popup-header success pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">Text-to-Speech</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\" :class=\"size === 'sm' && 'mt--2'\">\n\t\t\t\t\t\t\t<v-row no-gutters align=\"center\">\n\t\t\t\t\t\t\t\t<v-col :cols=\"size === 'sm' ? 12 : 4\" :class=\"size === 'md' && 'pr-2'\">\n\t\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t\t</v-col>\n\n\t\t\t\t\t\t\t\t<v-col :cols=\"size === 'sm' ? 12 : 8\" :class=\"size === 'md' && 'pl-2'\">\n\t\t\t\t\t\t\t\t\t<p class=\"fw--500 fs--14 mt-2 mb-2 white--text\">\n\t\t\t\t\t\t\t\t\t\tMake this sticker talk by adding text!\n\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t<v-textarea\n\t\t\t\t\t\t\t\t\t\tv-model=\"text\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"color: white\"\n\t\t\t\t\t\t\t\t\t\tbackground-color=\"base\"\n\t\t\t\t\t\t\t\t\t\trows=\"3\"\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your message...\"\n\t\t\t\t\t\t\t\t\t\t:rules=\"[\n\t\t\t\t\t\t\t\t\t\t\tv => !!v || 'Message is required',\n\t\t\t\t\t\t\t\t\t\t\tv =>\n\t\t\t\t\t\t\t\t\t\t\t\t(!!v && v.length <= ttsMessageLength) ||\n\t\t\t\t\t\t\t\t\t\t\t\t`Maximum limit is ${ttsMessageLength} characters.`,\n\t\t\t\t\t\t\t\t\t\t]\"\n\t\t\t\t\t\t\t\t\t\t:class=\"getThemeColor\"\n\t\t\t\t\t\t\t\t\t\tno-resize\n\t\t\t\t\t\t\t\t\t\toutlined\n\t\t\t\t\t\t\t\t\t\tsolo\n\t\t\t\t\t\t\t\t\t\tcounter>\n\t\t\t\t\t\t\t\t\t\t<template v-slot:counter=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fs--12 white--text counter\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ item.props.value }} / {{ ttsMessageLength }}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t</v-textarea>\n\t\t\t\t\t\t\t\t</v-col>\n\n\t\t\t\t\t\t\t\t<v-col cols=\"12\" v-if=\"!errorMessage\">\n\t\t\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\t\t\t:disabled=\"!text || text.length > ttsMessageLength\"\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tclass=\"mt-1 action-btn text-uppercase py-7\"\n\t\t\t\t\t\t\t\t\t\t@click=\"useSticker\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-center flex-column\">\n\t\t\t\t\t\t\t\t\t\t\t<strong class=\"fs--13\">Play Now on Stream</strong>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"getIcon(bitsValue)\" width=\"15\" alt=\"Bits\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<strong class=\"fs--13\">{{ bitsValue }}</strong>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t\t<v-col v-else>\n\t\t\t\t\t\t\t\t\t<p class=\"font-weight-bold\" :class=\"getThemeColor\">{{ errorMessage }}</p>\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from '@/store';\nimport axios from '@axios';\nimport { mdiClose } from '@mdi/js';\nimport { getBitIcon } from '@/utils/utils';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS,\n\t},\n\tprops: {\n\t\tttsDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\temits: ['useSticker'],\n\tsetup(props, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst text = ref('');\n\t\tconst errorMessage = ref('');\n\n\t\t// TODO do not load from local storage in a computed property.\n\t\tconst ttsMessageLength = computed(() => {\n\t\t\treturn store.state.ttsMessageMaxLength;\n\t\t});\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\n\t\tconst getThemeColor = computed(() => {\n\t\t\tif (theme.value === 'red' || theme.value === 'pink') {\n\t\t\t\treturn 'yellow--text';\n\t\t\t}\n\n\t\t\treturn 'red--text';\n\t\t});\n\n\t\tconst bitsValue = computed(() => {\n\t\t\tif (props.sticker.bits && props.sticker.bits !== 0) {\n\t\t\t\treturn props.sticker.bits\n\t\t\t\t\t? props.sticker.bits.toLocaleString()\n\t\t\t\t\t: Number(props.sticker.sku.split('_')[1]).toLocaleString();\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\tconst close = () => {\n\t\t\tctx.emit('close');\n\t\t};\n\n\t\tconst useSticker = () => {\n\t\t\tconst payload = { text: text.value };\n\t\t\terrorMessage.value = null;\n\n\t\t\taxios.post('/tts-word-check', payload).then(res => {\n\t\t\t\tif (res.data.allowed) {\n\t\t\t\t\tctx.emit('useSticker', text.value);\n\t\t\t\t\ttext.value = '';\n\t\t\t\t} else {\n\t\t\t\t\terrorMessage.value = res.data.reason;\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\terrorMessage.value = null;\n\t\t\t\t\t}, 5000);\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst getIcon = value => {\n\t\t\tlet bits = value;\n\t\t\tif (typeof bits === 'string') {\n\t\t\t\tbits = Number(bits.replaceAll(',', ''));\n\t\t\t}\n\n\t\t\treturn getBitIcon(bits);\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\ttext,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tbitsValue,\n\t\t\tcancelEvent,\n\t\t\tuseSticker,\n\t\t\tgetIcon,\n\t\t\tttsMessageLength,\n\t\t\tgetThemeColor,\n\t\t\terrorMessage,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style scoped>\n.mt--2 {\n\tmargin-top: -10px !important;\n}\n\n.counter {\n\tmin-width: 60px !important;\n\ttext-align: right;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TTSDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TTSDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TTSDialog.vue?vue&type=template&id=2f2d23f1&scoped=true&\"\nimport script from \"./TTSDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./TTSDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TTSDialog.vue?vue&type=style&index=0&id=2f2d23f1&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2f2d23f1\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<div\n\t\t\tid=\"mouseover\"\n\t\t\t@mouseenter=\"actions.setConstrain\"\n\t\t\t@mousemove=\"actions.onMouseMove\"\n\t\t\t@mouseleave=\"actions.resetConstrain\">\n\t\t\t<div\n\t\t\t\tclass=\"sticker sticker-card sticker-tts\"\n\t\t\t\t:class=\"hover && 'sticker-card-hover pointer'\"\n\t\t\t\t:id=\"'sticker-card' + id\"\n\t\t\t\t@click=\"actions.onStickerClick()\">\n\t\t\t\t<!-- Favorite icon -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"favorite-icon d-flex flex-column justify-center align-center\"\n\t\t\t\t\t@click.stop=\"actions.toggleFavorite($event, sticker)\">\n\t\t\t\t\t<img :src=\"actions.getFavoriteIcon()\" alt=\"Favorite\" />\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"icons d-flex flex-column\">\n\t\t\t\t\t<img src=\"@/assets/icons/icon_tts.png\" class=\"mt-1\" alt=\"TTS\" />\n\t\t\t\t\t<img v-if=\"sticker.subOnly\" src=\"@/assets/icons/icon_subonly.png\" class=\"mt-1\" alt=\"Sub Only\" />\n\t\t\t\t\t<img v-if=\"sticker.isStickerPlacementEnabled\" src=\"@/assets/icons/icon_placement.png\" class=\"mt-1\" alt=\"Custom Placement\" />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- <div class=\"tts-chip\" :class=\"theme === 'blue' ? 'darkblue-chip' : 'blue-chip'\">TTS</div> -->\n\n\t\t\t\t<!-- Set Sticker Image Assets -->\n\n\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"true\" />\n\n\t\t\t\t<div class=\"text-center sticker-name white--text fs--12 pt-2\">{{  sticker.name.length > 15 ? `${sticker.name.substr(0, 15)}...` : sticker.name }}</div>\n\n\t\t\t\t<div v-if=\"!isPartyModeOn\" class=\"sticker-footer d-flex align-center justify-center\">\n\t\t\t\t\t<img :src=\"actions.getIcon(bitsValue)\" width=\"15\" class=\"mt-1\" alt=\"Bits\" />\n\t\t\t\t\t<span class=\"white--text fs--14 fw--500 mt-1 pl-1\">{{ bitsValue }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div v-else class=\"sticker-footer d-flex align-center justify-center\">\n\t\t\t\t\t<span class=\"white--text fs--14 fw--500 mt-1 pl-1\">Free!</span>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- <div class=\"sound-preview-btn px-1\" :class=\"[isMobile && 'visible']\" :id=\"`preview-${id}`\">\n\t\t\t\t\t<v-icon size=\"20\" color=\"white\">{{ icons.mdiPlayCircle }}</v-icon>\n\t\t\t\t</div> -->\n\t\t\t</div>\n\t\t</div>\n\n\t\t<TTSDialog\n\t\t\tv-if=\"ttsDialog && clickedSticker && clickedSticker.id === sticker.id\"\n\t\t\t:ttsDialog=\"ttsDialog\"\n\t\t\t:sticker=\"clickedSticker\"\n\t\t\t@useSticker=\"actions.onUseSticker\"\n\t\t\t@close=\"actions.closeDialog\" />\n\t</div>\n</template>\n\n<script>\nimport { ref, computed, watch } from 'vue';\nimport { useStore } from '@/store';\nimport _cloneDeep from 'lodash/cloneDeep';\nimport { getBitIcon } from '@/utils/utils';\nimport { StickerType } from '@/utils/constants';\nimport TTSDialog from '@/views/panels/TTSDialog.vue';\nimport AssetsTTS from './AssetsTTS.vue';\nimport { mdiPlayCircle } from '@mdi/js'\n\nexport default {\n\tname: 'StickerTTS',\n\tprops: {\n\t\tid: String,\n\t\tsticker: Object,\n\t},\n\tcomponents: {\n\t\tAssetsTTS,\n\t\tTTSDialog,\n\t},\n\temits: ['onStickerClick', 'onAddFavorite', 'onDeleteFavorite'],\n\tsetup(props, ctx) {\n\t\tconst ttsDialog = ref(false);\n\t\tconst hover = ref(false);\n\t\tconst constrain = ref(0);\n\n\t\tconst clickedSticker = ref(null);\n\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\tconst bitsValue = computed(() => {\n\t\t\tif (props.sticker.bits && props.sticker.bits !== 0) {\n\t\t\t\treturn props.sticker.bits\n\t\t\t\t\t? props.sticker.bits.toLocaleString()\n\t\t\t\t\t: Number(props.sticker.sku.split('_')[1]).toLocaleString();\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\tconst speed = computed(() => store.state.speed);\n\t\tconst isPartyModeOn = computed(() => store.state.isPartyModeOn);\n\n\t\twatch(\n\t\t\t() => speed,\n\t\t\tfunction (val) {\n\t\t\t\tconstrain.value = val;\n\t\t\t},\n\t\t);\n\n\t\tconst isFavorite = computed(() => {\n\t\t\t// Global sticker ids are stored with the numeric id since they can be multiple sizes.\n\t\t\tlet stickerId;\n\t\t\tconst s = props.sticker;\n\t\t\tif (s.stickerType != StickerType.GLOBAL) {\n\t\t\t\tstickerId = s.id;\n\t\t\t} else {\n\t\t\t\tstickerId = s.id.split('_')[2];\n\t\t\t}\n\n\t\t\treturn store.state.favoriteStickers.some(fav => fav.id === stickerId);\n\t\t});\n\n\t\t// See store index.js for flow details on the status check call before showing the TTS text dialog.\n\t\tconst isTtsStatusCheckSuccess = computed(() => store.state.isTtsStatusCheckSuccess);\n\t\twatch(isTtsStatusCheckSuccess, () => {\n\t\t\tif (isTtsStatusCheckSuccess.value) {\n\t\t\t\tconst stickerObj = { ...store.state.clickedTtsSticker };\n\t\t\t\tclickedSticker.value = { ...stickerObj };\n\t\t\t\tttsDialog.value = true;\n\t\t\t\tstore.commit('setIsDoTtsStatusCheckOnClick', false);\n\t\t\t} else {\n\t\t\t\tstore.commit('setClickedTtsSticker', null);\n\t\t\t\tclickedSticker.value = null;\n\t\t\t\tttsDialog.value = false;\n\t\t\t}\n\t\t});\n\n\t\tconst actions = {\n\t\t\tgetFavoriteIcon() {\n\t\t\t\tif (isFavorite.value) {\n\t\t\t\t\treturn require(`@/assets/icons/favorite/heart.png`);\n\t\t\t\t}\n\n\t\t\t\treturn require(`@/assets/icons/favorite/${theme.value}.png`);\n\t\t\t},\n\n\t\t\ttoggleFavorite(event, sticker) {\n\t\t\t\tconst data = {\n\t\t\t\t\tid: sticker.id,\n\t\t\t\t\tstickerType: sticker.stickerType,\n\t\t\t\t};\n\n\t\t\t\t// Add in Favorites or Remove from favorites\n\t\t\t\tif (!isFavorite.value) {\n\t\t\t\t\tctx.emit('onAddFavorite', data);\n\t\t\t\t} else {\n\t\t\t\t\tctx.emit('onDeleteFavorite', data);\n\t\t\t\t}\n\n\t\t\t\tevent.stopPropagation(); // Prevent sticker slap event.\n\t\t\t},\n\t\t\tonStickerClick() {\n\t\t\t\t// Set values to control parent flow. See store index.js for flow details.\n\t\t\t\tstore.commit('setIsTtsStatusCheckSuccess', false);\n\t\t\t\tstore.commit('setIsDoTtsStatusCheckOnClick', true);\n\t\t\t\tstore.commit('setClickedTtsSticker', null);\n\n\t\t\t\t// Emit the event so the parent does the sticker status check.\n\t\t\t\tctx.emit('onStickerClick', props.sticker);\n\n\t\t\t\tclickedSticker.value = { ...props.sticker };\n\n\t\t\t\tstore.dispatch('saveAnalytic', {\n\t\t\t\t\tevent: 'sticker_clicked',\n\t\t\t\t\tcategory: 'engagement',\n\t\t\t\t\tlabel: 'user_clicked_sticker',\n\t\t\t\t});\n\t\t\t},\n\t\t\tonUseSticker(text) {\n\t\t\t\t// This is an actual sticker slap, so turn off the status-check-only flag.\n\t\t\t\tstore.commit('setIsDoTtsStatusCheckOnClick', false);\n\n\t\t\t\tconst cloned = _cloneDeep(props.sticker);\n\t\t\t\tcloned.tts.text = text;\n\t\t\t\tctx.emit('onStickerClick', cloned);\n\t\t\t\tactions.closeDialog();\n\t\t\t},\n\t\t\tcloseDialog() {\n\t\t\t\tclickedSticker.value = null;\n\t\t\t\tttsDialog.value = false;\n\t\t\t},\n\t\t\tsetConstrain() {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\thover.value = true;\n\t\t\t\t\tconstrain.value = speed.value;\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetIcon(value) {\n\t\t\t\tlet bits = value;\n\t\t\t\tif (typeof bits === 'string') {\n\t\t\t\t\tbits = Number(bits.replaceAll(',', ''));\n\t\t\t\t}\n\n\t\t\t\treturn getBitIcon(bits);\n\t\t\t},\n\t\t\tresetConstrain() {\n\t\t\t\thover.value = false;\n\t\t\t\tconstrain.value = 0;\n\n\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\tlet xy = [0, 0];\n\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t},\n\t\t\ttransforms(x, y, el) {\n\t\t\t\tlet box = el.getBoundingClientRect();\n\t\t\t\tlet calcX = -(y - box.y - box.height / 2) / constrain.value;\n\t\t\t\tlet calcY = (x - box.x - box.width / 2) / constrain.value;\n\n\t\t\t\tif (hover.value) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t'perspective(100px) ' +\n\t\t\t\t\t\t'   rotateX(' +\n\t\t\t\t\t\tcalcX +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   rotateY(' +\n\t\t\t\t\t\tcalcY +\n\t\t\t\t\t\t'deg) ' +\n\t\t\t\t\t\t'   scale(1.10) '\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t'perspective(100px) ' + '   rotateX(' + 0 + 'deg) ' + '   rotateY(' + 0 + 'deg) ' + '   scale(1) '\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransformElement: function (el, xyEl) {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tel.style.transform = this.transforms.apply(null, xyEl);\n\t\t\t\t\tel.style.transition = '0.25s ease-out';\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonMouseMove(e) {\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\thover.value = true;\n\t\t\t\t\tlet card = document.getElementById('sticker-card' + props.id);\n\t\t\t\t\tlet xy = [e.clientX, e.clientY];\n\t\t\t\t\tlet position = xy.concat([card]);\n\n\t\t\t\t\twindow.requestAnimationFrame(() => actions.transformElement(card, position));\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\tisFavorite,\n\t\t\tbitsValue,\n\t\t\tclickedSticker,\n\t\t\tttsDialog,\n\t\t\thover,\n\t\t\tconstrain,\n\t\t\ttheme,\n\t\t\tspeed,\n\t\t\tactions,\n\t\t\tisPartyModeOn,\n\t\t\ticons: {\n\t\t\t\tmdiPlayCircle\n\t\t\t}\n\t\t};\n\t},\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n.base-image {\n\tposition: relative;\n\tmargin: auto;\n}\n.sticker {\n\toverflow: hidden;\n}\n.sound-preview-btn {\n\tposition: absolute;\n\tbottom: -50px;\n\tright: 3px;\n\tz-index: 4;\n\tborder-radius: 4px;\n\ttransition: bottom 0.3s ease;\n}\n\n.sticker:hover {\n\t.sound-preview-btn {\n\t\tbottom: 5px;\n\t\tright: 3px;\n\t\ttransition: bottom 0.3s ease;\n\t}\n}\n\t\n.sticker:not(hover) {\n\t.sound-preview-btn {\n\t\tbottom: -50px;\n\t\tright: 3px;\n\t\ttransition: bottom 0.3s ease;\n\t}\n}\n\n.visible {\n\tbottom: 5px !important;\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickerTTS.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickerTTS.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StickerTTS.vue?vue&type=template&id=2aabc2a6&scoped=true&\"\nimport script from \"./StickerTTS.vue?vue&type=script&lang=js&\"\nexport * from \"./StickerTTS.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StickerTTS.vue?vue&type=style&index=0&id=2aabc2a6&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2aabc2a6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<SpinLoader v-if=\"loading\" />\n\t\t<div v-if=\"!loading && !data.items.length\" class=\"text-center\">\n\t\t\t<template v-if=\"data.type == 'FAVORITE' && !search\">\n\t\t\t\t<div class=\"d-flex flex-column justify-center align-center\" :style=\"{ height: getFavHeight }\">\n\t\t\t\t\t<img src=\"@/assets/images/favorite-mascott.png\" />\n\t\t\t\t\t<div class=\"fs--13 fw--600 px-5 mt-4 empty-favorite-text\">\n\t\t\t\t\t\t<span class=\"reward-text fs--13 fw--600\">Tap the</span>&nbsp;<span class=\"white--text\"\n\t\t\t\t\t\t\t>Heart Icon</span\n\t\t\t\t\t\t>&nbsp;<span class=\"reward-text fs--13 fw--600\">on any sticker to save it as a</span>&nbsp;<span\n\t\t\t\t\t\t\tclass=\"white--text\"\n\t\t\t\t\t\t\t>favorite</span\n\t\t\t\t\t\t><span class=\"reward-text fs--13 fw--600\">! Your favorite stickers will appear here!</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"mt-1 d-flex align-center justify-center\">\n\t\t\t\t\t\t<img :src=\"require(`@/assets/icons/favorite/${theme}.png`)\" />\n\t\t\t\t\t\t<v-icon color=\"white\" class=\"mx-1\">{{ mdiChevronRight }}</v-icon>\n\t\t\t\t\t\t<img src=\"@/assets/icons/favorite/heart.png\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template v-else>\n\t\t\t\t<div class=\"mt-3 text-center\">\n\t\t\t\t\t<span class=\"reward-text fs--13 fw--600\">No Stickers Found.</span>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</div>\n\n\t\t<div v-if=\"!loading && data.items.length > 0\">\n\t\t\t<!-- Reward Stickers -->\n\t\t\t<v-row v-if=\"stickerType && stickerType == StickerType.REWARD\" no-gutters class=\"mx-2\">\n\t\t\t\t<v-col cols=\"12\" class=\"text-center px-7\" :class=\"[size === 'md' && 'md-heading']\">\n\t\t\t\t\t<p class=\"reward-text fs--13 fw--600 mb-0\">\n\t\t\t\t\t\tUnlock the ability to use these rewards on\n\t\t\t\t\t\t<span class=\"white--text\">{{ streamerDisplayName }}'s</span> channel!\n\t\t\t\t\t</p>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col\n\t\t\t\t\t:cols=\"size === 'sm' ? 12 : 6\"\n\t\t\t\t\tclass=\"reward-stickers mt-0\"\n\t\t\t\t\t:class=\"size === 'md' && 'px-1'\"\n\t\t\t\t\tv-for=\"s in stickers\"\n\t\t\t\t\t:key=\"s.id\">\n\t\t\t\t\t<StickerReward :id=\"s.id\" :sticker=\"s\" @onStickerClick=\"actions.onStickerClick\" />\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\n\t\t\t<!-- TTS Stickers -->\n\n\t\t\t<v-row v-else-if=\"stickerType && stickerType == StickerType.TTS\" class=\"stickers mx-0\" no-gutters>\n\t\t\t\t<v-col v-for=\"s in stickers\" :key=\"s.id\" :cols=\"size === 'sm' ? 6 : 4\" class=\"pb-2 px-1\">\n\t\t\t\t\t<StickerTTS\n\t\t\t\t\t\t:id=\"s.id\"\n\t\t\t\t\t\t:sticker=\"s\"\n\t\t\t\t\t\t@onStickerClick=\"actions.onStickerClick\"\n\t\t\t\t\t\t@onAddFavorite=\"actions.onAddFavorite\"\n\t\t\t\t\t\t@onDeleteFavorite=\"actions.onDeleteFavorite\" />\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\n\t\t\t<v-row\n\t\t\t\tv-else-if=\"!stickerType || (stickerType != StickerType.REWARD && stickerType != StickerType.TTS)\"\n\t\t\t\tclass=\"stickers mx-0\"\n\t\t\t\tno-gutters>\n\t\t\t\t<v-col v-for=\"s in stickers\" :key=\"s.id\" :cols=\"size === 'sm' ? 6 : 4\" class=\"pb-2 px-1\">\n\t\t\t\t\t<template v-if=\"s.stickerType === StickerType.TTS\">\n\t\t\t\t\t\t<StickerTTS\n\t\t\t\t\t\t\t:id=\"s.id\"\n\t\t\t\t\t\t\t:sticker=\"s\"\n\t\t\t\t\t\t\t@onStickerClick=\"actions.onStickerClick\"\n\t\t\t\t\t\t\t@onAddFavorite=\"actions.onAddFavorite\"\n\t\t\t\t\t\t\t@onDeleteFavorite=\"actions.onDeleteFavorite\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t<Sticker\n\t\t\t\t\t\t\t:id=\"s.id\"\n\t\t\t\t\t\t\t:sticker=\"s\"\n\t\t\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t\t\t@onStickerClick=\"actions.onStickerClick\"\n\t\t\t\t\t\t\t@onAddFavorite=\"actions.onAddFavorite\"\n\t\t\t\t\t\t\t@onDeleteFavorite=\"actions.onDeleteFavorite\" />\n\t\t\t\t\t</template>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { computed, ref } from 'vue';\nimport { useStore } from '@/store';\nimport SpinLoader from '@/components/panel/SpinLoader';\nimport StickerReward from '@/components/panel/Stickers/StickerReward.vue';\nimport Sticker from '@/components/panel/Stickers/Sticker.vue';\nimport StickerTTS from '@/components/panel/Stickers/StickerTTS.vue';\nimport { StickerType } from '@/utils/constants';\nimport { mdiChevronRight } from '@mdi/js';\nexport default {\n\tname: 'AllStickers',\n\tcomponents: {\n\t\tStickerReward,\n\t\tSticker,\n\t\tStickerTTS,\n\t\tSpinLoader,\n\t},\n\tprops: {\n\t\tdata: Object,\n\t\tsearch: String,\n\t\t// see constants.js:StickerType\n\t\tstickerType: {\n\t\t\ttype: String,\n\t\t\trequired: false,\n\t\t},\n\t\tloading: Boolean,\n\t},\n\temits: ['onStickerClick', 'onAddFavorite', 'onDeleteFavorite', 'onPlaySound'],\n\tsetup(props, ctx) {\n\t\tconst clickedSticker = ref(null);\n\t\tconst store = useStore();\n\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst currentPage = computed(() => store.state.currentPage);\n\n\t\tconst getFavHeight = computed(() => {\n\t\t\tconst stickerTab = document.querySelector('.sticker-tab');\n\t\t\tif (!isMobile.value) {\n\t\t\t\tif (stickerTab.offsetHeight <= 318) {\n\t\t\t\t\treturn '290px';\n\t\t\t\t}\n\n\t\t\t\treturn '360px';\n\t\t\t} else {\n\t\t\t\treturn '360px';\n\t\t\t}\n\t\t});\n\n\t\tconst stickers = computed(() => {\n\t\t\tlet stickerItems = [];\n\n\t\t\tif (!props.stickerType) {\n\t\t\t\t// Sort Stickers by HOT, TTS, CUSTOM, REWARD, and Others\n\n\t\t\t\tconst hotItems = props.data.items.filter(item => item.stickerType === StickerType.GLOBAL && item.isHot);\n\n\t\t\t\tconst ttsItems = props.data.items.filter(item => item.stickerType === StickerType.TTS);\n\n\t\t\t\tconst customItems = props.data.items.filter(item => item.stickerType === StickerType.CUSTOM);\n\n\t\t\t\tconst rewardItems = props.data.items.filter(item => item.stickerType === StickerType.REWARD);\n\n\t\t\t\tconst others = props.data.items.filter(\n\t\t\t\t\titem =>\n\t\t\t\t\t\titem.stickerType !== StickerType.REWARD &&\n\t\t\t\t\t\titem.stickerType !== StickerType.CUSTOM &&\n\t\t\t\t\t\titem.stickerType !== StickerType.TTS &&\n\t\t\t\t\t\t!(item.stickerType === StickerType.GLOBAL && item.isHot),\n\t\t\t\t);\n\n\t\t\t\tstickerItems = [...hotItems, ...ttsItems, ...customItems, ...rewardItems, ...others];\n\n\t\t\t\treturn stickerItems;\n\n\t\t\t\t// if (!store.state.isMobile) {\n\t\t\t\t// \tconst start = currentPage.value * props.data.perPage,\n\t\t\t\t// \t\tend = start + props.data.perPage;\n\t\t\t\t// \treturn stickerItems.slice(start, end);\n\t\t\t\t// } else {\n\t\t\t\t// \treturn stickerItems;\n\t\t\t\t// }\n\t\t\t} else {\n\t\t\t\t// if (!store.state.isMobile) {\n\t\t\t\t// \tconst start = currentPage.value * props.data.perPage,\n\t\t\t\t// \t\tend = start + props.data.perPage;\n\t\t\t\t// \treturn props.data.items.slice(start, end);\n\t\t\t\t// } else {\n\t\t\t\t// \treturn props.data.items;\n\t\t\t\t// }\n\n\t\t\t\treturn props.data.items;\n\t\t\t}\n\t\t});\n\n\t\tconst actions = {\n\t\t\tonStickerClick(sticker) {\n\t\t\t\tclickedSticker.value = null;\n\t\t\t\tclickedSticker.value = { ...sticker };\n\t\t\t\tctx.emit('onStickerClick', clickedSticker.value);\n\t\t\t},\n\t\t\tonPlaySound(sticker) {\n\t\t\t\tctx.emit('onPlaySound', { ...sticker });\n\t\t\t},\n\t\t\tonAddFavorite(data) {\n\t\t\t\tctx.emit('onAddFavorite', data);\n\t\t\t},\n\t\t\tonDeleteFavorite(data) {\n\t\t\t\tctx.emit('onDeleteFavorite', data);\n\t\t\t},\n\t\t};\n\n\t\tconst streamerDisplayName = computed(() => {\n\t\t\treturn store.state.streamerDisplayName;\n\t\t});\n\n\t\tconst bitsCreditAmount = computed(() => {\n\t\t\treturn store.state.bitsCreditAmount;\n\t\t});\n\n\t\treturn {\n\t\t\tactions,\n\t\t\tsize,\n\t\t\ttheme,\n\t\t\tgetFavHeight,\n\t\t\tstickers,\n\t\t\tStickerType,\n\t\t\tstreamerDisplayName,\n\t\t\tmdiChevronRight,\n\t\t\tbitsCreditAmount,\n\t\t};\n\t},\n};\n</script>\n\n<style scoped>\n.empty-favorite-text {\n\tline-height: 0.5rem;\n}\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Stickers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Stickers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Stickers.vue?vue&type=template&id=4be6a8ea&scoped=true&\"\nimport script from \"./Stickers.vue?vue&type=script&lang=js&\"\nexport * from \"./Stickers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Stickers.vue?vue&type=style&index=0&id=4be6a8ea&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4be6a8ea\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isMobile && _vm.isPanelLoaded)?_c('v-bottom-navigation',{staticClass:\"pagination\",attrs:{\"background-color\":\"base\",\"flat\":\"\",\"elevation\":\"0\"}},[_c('v-row',{staticClass:\"px-2 py-0\",attrs:{\"no-gutters\":\"\",\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"3\"}},[(_vm.isBroadcaster)?_c('v-icon',{staticClass:\"mr-2 footer-icon\",attrs:{\"color\":\"primary\",\"size\":\"26\"},on:{\"click\":_vm.goToDashboard}},[_vm._v(\" \"+_vm._s(_vm.icons.mdiCog)+\" \")]):_vm._e(),(false)?_c('v-btn',{staticClass:\"pagination-btn footer-icon mr-1\",style:(`${!_vm.isBroadcaster ? 'margin-left: 32px' : ''}`),attrs:{\"depressed\":\"\",\"small\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.onFirstPage,\"dblclick\":_vm.cancelEvent}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronDoubleLeft))])],1):_vm._e(),(false)?_c('v-btn',{staticClass:\"pagination-btn footer-icon\",attrs:{\"small\":\"\",\"depressed\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.onPreviousPage,\"dblclick\":_vm.cancelEvent}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronLeft))])],1):_vm._e()],1),_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"6\",\"align-self\":\"center\"}},[(_vm.scrollPos >= 0 && _vm.scrollPos < 275)?[_c('span',{staticClass:\"primary--text fs--14 fw--600\"},[_vm._v(_vm._s(_vm.currentTabData.totalItems)+\" Stickers\")])]:_vm._e(),(_vm.scrollPos >= 275)?[_c('div',{staticClass:\"text-center\"},[_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.moveTop}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronDoubleUp))]),_c('span',{staticClass:\"primary--text text-uppercase fs--14 fw--600\"},[_vm._v(\" Back to Top \")]),_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronDoubleUp))])],1)])],1)]:_vm._e()],2),_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"3\"}},[(false)?_c('v-btn',{staticClass:\"pagination-btn footer-icon mr-1\",attrs:{\"small\":\"\",\"depressed\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.onNextPage,\"dblclick\":_vm.cancelEvent}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronRight))])],1):_vm._e(),(false)?_c('v-btn',{staticClass:\"pagination-btn footer-icon\",attrs:{\"depressed\":\"\",\"small\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.onLastPage,\"dblclick\":_vm.cancelEvent}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.icons.mdiChevronDoubleRight))])],1):_vm._e(),_c('v-icon',{staticClass:\"ml-2 footer-icon\",attrs:{\"color\":\"primary\",\"size\":\"26\"},on:{\"click\":_vm.goToHome}},[_vm._v(_vm._s(_vm.icons.mdiHeart))])],1)],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<v-bottom-navigation v-if=\"!isMobile && isPanelLoaded\" class=\"pagination\" background-color=\"base\" flat elevation=\"0\">\n\t\t\t<v-row no-gutters align=\"center\" class=\"px-2 py-0\">\n\t\t\t\t<v-col cols=\"3\">\n\t\t\t\t\t<v-icon\n\t\t\t\t\t\tv-if=\"isBroadcaster\"\n\t\t\t\t\t\t@click=\"goToDashboard\"\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tsize=\"26\"\n\t\t\t\t\t\tclass=\"mr-2 footer-icon\">\n\t\t\t\t\t\t{{ icons.mdiCog }}\n\t\t\t\t\t</v-icon>\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tv-if=\"false\"\n\t\t\t\t\t\tdepressed\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"pagination-btn footer-icon mr-1\"\n\t\t\t\t\t\t:style=\"`${!isBroadcaster ? 'margin-left: 32px' : ''}`\"\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t@click=\"onFirstPage\"\n\t\t\t\t\t\t@dblclick=\"cancelEvent\">\n\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronDoubleLeft }}</v-icon>\n\t\t\t\t\t</v-btn>\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tv-if=\"false\"\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tdepressed\n\t\t\t\t\t\tclass=\"pagination-btn footer-icon\"\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t@click=\"onPreviousPage\"\n\t\t\t\t\t\t@dblclick=\"cancelEvent\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronLeft }}</v-icon>\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col cols=\"6\" class=\"text-center\" align-self=\"center\">\n\t\t\t\t\t<!-- <span class=\"primary--text fs--14 fw--600\"\n\t\t\t\t\t\t>{{ currentPage + 1 }}/{{ currentTabData.totalPages }}</span\n\t\t\t\t\t> -->\n\t\t\t\t\t<template v-if=\"scrollPos >= 0 && scrollPos < 275\">\n\t\t\t\t\t\t<span class=\"primary--text fs--14 fw--600\"\n\t\t\t\t\t\t\t>{{ currentTabData.totalItems }} Stickers</span\n\t\t\t\t\t\t>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-if=\"scrollPos >= 275\">\n\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t<v-btn text color=\"primary\" @click=\"moveTop\">\n\t\t\t\t\t\t\t\t<div class=\"d-flex align-center\">\n\t\t\t\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronDoubleUp }}</v-icon>\n\t\t\t\t\t\t\t\t\t<span class=\"primary--text text-uppercase fs--14 fw--600\">\n\t\t\t\t\t\t\t\t\t\tBack to Top\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronDoubleUp }}</v-icon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col cols=\"3\" class=\"text-right\">\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tv-if=\"false\"\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tdepressed\n\t\t\t\t\t\tclass=\"pagination-btn footer-icon mr-1\"\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t@click=\"onNextPage\"\n\t\t\t\t\t\t@dblclick=\"cancelEvent\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronRight }}</v-icon>\n\t\t\t\t\t</v-btn>\n\t\t\t\t\t<v-btn\n\t\t\t\t\t\tv-if=\"false\"\n\t\t\t\t\t\tdepressed\n\t\t\t\t\t\tsmall\n\t\t\t\t\t\tclass=\"pagination-btn footer-icon\"\n\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t@click=\"onLastPage\"\n\t\t\t\t\t\t@dblclick=\"cancelEvent\">\n\t\t\t\t\t\t<v-icon color=\"primary\">{{ icons.mdiChevronDoubleRight }}</v-icon>\n\t\t\t\t\t</v-btn>\n\t\t\t\t\t<v-icon color=\"primary\" size=\"26\" class=\"ml-2 footer-icon\" @click=\"goToHome\">{{\n\t\t\t\t\t\ticons.mdiHeart\n\t\t\t\t\t}}</v-icon>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</v-bottom-navigation>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { Links } from '@/utils/constants';\nimport { getDashboardLink } from '@/utils/config';\nimport { ref, computed, onMounted, onUnmounted, watch, watchEffect } from 'vue';\nimport {\n\tmdiChevronLeft,\n\tmdiChevronDoubleLeft,\n\tmdiChevronRight,\n\tmdiChevronDoubleRight,\n\tmdiChevronDoubleUp,\n\tmdiChevronDoubleDown,\n\tmdiCog,\n\tmdiHeart,\n} from '@mdi/js';\n\nexport default {\n\tname: 'StickersFooter',\n\temits: ['onFirstPage', 'onPreviousPage', 'onLastPage', 'onNextPage'],\n\tprops: {\n\t\tcurrentTabData: Object,\n\t},\n\tsetup(props, { emit }) {\n\t\tconst store = useStore();\n\n\t\tconst scrollEvent = ref();\n\t\tconst scrollPos = ref(0);\n\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\tconst isPanelLoaded = computed(() => {\n\t\t\treturn store.state.isPanelLoaded;\n\t\t});\n\n\t\t// Determines if the viewer is also the broadcaster.\n\t\tconst isBroadcaster = computed(() => {\n\t\t\treturn store.state.role == 'broadcaster';\n\t\t});\n\n\t\tconst currentPage = computed(() => store.state.currentPage);\n\n\t\twatch(() => props.currentTabData.totalItems, (val) => {\n\t\t\tmoveTop();\n\t\t})\n\n\t\twatchEffect(() => {\n\t\t\tif (isPanelLoaded.value) {\n\t\t\t\tconst stickerTab = document.querySelector('.sticker-tab');\n\t\t\t\tconst rewardTab = document.querySelector('.reward-tab');\n\n\t\t\t\tif (stickerTab) {\n\t\t\t\t\tscrollEvent.value = stickerTab.addEventListener('scroll', handleScroll);\t\n\t\t\t\t}\n\t\t\t\tif (rewardTab) {\n\t\t\t\t\tscrollEvent.value = rewardTab.addEventListener('scroll', handleScroll);\t\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tonUnmounted(() => {\n\t\t\tscrollPos.value = 0;\n\t\t\tconst stickerTab = document.querySelector('.sticker-tab');\n\t\t\tconst rewardTab = document.querySelector('.reward-tab');\n\n\t\t\tif (stickerTab) {\n\t\t\t\tstickerTab.removeEventListener('scroll', handleScroll);\t\n\t\t\t}\n\t\t\tif (rewardTab) {\n\t\t\t\trewardTab.removeEventListener('scroll', handleScroll);\t\n\t\t\t}\n\n\t\t\tscrollEvent.value = null;\n\t\t})\n\n\t\tconst handleScroll = (e) => {\n\t\t\tconst stickerTab = document.querySelector('.sticker-tab');\n\t\t\tconst rewardTab = document.querySelector('.reward-tab');\n\n\t\t\tlet pos;\n\n\t\t\tif (stickerTab) {\n\t\t\t\tpos = stickerTab.scrollTop;\n\t\t\t}\n\n\t\t\tif (rewardTab) {\n\t\t\t\tpos = pos = rewardTab.scrollTop;\n\t\t\t}\n\n\t\t\tscrollPos.value = pos;\n\t\t\t\n\t\t}\n\n\t\tconst moveTop = () => {\n\t\t\tconst stickerTab = document.querySelector('.sticker-tab');\n\t\t\tconst rewardTab = document.querySelector('.reward-tab');\n\n\t\t\tif (stickerTab) {\n\t\t\t\tstickerTab.scrollTo({\n\t\t\t\t\ttop: 0,\n\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t})\n\t\t\t}\n\t\t\tif (rewardTab) {\n\t\t\t\trewardTab.scrollTo({\n\t\t\t\t\ttop: 0,\n\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t})\t\n\t\t\t}\n\t\t}\n\n\t\tconst goToDashboard = () => {\n\t\t\twindow.open(getDashboardLink(), '_blank');\n\t\t};\n\n\t\tconst goToHome = () => {\n\t\t\twindow.open(Links.STREAM_STICKERS_HOME, '_blank');\n\t\t};\n\n\t\tconst onFirstPage = (event) => {\n\t\t\tcancelEvent(event);\n\t\t\temit('onFirstPage')\n\t\t}\n\n\t\tconst onNextPage = (event) => {\n\t\t\tcancelEvent(event);\n\t\t\temit('onNextPage')\n\t\t}\n\n\t\tconst onLastPage = (event) => {\n\t\t\tcancelEvent(event);\n\t\t\temit('onLastPage')\n\t\t}\n\n\t\tconst onPreviousPage = (event) => {\n\t\t\tcancelEvent(event);\n\t\t\temit('onPreviousPage')\n\t\t}\n\n\t\tconst cancelEvent = (event) => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t}\n\n\t\treturn {\n\t\t\tscrollPos,\n\t\t\tisMobile,\n\t\t\tisPanelLoaded,\n\t\t\tisBroadcaster,\n\t\t\tcurrentPage,\n\t\t\tmoveTop,\n\t\t\tgoToDashboard,\n\t\t\tgoToHome,\n\t\t\tonFirstPage,\n\t\t\tonNextPage,\n\t\t\tonLastPage,\n\t\t\tonPreviousPage,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiChevronLeft,\n\t\t\t\tmdiChevronDoubleLeft,\n\t\t\t\tmdiChevronRight,\n\t\t\t\tmdiChevronDoubleRight,\n\t\t\t\tmdiChevronDoubleUp,\n\t\t\t\tmdiChevronDoubleDown,\n\t\t\t\tmdiCog,\n\t\t\t\tmdiHeart,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Footer.vue?vue&type=template&id=1c22b024&\"\nimport script from \"./Footer.vue?vue&type=script&lang=js&\"\nexport * from \"./Footer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.errorDialog)?_c('PopupDialog',{scopedSlots:_vm._u([{key:\"popupHeader\",fn:function(){return [_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),(_vm.sticker && _vm.sticker.stickerType === 'TTS')?[_c('img',{staticClass:\"offline-bot\",attrs:{\"src\":require(\"@/assets/images/talking-error.png\"),\"alt\":\"Oops\"}})]:[_c('img',{staticClass:\"offline-bot\",attrs:{\"src\":require(\"@/assets/images/sensors-offline-bot.png\"),\"alt\":\"Oops\"}})]],2)]},proxy:true},{key:\"popupBody\",fn:function(){return [_c('div',{staticClass:\"popup-body\"},[(_vm.isBroadcaster)?_c('div',{staticClass:\"popup-content\"},[(_vm.sticker && _vm.sticker.stickerType === 'TTS')?[_c('h4',{staticClass:\"fs--16 fw--600 text-uppercase popup-heading mt-8\"},[_vm._v(\"TTS STICKER OFFLINE\")]),_c('p',{staticClass:\"fw--600 fs--12 mt-2 white--text\"},[_vm._v(\" Our sensors detect that this TTS Sticker is currently inactive. Please check to make sure you have added the TTS \"),_c('span',{staticClass:\"popup-heading\"},[_vm._v(\"Browser Media Source URL\")]),_vm._v(\" to your broadcast software. \")])]:[_c('h4',{staticClass:\"fs--16 fw--600 text-uppercase popup-heading mt-8\"},[_vm._v(\"Browser Source Offline!\")]),_c('p',{staticClass:\"fw--600 fs--12 mt-2 white--text\"},[_vm._v(\" Our sensors detect that your browser source is not currently active. Please make sure you have added the \"),_c('span',{staticClass:\"popup-heading\"},[_vm._v(\"Browser Media Source URL\")]),_vm._v(\" to your broadcast software. \")])],_c('v-btn',{staticClass:\"fs--15 fw--600 py-6 mt-4 action-btn\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.goToURL('extension')}}},[_vm._v(\" OPEN EXTENSION \"),_c('br'),_vm._v(\" CONFIGURATION \")]),_c('v-btn',{staticClass:\"fs--15 fw--600 py-6 mt-3 action-btn\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.goToURL('discord')}}},[_vm._v(\" GET SUPPORT ON OUR \"),_c('br'),_vm._v(\" DISCORD SERVER \")])],2):_c('div',{staticClass:\"popup-content\"},[(_vm.sticker && _vm.sticker.stickerType === 'TTS')?[_c('h4',{staticClass:\"fs--14 fw--600 mt-8 text-uppercase popup-heading\"},[_vm._v(\" TTS STICKER OFFLINE \")]),_c('p',{staticClass:\"fw--600 fs--13 mt-3 white--text\"},[_vm._v(\" Our sensors detect that this TTS Sticker is currently inactive. Please ask the broadcaster to make sure they have added the TTS \"),_c('span',{staticClass:\"popup-heading\"},[_vm._v(\"Browser Media Source URL\")]),_vm._v(\" to their broadcast software. \")])]:[_c('h4',{staticClass:\"fs--14 fw--600 mt-8 text-uppercase popup-heading\"},[_vm._v(\" This broadcaster is either offline or has not yet activated Stream Stickers! \")]),_c('p',{staticClass:\"fw--600 fs--13 mt-3 white--text\"},[_vm._v(\" Check back later or ask the broadcaster to confirm they have properly configured their \"),_c('span',{staticClass:\"popup-heading\"},[_vm._v(\"Browser Media Source URL\")]),_vm._v(\" in their broadcasting software. \")])]],2)])]},proxy:true}],null,false,3610684774)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dialog\",on:{\"click\":_vm.animate}},[_c('div',{staticClass:\"popup animate\",class:`${_vm.theme}-theme`,style:({ maxWidth: _vm.size === 'sm' ? '295px' : '364px', maxHeight: '90vh' }),attrs:{\"id\":\"customDialog\"},on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_vm._t(\"popupHeader\"),_vm._t(\"popupBody\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"dialog\" @click=\"animate\">\n\t\t<div\n\t\t\tid=\"customDialog\"\n\t\t\tclass=\"popup animate\"\n\t\t\t:class=\"`${theme}-theme`\"\n\t\t\t:style=\"{ maxWidth: size === 'sm' ? '295px' : '364px', maxHeight: '90vh' }\"\n\t\t\t@click=\"cancelEvent\"\n\t\t\t@dblclick=\"cancelEvent\">\n\t\t\t<slot name=\"popupHeader\"></slot>\n\t\t\t<slot name=\"popupBody\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\n\nexport default {\n\tsetup() {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst animate = () => {\n\t\t\tconst popup = document.getElementById('customDialog');\n\t\t\tpopup.classList.remove('animate');\n\t\t\tpopup.classList.add('animate');\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tpopup.classList.remove('animate');\n\t\t\t}, 200);\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tanimate,\n\t\t\tcancelEvent,\n\t\t};\n\t},\n};\n</script>\n\n<style>\n.dialog {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 1000;\n}\n\n.animate {\n\tanimation-name: scaling;\n\tanimation-duration: 0.25s;\n}\n\n@keyframes scaling {\n\tfrom {\n\t\ttransform: scale(1.03);\n\t}\n\tto {\n\t\ttransform: scale(1);\n\t}\n}\n\n/* .popup {\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n    position: relative;\n} */\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PopupDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PopupDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupDialog.vue?vue&type=template&id=c1d0f818&\"\nimport script from \"./PopupDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PopupDialog.vue?vue&type=style&index=0&id=c1d0f818&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<!-- <v-dialog v-if=\"errorDialog\" v-model=\"errorDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t<img src=\"@/assets/images/talking-error.png\" class=\"offline-bot\" alt=\"Oops\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<img src=\"@/assets/images/sensors-offline-bot.png\" class=\"offline-bot\" alt=\"Oops\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div v-if=\"isBroadcaster\" class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<h4 class=\"fs--16 fw--600 text-uppercase popup-heading mt-8\">TTS STICKER OFFLINE</h4>\n\t\t\t\t\t\t\t\t<p class=\"fw--600 fs--12 mt-2 white--text\">\n\t\t\t\t\t\t\t\t\tOur sensors detect that this TTS Sticker is currently inactive. Please check to make sure you have added the TTS <span class=\"popup-heading\">Browser Media Source URL</span> to your broadcast software.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<h4 class=\"fs--16 fw--600 text-uppercase popup-heading mt-8\">Browser Source Offline!</h4>\n\t\t\t\t\t\t\t\t<p class=\"fw--600 fs--12 mt-2 white--text\">\n\t\t\t\t\t\t\t\t\tOur sensors detect that your browser source is not currently active. Please make sure\n\t\t\t\t\t\t\t\t\tyou have added the\n\t\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> to your broadcast software.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"fs--15 fw--600 py-6 mt-4 action-btn\"\n\t\t\t\t\t\t\t\t@click=\"goToURL('extension')\">\n\t\t\t\t\t\t\t\tOPEN EXTENSION <br />\n\t\t\t\t\t\t\t\tCONFIGURATION\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"fs--15 fw--600 py-6 mt-3 action-btn\"\n\t\t\t\t\t\t\t\t@click=\"goToURL('discord')\">\n\t\t\t\t\t\t\t\tGET SUPPORT ON OUR <br />\n\t\t\t\t\t\t\t\tDISCORD SERVER\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div v-else class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<h4 class=\"fs--14 fw--600 mt-8 text-uppercase popup-heading\">\n\t\t\t\t\t\t\t\t\tTTS STICKER OFFLINE\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 mt-3 white--text\">\n\t\t\t\t\t\t\t\t\tOur sensors detect that this TTS Sticker is currently inactive. Please ask the broadcaster to make sure they have added the TTS\n\t\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> to their broadcast software.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<h4 class=\"fs--14 fw--600 mt-8 text-uppercase popup-heading\">\n\t\t\t\t\t\t\t\t\tThis broadcaster is either offline or has not yet activated Stream Stickers!\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 mt-3 white--text\">\n\t\t\t\t\t\t\t\t\tCheck back later or ask the broadcaster to confirm they have properly configured their\n\t\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> in their broadcasting\n\t\t\t\t\t\t\t\t\tsoftware.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog> -->\n\n\t\t<PopupDialog v-if=\"errorDialog\">\n\t\t\t<template #popupHeader>\n\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</div>\n\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t<img src=\"@/assets/images/talking-error.png\" class=\"offline-bot\" alt=\"Oops\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t<img src=\"@/assets/images/sensors-offline-bot.png\" class=\"offline-bot\" alt=\"Oops\" />\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #popupBody>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t<div v-if=\"isBroadcaster\" class=\"popup-content\">\n\t\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t<h4 class=\"fs--16 fw--600 text-uppercase popup-heading mt-8\">TTS STICKER OFFLINE</h4>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--12 mt-2 white--text\">\n\t\t\t\t\t\t\t\tOur sensors detect that this TTS Sticker is currently inactive. Please check to make sure\n\t\t\t\t\t\t\t\tyou have added the TTS <span class=\"popup-heading\">Browser Media Source URL</span> to your\n\t\t\t\t\t\t\t\tbroadcast software.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<h4 class=\"fs--16 fw--600 text-uppercase popup-heading mt-8\">Browser Source Offline!</h4>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--12 mt-2 white--text\">\n\t\t\t\t\t\t\t\tOur sensors detect that your browser source is not currently active. Please make sure\n\t\t\t\t\t\t\t\tyou have added the\n\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> to your broadcast software.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</template>\n\n\n\t\t\t\t\t\t<v-btn block color=\"primary\" class=\"fs--15 fw--600 py-6 mt-4 action-btn\"\n\t\t\t\t\t\t\t@click=\"goToURL('extension')\">\n\t\t\t\t\t\t\tOPEN EXTENSION <br />\n\t\t\t\t\t\t\tCONFIGURATION\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn block color=\"primary\" class=\"fs--15 fw--600 py-6 mt-3 action-btn\"\n\t\t\t\t\t\t\t@click=\"goToURL('discord')\">\n\t\t\t\t\t\t\tGET SUPPORT ON OUR <br />\n\t\t\t\t\t\t\tDISCORD SERVER\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else class=\"popup-content\">\n\t\t\t\t\t\t<template v-if=\"sticker && sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t<h4 class=\"fs--14 fw--600 mt-8 text-uppercase popup-heading\">\n\t\t\t\t\t\t\t\tTTS STICKER OFFLINE\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 mt-3 white--text\">\n\t\t\t\t\t\t\t\tOur sensors detect that this TTS Sticker is currently inactive. Please ask the broadcaster\n\t\t\t\t\t\t\t\tto make sure they have added the TTS\n\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> to their broadcast software.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<h4 class=\"fs--14 fw--600 mt-8 text-uppercase popup-heading\">\n\t\t\t\t\t\t\t\tThis broadcaster is either offline or has not yet activated Stream Stickers!\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 mt-3 white--text\">\n\t\t\t\t\t\t\t\tCheck back later or ask the broadcaster to confirm they have properly configured their\n\t\t\t\t\t\t\t\t<span class=\"popup-heading\">Browser Media Source URL</span> in their broadcasting\n\t\t\t\t\t\t\t\tsoftware.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</PopupDialog>\n\t</div>\n</template>\n\n<script>\nimport { computed } from 'vue';\nimport { useStore } from '@/store';\nimport { mdiClose } from '@mdi/js';\nimport PopupDialog from '@/components/panel/PopupDialog.vue';\n\nexport default {\n\tname: 'ErrorDialog',\n\tcomponents: {\n\t\tPopupDialog\n\t},\n\tprops: {\n\t\terrorDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst isBroadcaster = computed(() => store.state.role == 'broadcaster');\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst goToURL = type => {\n\t\t\tif (type === 'extension') {\n\t\t\t\twindow.open(`https://dashboard.streamstickers.com/settings`, '_blank');\n\t\t\t}\n\n\t\t\tif (type === 'discord') {\n\t\t\t\twindow.open('https://discord.gg/2ePbGrc', '_blank');\n\t\t\t}\n\t\t};\n\n\t\tconst cancelEvent = (event) => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\tisBroadcaster,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tgoToURL,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style scoped>\nimg.offline-bot {\n\tmargin-top: -30px !important;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ErrorDialog.vue?vue&type=template&id=c77d19d8&scoped=true&\"\nimport script from \"./ErrorDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ErrorDialog.vue?vue&type=style&index=0&id=c77d19d8&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c77d19d8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.slapDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 364,\"retain-focus\":false,\"persistent\":\"\"},model:{value:(_vm.slapDialog),callback:function ($$v) {_vm.slapDialog=$$v},expression:\"slapDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\"},[_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\" Slap this sticker \"),_c('br'),_vm._v(\" on the stream! \")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})]:[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100\"}})],_c('p',{staticClass:\"fw--600 fs--14 white--text mt-3\"},[_vm._v(\"0 Bits for the broadcaster\")]),_c('v-btn',{staticClass:\"fs--15 fw--600 mt-4 mb-3 action-btn text-uppercase\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.useSticker}},[_vm._v(\" Use Sticker \")]),_c('h4',{staticClass:\"fs--13 fw--600 mb-2 popup-footer-text\"},[_vm._v(\" Broadcasters can use any available sticker for free in their own channel! \")]),_c('span',{staticClass:\"fs--10 fw--600 popup-footer-text\"},[_vm._v(\"This message can only be seen by the broadcaster\")])],2)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog v-if=\"slapDialog\" v-model=\"slapDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">\n\t\t\t\t\t\t\tSlap this sticker <br />\n\t\t\t\t\t\t\ton the stream!\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<v-img :src=\"getStickerImagePath(sticker)\" width=\"100%\" contain height=\"100\"></v-img>\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--14 white--text mt-3\">0 Bits for the broadcaster</p>\n\n\t\t\t\t\t\t\t<v-btn block color=\"primary\" class=\"fs--15 fw--600 mt-4 mb-3 action-btn text-uppercase\"\n\t\t\t\t\t\t\t\t@click=\"useSticker\">\n\t\t\t\t\t\t\t\tUse Sticker\n\t\t\t\t\t\t\t</v-btn>\n\n\t\t\t\t\t\t\t<h4 class=\"fs--13 fw--600 mb-2 popup-footer-text\">\n\t\t\t\t\t\t\t\tBroadcasters can use any available sticker for free in their own channel!\n\t\t\t\t\t\t\t</h4>\n\n\t\t\t\t\t\t\t<span class=\"fs--10 fw--600 popup-footer-text\">This message can only be seen by the\n\t\t\t\t\t\t\t\tbroadcaster</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nimport { getStickerImagePath } from '@/utils/utils';\nimport { mdiClose } from '@mdi/js';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS\n\t},\n\tprops: {\n\t\tslapDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: Object,\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst useSticker = () => {\n\t\t\tctx.emit('useSticker');\n\t\t};\n\n\t\tconst cancelEvent = (event) => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tuseSticker,\n\t\t\tgetStickerImagePath,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BroadcasterSlap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BroadcasterSlap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BroadcasterSlap.vue?vue&type=template&id=111a8097&\"\nimport script from \"./BroadcasterSlap.vue?vue&type=script&lang=js&\"\nexport * from \"./BroadcasterSlap.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.locationDialog)?_c('v-dialog',{staticStyle:{\"margin\":\"0\"},attrs:{\"max-width\":_vm.popupWidth,\"height\":\"96vh\",\"persistent\":\"\"},model:{value:(_vm.locationDialog),callback:function ($$v) {_vm.locationDialog=$$v},expression:\"locationDialog\"}},[_c('div',{staticClass:\"location-dialog\",class:`${_vm.theme}-theme`,on:{\"click\":_vm.actions.cancelEvent,\"dblclick\":function($event){return _vm.actions.cancelEvent($event)}}},[_c('div',{staticClass:\"popup pa-0\",class:_vm.isMobile && 'overflow-auto'},[_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.actions.close()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\"Pick a Location\")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content pa-0\"},[(_vm.isMobile)?_c('div',{staticClass:\"stream-view\",style:({\n\t\t\t\t\t\t\t\t'background-image': `url('${_vm.streamThumb}')`,\n\t\t\t\t\t\t\t\t'background-size': '100% 100%',\n\t\t\t\t\t\t\t\t'background-color': _vm.isRandomPlacement ? 'rgba(0,0,0,0.65)' : 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\t\t'background-blend-mode': 'overlay',\n\t\t\t\t\t\t\t\theight: _vm.streamBox.height,\n\t\t\t\t\t\t\t\twidth: _vm.streamBox.width,\n\t\t\t\t\t\t\t}),attrs:{\"id\":\"streamView\"},on:{\"click\":function($event){return _vm.actions.locateImage($event)}}},[(_vm.isLoading)?_c('div',{staticClass:\"loading-overlay d-flex flex-column justify-center align-center\"},[_c('v-progress-circular',{staticClass:\"mb-1\",staticStyle:{\"width\":\"3rem\",\"height\":\"3rem\"},attrs:{\"color\":\"primary\",\"indeterminate\":\"\"}}),_c('span',{staticClass:\"white--text fs--14 fw--700\"},[_vm._v(\"Slapping Sticker on Stream...\")])],1):_vm._e(),(_vm.boundingBox.width > 0)?_c('div',{class:!_vm.isRandomPlacement && 'sticker_border',style:({\n\t\t\t\t\t\t\t\t\twidth: _vm.boundingBox.width + 'px',\n\t\t\t\t\t\t\t\t\theight: _vm.boundingBox.height + 'px',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t}),attrs:{\"id\":\"stickerImage\"}},[_c('div',{staticClass:\"icons\",style:({\n\t\t\t\t\t\t\t\t\t\theight: _vm.boundingBox.height + 'px',\n\t\t\t\t\t\t\t\t\t\twidth: _vm.boundingBox.width + 'px',\n\t\t\t\t\t\t\t\t\t})},[(!_vm.isRandomPlacement)?[_c('v-icon',{staticClass:\"rotate-icon\",attrs:{\"size\":\"30\",\"id\":\"rotateIcon\",\"color\":\"white\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.actions.rotate.apply(null, arguments)}}},[_vm._v(_vm._s(_vm.icons.rotate))]),_c('img',{staticClass:\"flip-mobile-icon\",attrs:{\"width\":\"30\",\"height\":\"30\",\"src\":require(\"@/assets/icons/flip_icon.png\"),\"alt\":\"Flip\",\"id\":\"flipIconMobile\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.actions.flipSticker.apply(null, arguments)}}})]:_vm._e()],2),_c('div',{attrs:{\"id\":\"sticker\"}},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"width\":_vm.stickerDimensions.baseWidth,\"height\":_vm.stickerDimensions.baseHeight,\"percent\":_vm.stickerDimensions.assetPercentage,\"list\":false,\"fade\":_vm.isRandomPlacement,\"popupMd\":true}})]:[_c('div',{style:({\n\t\t\t\t\t\t\t\t\t\t\t\twidth: `${_vm.stickerDimensions.baseWidth}px`,\n\t\t\t\t\t\t\t\t\t\t\t\theight: `${_vm.stickerDimensions.baseHeight}px`,\n\t\t\t\t\t\t\t\t\t\t\t\topacity: `${_vm.isRandomPlacement ? 0.5 : 1}`,\n\t\t\t\t\t\t\t\t\t\t\t})},[_c('img',{attrs:{\"id\":\"normalImage\",\"src\":_vm.sticker.rendererImage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? _vm.getStickerRendererImagePath(_vm.sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: _vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"height\":\"auto\",\"alt\":_vm.sticker.name}})])]],2)]):_vm._e()]):_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:((_vm.isActive = false)),expression:\"(isActive = false)\"}],staticClass:\"stream-view\",style:({\n\t\t\t\t\t\t\t\t'background-image': `url('${_vm.streamThumb}')`,\n\t\t\t\t\t\t\t\t'background-size': '100% 100%',\n\t\t\t\t\t\t\t\t'background-color': _vm.isRandomPlacement ? 'rgba(0,0,0,0.65)' : 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\t\t'background-blend-mode': 'overlay',\n\t\t\t\t\t\t\t\theight: _vm.streamBox.height,\n\t\t\t\t\t\t\t\twidth: _vm.streamBox.width,\n\t\t\t\t\t\t\t}),attrs:{\"id\":\"streamView\"},on:{\"click\":function($event){return _vm.actions.setActive()}}},[(_vm.isLoading)?_c('div',{staticClass:\"loading-overlay d-flex flex-column justify-center align-center\"},[_c('v-progress-circular',{staticClass:\"mb-1\",staticStyle:{\"width\":\"3rem\",\"height\":\"3rem\"},attrs:{\"color\":\"primary\",\"indeterminate\":\"\"}}),_c('span',{staticClass:\"white--text fs--14 fw--700\"},[_vm._v(\"Slapping Sticker on Stream...\")])],1):_vm._e(),(_vm.boundingBox.width > 0)?_c('VueDrr',{staticClass:\"sticker-ddr\",class:_vm.isRandomPlacement ? 'disabled-ddr' : 'sticker_border',style:({\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t}),attrs:{\"id\":\"stickerddr\",\"parent\":true,\"w\":_vm.boundingBox.width + 5,\"h\":_vm.boundingBox.height + 5,\"x\":_vm.placement.x,\"y\":_vm.placement.y,\"angle\":_vm.placement.angle,\"selected\":_vm.isRandomPlacement ? false : true,\"draggable\":!_vm.isRandomPlacement && true,\"resizable\":!_vm.isRandomPlacement && true,\"rotatable\":!_vm.isRandomPlacement && true,\"aspectRatio\":true,\"isFlipped\":_vm.isFlipped,\"outerBound\":_vm.outerBounds},on:{\"rotatestart\":_vm.actions.setPlacement,\"rotate\":_vm.actions.setPlacement,\"rotatestop\":_vm.actions.setPlacement}},[_c('div',{attrs:{\"id\":\"stickerImag\"}},[_c('div',{attrs:{\"id\":\"sticker\"}},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"width\":_vm.stickerDimensions.baseWidth,\"height\":_vm.stickerDimensions.baseHeight,\"percent\":_vm.stickerDimensions.assetPercentage,\"percentX\":_vm.stickerDimensions.assetPercentageX,\"percentY\":_vm.stickerDimensions.assetPercentageY,\"fade\":_vm.isRandomPlacement,\"list\":false,\"popupMd\":true}})]:[_c('div',{style:({\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: `${_vm.stickerDimensions.baseWidth}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: `${_vm.stickerDimensions.baseHeight}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: `${_vm.isRandomPlacement ? 0.5 : 1}`,\n\t\t\t\t\t\t\t\t\t\t\t\t})},[_c('img',{attrs:{\"id\":\"normalImage\",\"src\":_vm.sticker.rendererImage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? _vm.getStickerRendererImagePath(_vm.sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: _vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"height\":\"auto\",\"alt\":_vm.sticker.name}})])]],2)]),(!_vm.isRandomPlacement)?_c('img',{staticClass:\"flip-panel-icon\",attrs:{\"width\":\"25\",\"height\":\"25\",\"src\":require(\"@/assets/icons/flip_icon.png\"),\"alt\":\"Flip\",\"id\":\"flipIconPanel\"},on:{\"click\":_vm.actions.flipSticker}}):_vm._e()]):_vm._e()],1),_c('div',{staticClass:\"primary d-flex justify-center\"},[_c('span',{staticClass:\"fs--11 white--text fw--600 py-1\"},[_vm._v(\" \"+_vm._s(_vm.isRandomPlacement ? 'Random Placement Enabled' : _vm.isMobile ? 'Tap to move position, rotate and flip' : 'Drag to move position, rotate and tap to flip')+\" \")])]),_c('div',{staticClass:\"px-2 pb-2\"},[(!_vm.isBroadcaster)?_c('v-btn',{staticClass:\"fs--13 fw--600 mt-3 mb-2 py-6 text-center text-uppercase slap-btn\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.actions.useSticker()}}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('span',{staticClass:\"fs--13\"},[_vm._v(\"slap sticker on stream!\")]),_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{attrs:{\"src\":_vm.actions.getIcon(_vm.bitsValue),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('span',{staticClass:\"fs--13\"},[_vm._v(_vm._s(_vm.bitsValue))])])])]):_c('v-btn',{staticClass:\"fs--13 fw--600 mt-3 mb-2 py-6 text-center text-uppercase slap-btn\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.actions.useSticker()}}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('span',{staticClass:\"fs--13\"},[_vm._v(\"slap sticker on stream!\")])])]),_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('v-switch',{staticClass:\"ma-0\",attrs:{\"color\":\"primary\",\"hide-details\":\"\"},on:{\"change\":_vm.actions.setRandomPlacement},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('span',{staticClass:\"fs--14 fw--600 white--text\"},[_vm._v(\"Enable Random Placement\")])]},proxy:true}],null,false,2120427192),model:{value:(_vm.isRandomPlacement),callback:function ($$v) {_vm.isRandomPlacement=$$v},expression:\"isRandomPlacement\"}})],1)],1)])])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"drr\",class:_vm.classObject,style:(_vm.style),on:{\"dblclick\":function($event){return _vm.dblclick($event)},\"mousedown\":function($event){return _vm.bodyMouseDown($event)},\"touchstart\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.bodyMouseDown($event)}}},[_vm._t(\"default\"),_vm._l((_vm.sticks),function(stick,index){return _c('div',{key:index,staticClass:\"drr-stick\",class:['drr-stick-' + stick, _vm.resizable ? '' : 'not-resizable'],style:(_vm.drrStick(stick)),on:{\"mousedown\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.stickDown(stick, $event)},\"touchstart\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.stickDown(stick, $event)}}})}),(_vm.rotatable)?_c('div',{staticClass:\"ro-stick-handle\"}):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div\n\t\tclass=\"drr\"\n\t\t:style=\"style\"\n\t\t:class=\"classObject\"\n\t\t@dblclick=\"dblclick($event)\"\n\t\t@mousedown=\"bodyMouseDown($event)\"\n\t\t@touchstart.stop.prevent=\"bodyMouseDown($event)\">\n\t\t<slot></slot>\n\t\t<div\n\t\t\tv-for=\"(stick, index) in sticks\"\n\t\t\t:key=\"index\"\n\t\t\tclass=\"drr-stick\"\n\t\t\t:class=\"['drr-stick-' + stick, resizable ? '' : 'not-resizable']\"\n\t\t\t@mousedown.stop.prevent=\"stickDown(stick, $event)\"\n\t\t\t@touchstart.stop.prevent=\"stickDown(stick, $event)\"\n\t\t\t:style=\"drrStick(stick)\"></div>\n\t\t<div class=\"ro-stick-handle\" v-if=\"rotatable\"></div>\n\t</div>\n</template>\n\n<script>\nimport Vector from '@minogin/vector';\n\nconst _ = require('lodash');\n\nconst stickSize = 8;\nconst roStickSize = 20;\nconst styleMapping = {\n\ty: {\n\t\tt: 'top',\n\t\tm: 'marginTop',\n\t\tb: 'bottom',\n\t},\n\tx: {\n\t\tl: 'left',\n\t\tm: 'marginLeft',\n\t\tr: 'right',\n\t},\n};\n\nexport default {\n\tname: 'VueDrr',\n\tprops: {\n\t\tx: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t\tvalidator: function (val) {\n\t\t\t\treturn typeof val === 'number';\n\t\t\t},\n\t\t},\n\t\ty: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t\tvalidator: function (val) {\n\t\t\t\treturn typeof val === 'number';\n\t\t\t},\n\t\t},\n\t\tw: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t\tvalidator: function (val) {\n\t\t\t\treturn val > 0;\n\t\t\t},\n\t\t},\n\t\th: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t\tvalidator: function (val) {\n\t\t\t\treturn val > 0;\n\t\t\t},\n\t\t},\n\t\tangle: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\tvalidator: function (val) {\n\t\t\t\treturn typeof val === 'number';\n\t\t\t},\n\t\t},\n\t\tselected: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tselectable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\tdraggable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\tresizable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\trotatable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\thasActiveContent: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\taspectRatio: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tdragHandle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\tdragCancel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\touterBound: {\n\t\t\ttype: Object,\n\t\t},\n\t\tinnerBound: {\n\t\t\ttype: Object,\n\t\t},\n\t\tisFlipped: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tdata: function () {\n\t\treturn {\n\t\t\tactive: this.selected,\n\t\t\tcontentActive: false,\n\t\t\tcx: this.x,\n\t\t\tcy: this.y,\n\t\t\twidth: this.w,\n\t\t\theight: this.h,\n\t\t\trotation: this.angle,\n\t\t\tbodyDrag: false,\n\t\t\tdragged: false,\n\t\t\tresized: false,\n\t\t\trotated: false,\n\t\t};\n\t},\n\n\tcomputed: {\n\t\tsticks() {\n\t\t\tlet sticks = [];\n\t\t\tif (this.resizable) sticks.push('tl', 'tr', 'br', 'bl');\n\t\t\tif (this.rotatable) sticks.push('ro');\n\t\t\treturn sticks;\n\t\t},\n\n\t\tclassObject() {\n\t\t\treturn {\n\t\t\t\t// active: this.active,\n\t\t\t\t// inactive: !this.active,\n\t\t\t\tactive: this.selected,\n\t\t\t\tinactive: !this.selected,\n\t\t\t\tdragging: this.bodyDrag,\n\t\t\t\t'content-active': this.selected,\n\t\t\t\t// 'content-active': this.contentActive\n\t\t\t};\n\t\t},\n\n\t\tstyle() {\n\t\t\treturn {\n\t\t\t\tleft: this.cx - this.width / 2 + 'px',\n\t\t\t\ttop: this.cy - this.height / 2 + 'px',\n\t\t\t\twidth: this.width + 'px',\n\t\t\t\theight: this.height + 'px',\n\t\t\t\ttransform: this.isFlipped\n\t\t\t\t\t? `rotate(${this.rotation}deg) scaleX(-1)`\n\t\t\t\t\t: `rotate(${this.rotation}deg) scaleX(1)`,\n\t\t\t};\n\t\t},\n\n\t\tdrrStick() {\n\t\t\treturn stick => {\n\t\t\t\tconst stickStyle = {\n\t\t\t\t\twidth: `${stickSize}px`,\n\t\t\t\t\theight: `${stickSize}px`,\n\t\t\t\t};\n\t\t\t\tif (stick == 'ro') {\n\t\t\t\t\tstickStyle['top'] = `${-stickSize / 2 - roStickSize}px`;\n\t\t\t\t\tstickStyle['marginLeft'] = `${-stickSize / 2 + 1}px`;\n\t\t\t\t} else {\n\t\t\t\t\tstickStyle[styleMapping.y[stick[0]]] = `${-stickSize / 2}px`;\n\t\t\t\t\tstickStyle[styleMapping.x[stick[1]]] = `${-stickSize / 2}px`;\n\t\t\t\t}\n\t\t\t\treturn stickStyle;\n\t\t\t};\n\t\t},\n\n\t\trect() {\n\t\t\treturn {\n\t\t\t\tx: this.cx,\n\t\t\t\ty: this.cy,\n\t\t\t\tw: this.width,\n\t\t\t\th: this.height,\n\t\t\t\tangle: this.rotation,\n\t\t\t};\n\t\t},\n\t},\n\n\twatch: {\n\t\tactive(val) {\n\t\t\tif (val) this.$emit('select');\n\t\t\telse this.$emit('deselect');\n\t\t},\n\n\t\tselected(val) {\n\t\t\tthis.active = val;\n\t\t},\n\n\t\thasActiveContent: {\n\t\t\thandler: function (val) {\n\t\t\t\tif (val) {\n\t\t\t\t\tthis.$on('content-active', this.onContentActive);\n\t\t\t\t\tthis.$on('content-inactive', this.onContentInactive);\n\t\t\t\t} else {\n\t\t\t\t\tthis.$off('content-active');\n\t\t\t\t\tthis.$off('content-inactive');\n\t\t\t\t\tif (this.contentActive) this.onContentInactive();\n\t\t\t\t}\n\t\t\t},\n\t\t\timmediate: true,\n\t\t},\n\n\t\tx() {\n\t\t\tif (this.stickDrag || this.bodyDrag) return;\n\n\t\t\tthis.cx = this.x;\n\t\t},\n\n\t\ty() {\n\t\t\tif (this.stickDrag || this.bodyDrag) return;\n\n\t\t\tthis.cy = this.y;\n\t\t},\n\n\t\tw() {\n\t\t\tif (this.stickDrag || this.bodyDrag) return;\n\n\t\t\tthis.currentStick = ['m', 'r'];\n\n\t\t\tthis.width = this.w;\n\t\t},\n\n\t\th() {\n\t\t\tif (this.stickDrag || this.bodyDrag) return;\n\n\t\t\tthis.currentStick = ['b', 'm'];\n\n\t\t\tthis.height = this.h;\n\t\t},\n\n\t\tangle() {\n\t\t\tif (this.stickDrag || this.bodyDrag) return;\n\n\t\t\tthis.rotation = this.angle;\n\t\t},\n\t},\n\n\tcreated: function () {\n\t\tthis.stickDrag = false;\n\t\tthis.bodyDrag = false;\n\t\tthis.stickStartPos = { mouseX: 0, mouseY: 0, x: 0, y: 0, w: 0, h: 0 };\n\n\t\tthis.currentStick = [];\n\t},\n\n\tmounted: function () {\n\t\tthis.active = true;\n\t\tthis.parentElement = this.$el.parentNode;\n\t\t// this.parentWidth = this.parentW ? this.parentW : this.parentElement.clientWidth;\n\t\t// this.parentHeight = this.parentH ? this.parentH : this.parentElement.clientHeight;\n\n\t\tdocument.documentElement.addEventListener('mousemove', this.move);\n\t\tdocument.documentElement.addEventListener('mouseup', this.up);\n\t\tdocument.documentElement.addEventListener('mouseleave', this.up);\n\n\t\tdocument.documentElement.addEventListener('mousedown', this.deselect);\n\n\t\tdocument.documentElement.addEventListener('touchmove', this.move, true);\n\t\tdocument.documentElement.addEventListener('touchend touchcancel', this.up, true);\n\t\tdocument.documentElement.addEventListener('touchstart', this.up, true);\n\n\t\tif (this.dragHandle) {\n\t\t\tlet dragHandles = Array.prototype.slice.call(this.$el.querySelectorAll(this.dragHandle));\n\t\t\tfor (let i in dragHandles) {\n\t\t\t\tdragHandles[i].setAttribute('data-drag-handle', this._uid);\n\t\t\t}\n\t\t}\n\n\t\tif (this.dragCancel) {\n\t\t\tlet cancelHandles = Array.prototype.slice.call(this.$el.querySelectorAll(this.dragCancel));\n\t\t\tfor (let i in cancelHandles) {\n\t\t\t\tcancelHandles[i].setAttribute('data-drag-cancel', this._uid);\n\t\t\t}\n\t\t}\n\t},\n\n\tbeforeDestroy: function () {\n\t\tdocument.documentElement.removeEventListener('mousemove', this.move);\n\t\tdocument.documentElement.removeEventListener('mouseup', this.up);\n\t\tdocument.documentElement.removeEventListener('mouseleave', this.up);\n\n\t\tdocument.documentElement.removeEventListener('mousedown', this.deselect);\n\n\t\tdocument.documentElement.removeEventListener('touchmove', this.move, true);\n\t\tdocument.documentElement.removeEventListener('touchend touchcancel', this.up, true);\n\t\tdocument.documentElement.removeEventListener('touchstart', this.up, true);\n\t},\n\n\tmethods: {\n\t\tdblclick(e) {\n\t\t\tthis.$emit('content-active');\n\t\t},\n\n\t\tonContentActive() {\n\t\t\tthis.contentActive = true;\n\t\t\tthis.active = false;\n\t\t\tfor (const child of this.$children) {\n\t\t\t\tchild.$emit('active');\n\t\t\t}\n\t\t},\n\n\t\tonContentInactive() {\n\t\t\tthis.contentActive = false;\n\t\t\tthis.active = true;\n\t\t\tfor (const child of this.$children) {\n\t\t\t\tchild.$emit('inactive');\n\t\t\t}\n\t\t},\n\n\t\tdeselect() {\n\t\t\tthis.$emit('deselect');\n\t\t\t// this.active = false\n\t\t\tthis.active = true;\n\t\t},\n\n\t\tmove(ev) {\n\t\t\tif (!this.stickDrag && !this.bodyDrag) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tev.stopPropagation();\n\n\t\t\tif (this.stickDrag) {\n\t\t\t\tthis.stickMove(ev);\n\t\t\t}\n\t\t\tif (this.bodyDrag) {\n\t\t\t\tthis.bodyMove(ev);\n\t\t\t}\n\t\t},\n\n\t\tup(ev) {\n\t\t\tif (this.stickDrag) {\n\t\t\t\tthis.stickUp(ev);\n\t\t\t}\n\t\t\tif (this.bodyDrag) {\n\t\t\t\tthis.bodyUp(ev);\n\t\t\t}\n\t\t},\n\n\t\tbodyMouseDown: function (e) {\n\t\t\tif (this.contentActive || !this.selectable) {\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\te.stopPropagation();\n\t\t\t\te.preventDefault();\n\t\t\t}\n\n\t\t\tlet target = e.target || e.srcElement;\n\n\t\t\tthis.active = true;\n\n\t\t\tif (e.button && e.button !== 0) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.$emit('clicked', e);\n\n\t\t\tif (!this.draggable || !this.active) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.dragHandle && target.getAttribute('data-drag-handle') !== this._uid.toString()) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.dragCancel && target.getAttribute('data-drag-cancel') === this._uid.toString()) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.bodyDrag = true;\n\t\t\tthis.dragged = false;\n\n\t\t\tthis.dragStartEmitted = false;\n\t\t\tthis.startRect = _.cloneDeep(this.rect);\n\n\t\t\tthis.stickStartPos.mouseX = e.pageX || e.touches[0].pageX;\n\t\t\tthis.stickStartPos.mouseY = e.pageY || e.touches[0].pageY;\n\n\t\t\tthis.stickStartPos.cx = this.cx;\n\t\t\tthis.stickStartPos.cy = this.cy;\n\t\t},\n\n\t\tbodyMove(ev) {\n\t\t\tconst stickStartPos = this.stickStartPos;\n\n\t\t\tconst newPos = {\n\t\t\t\tmouseX: ev.pageX || ev.touches[0].pageX,\n\t\t\t\tmouseY: ev.pageY || ev.touches[0].pageY,\n\t\t\t};\n\t\t\tconst delta = {\n\t\t\t\tx: newPos.mouseX - stickStartPos.mouseX,\n\t\t\t\ty: newPos.mouseY - stickStartPos.mouseY,\n\t\t\t};\n\n\t\t\tlet newcx = stickStartPos.cx + delta.x;\n\t\t\tlet newcy = stickStartPos.cy + delta.y;\n\t\t\tlet x1 = newcx - this.width / 2;\n\t\t\tlet y1 = newcy - this.height / 2;\n\t\t\tlet x2 = newcx + this.width / 2;\n\t\t\tlet y2 = newcy + this.height / 2;\n\n\t\t\tif (this.outerBound) {\n\t\t\t\tlet bx1 = this.outerBound.x - this.outerBound.w / 2;\n\t\t\t\tlet by1 = this.outerBound.y - this.outerBound.h / 2;\n\t\t\t\tlet bx2 = this.outerBound.x + this.outerBound.w / 2;\n\t\t\t\tlet by2 = this.outerBound.y + this.outerBound.h / 2;\n\t\t\t\tif (x1 < bx1) delta.x -= x1 - bx1;\n\t\t\t\tif (x2 > bx2) delta.x -= x2 - bx2;\n\t\t\t\tif (y1 < by1) delta.y -= y1 - by1;\n\t\t\t\tif (y2 > by2) delta.y -= y2 - by2;\n\t\t\t}\n\n\t\t\tif (this.innerBound && this.rotation == 0) {\n\t\t\t\tlet bx1 = this.innerBound.x - this.innerBound.w / 2;\n\t\t\t\tlet by1 = this.innerBound.y - this.innerBound.h / 2;\n\t\t\t\tlet bx2 = this.innerBound.x + this.innerBound.w / 2;\n\t\t\t\tlet by2 = this.innerBound.y + this.innerBound.h / 2;\n\t\t\t\tif (x1 > bx1) delta.x -= x1 - bx1;\n\t\t\t\tif (x2 < bx2) delta.x -= x2 - bx2;\n\t\t\t\tif (y1 > by1) delta.y -= y1 - by1;\n\t\t\t\tif (y2 < by2) delta.y -= y2 - by2;\n\t\t\t}\n\n\t\t\tthis.cx = stickStartPos.cx + delta.x;\n\t\t\tthis.cy = stickStartPos.cy + delta.y;\n\n\t\t\tif (!this.dragStartEmitted) {\n\t\t\t\tthis.$emit('dragstart', this.startRect);\n\t\t\t\tthis.dragStartEmitted = true;\n\t\t\t}\n\n\t\t\tthis.dragged = true;\n\t\t\tthis.$emit('drag', this.rect);\n\t\t},\n\n\t\tbodyUp() {\n\t\t\tthis.bodyDrag = false;\n\t\t\tif (this.dragged) {\n\t\t\t\tthis.$emit('dragstop', this.rect, this.startRect);\n\t\t\t\tthis.$emit('change', this.rect);\n\t\t\t}\n\n\t\t\tthis.stickStartPos = { mouseX: 0, mouseY: 0, x: 0, y: 0, w: 0, h: 0 };\n\t\t},\n\n\t\tstickDown: function (stick, ev) {\n\t\t\tif (!this.resizable || !this.active) return;\n\n\t\t\tthis.resizeStartEmitted = false;\n\t\t\tthis.rotateStartEmitted = false;\n\t\t\tthis.startRect = _.cloneDeep(this.rect);\n\n\t\t\tthis.stickDrag = true;\n\t\t\tthis.resized = false;\n\t\t\tthis.rotated = false;\n\t\t\tthis.stickStartPos.mouseX = ev.pageX || ev.touches[0].pageX;\n\t\t\tthis.stickStartPos.mouseY = ev.pageY || ev.touches[0].pageY;\n\t\t\tthis.stickStartPos.cx = this.cx;\n\t\t\tthis.stickStartPos.cy = this.cy;\n\t\t\tthis.stickStartPos.width = this.width;\n\t\t\tthis.stickStartPos.height = this.height;\n\t\t\tthis.stickStartPos.rotation = this.rotation;\n\t\t\tthis.currentStick = stick;\n\t\t},\n\n\t\tstickMove(ev) {\n\t\t\tconst stickStartPos = this.stickStartPos;\n\n\t\t\tlet delta = new Vector(\n\t\t\t\t(ev.pageX || ev.touches[0].pageX) - stickStartPos.mouseX,\n\t\t\t\t(ev.pageY || ev.touches[0].pageY) - stickStartPos.mouseY,\n\t\t\t);\n\n\t\t\tif (this.currentStick == 'ro') {\n\t\t\t\tlet up = new Vector(0, -this.height / 2 - roStickSize);\n\t\t\t\tlet rotationRad = Vector.rad(stickStartPos.rotation);\n\t\t\t\tup = up.rotate(rotationRad);\n\t\t\t\tlet v = up.add(delta);\n\n\t\t\t\tif (!this.rotateStartEmitted) {\n\t\t\t\t\tthis.$emit('rotatestart', this.startRect);\n\t\t\t\t\tthis.rotateStartEmitted = true;\n\t\t\t\t}\n\n\t\t\t\tthis.rotation = Vector.deg(v.angle()) + 90;\n\t\t\t\tthis.rotated = true;\n\t\t\t\tthis.$emit('rotate', this.rect);\n\t\t\t} else {\n\t\t\t\tlet dirX = this.currentStick[1] == 'r' ? 1 : -1;\n\t\t\t\tlet dirY = this.currentStick[0] == 'b' ? 1 : -1;\n\n\t\t\t\tlet phi = Vector.rad(stickStartPos.rotation);\n\t\t\t\tlet p;\n\t\t\t\tif (this.aspectRatio) {\n\t\t\t\t\tlet axis = new Vector((dirX * stickStartPos.width) / 2, (dirY * stickStartPos.height) / 2);\n\t\t\t\t\taxis = axis.rotate(phi).unit();\n\t\t\t\t\tp = axis.mul(axis.mul(delta));\n\t\t\t\t} else {\n\t\t\t\t\tp = delta;\n\t\t\t\t}\n\n\t\t\t\tlet pn = p.rotate(-phi);\n\n\t\t\t\tlet newcx = stickStartPos.cx + p.x / 2;\n\t\t\t\tlet newcy = stickStartPos.cy + p.y / 2;\n\t\t\t\tlet newwidth = stickStartPos.width + dirX * pn.x;\n\t\t\t\tlet newheight = stickStartPos.height + dirY * pn.y;\n\t\t\t\tlet x1 = newcx - newwidth / 2;\n\t\t\t\tlet y1 = newcy - newheight / 2;\n\t\t\t\tlet x2 = newcx + newwidth / 2;\n\t\t\t\tlet y2 = newcy + newheight / 2;\n\n\t\t\t\tif (this.outerBound) {\n\t\t\t\t\tlet bx1 = this.outerBound.x - this.outerBound.w / 2;\n\t\t\t\t\tlet by1 = this.outerBound.y - this.outerBound.h / 2;\n\t\t\t\t\tlet bx2 = this.outerBound.x + this.outerBound.w / 2;\n\t\t\t\t\tlet by2 = this.outerBound.y + this.outerBound.h / 2;\n\t\t\t\t\tlet dx = 0;\n\t\t\t\t\tlet dy = 0;\n\t\t\t\t\tif (x1 < bx1) dx = bx1 - x1;\n\t\t\t\t\tif (x2 > bx2) dx = bx2 - x2;\n\t\t\t\t\tif (y1 < by1) dy = by1 - y1;\n\t\t\t\t\tif (y2 > by2) dy = by2 - y2;\n\n\t\t\t\t\tif (dx != 0 || dy != 0) {\n\t\t\t\t\t\tif (this.aspectRatio) {\n\t\t\t\t\t\t\tif (dx / p.x < dy / p.y) {\n\t\t\t\t\t\t\t\tp.y += (dx * p.y) / p.x;\n\t\t\t\t\t\t\t\tp.x += dx;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tp.x += (dy * p.x) / p.y;\n\t\t\t\t\t\t\t\tp.y += dy;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tp.x += dx;\n\t\t\t\t\t\t\tp.y += dy;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (this.innerBound && this.rotation == 0) {\n\t\t\t\t\tlet bx1 = this.innerBound.x - this.innerBound.w / 2;\n\t\t\t\t\tlet by1 = this.innerBound.y - this.innerBound.h / 2;\n\t\t\t\t\tlet bx2 = this.innerBound.x + this.innerBound.w / 2;\n\t\t\t\t\tlet by2 = this.innerBound.y + this.innerBound.h / 2;\n\t\t\t\t\tlet dx = 0;\n\t\t\t\t\tlet dy = 0;\n\t\t\t\t\tif (x1 > bx1) dx = bx1 - x1;\n\t\t\t\t\tif (x2 < bx2) dx = bx2 - x2;\n\t\t\t\t\tif (y1 > by1) dy = by1 - y1;\n\t\t\t\t\tif (y2 < by2) dy = by2 - y2;\n\n\t\t\t\t\tif (dx != 0 || dy != 0) {\n\t\t\t\t\t\tif (this.aspectRatio) {\n\t\t\t\t\t\t\tif (dx / p.x < dy / p.y) {\n\t\t\t\t\t\t\t\tp.y += (dx * p.y) / p.x;\n\t\t\t\t\t\t\t\tp.x += dx;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tp.x += (dy * p.x) / p.y;\n\t\t\t\t\t\t\t\tp.y += dy;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tp.x += dx;\n\t\t\t\t\t\t\tp.y += dy;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.cx = stickStartPos.cx + p.x / 2;\n\t\t\t\tthis.cy = stickStartPos.cy + p.y / 2;\n\t\t\t\tpn = p.rotate(-phi);\n\t\t\t\tthis.width = stickStartPos.width + dirX * pn.x;\n\t\t\t\tthis.height = stickStartPos.height + dirY * pn.y;\n\n\t\t\t\tif (!this.resizeStartEmitted) {\n\t\t\t\t\tthis.$emit('resizestart', this.startRect);\n\t\t\t\t\tthis.resizeStartEmitted = true;\n\t\t\t\t}\n\n\t\t\t\tthis.resized = true;\n\t\t\t\tthis.$emit('resize', this.rect);\n\t\t\t}\n\t\t},\n\n\t\tstickUp() {\n\t\t\tthis.stickDrag = false;\n\t\t\tthis.stickStartPos = {\n\t\t\t\tmouseX: 0,\n\t\t\t\tmouseY: 0,\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\tw: 0,\n\t\t\t\th: 0,\n\t\t\t};\n\n\t\t\tif (this.resized) {\n\t\t\t\tthis.$emit('resizestop', this.rect, this.startRect); // TODO\n\t\t\t\tthis.$emit('change', this.rect);\n\t\t\t}\n\n\t\t\tif (this.rotated) {\n\t\t\t\tthis.$emit('rotatestop', this.rect, this.startRect);\n\t\t\t\tthis.$emit('change', this.rect);\n\t\t\t}\n\t\t},\n\t},\n};\n</script>\n\n<style scoped>\n/*TODO less */\n\n.drr {\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n}\n\n.drr:hover:before {\n\tcontent: '';\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbox-sizing: border-box;\n\toutline: 2px dashed #d6d6d6;\n}\n\n.drr.active:before {\n\tcontent: '';\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbox-sizing: border-box;\n\toutline: 2px dashed lightskyblue;\n}\n\n.drr-stick {\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tfont-size: 1px;\n\tbackground: #ffffff;\n\tborder: 1px solid #6c6c6c;\n\tbox-shadow: 0 0 2px #bbb;\n}\n\n.drr-stick:hover {\n\tborder-color: lightskyblue;\n}\n\n.inactive > .drr-stick {\n\tdisplay: none;\n}\n\n.drr-stick-tl,\n.drr-stick-br {\n\tcursor: nwse-resize;\n}\n\n.drr-stick-tm,\n.drr-stick-bm {\n\tleft: 50%;\n\tcursor: ns-resize;\n}\n\n.drr-stick-tr,\n.drr-stick-bl {\n\tcursor: nesw-resize;\n}\n\n.drr-stick-ml,\n.drr-stick-mr {\n\ttop: 50%;\n\tcursor: ew-resize;\n}\n\n.drr-stick-ro {\n\tleft: 50%;\n\tcursor: ew-resize;\n\tborder-radius: 4px;\n}\n\n.ro-stick-handle {\n\tleft: 50%;\n\ttop: -16px;\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tfont-size: 1px;\n\tbackground: #ffffff;\n\tborder: 1px solid #6c6c6c;\n\tbox-shadow: 0 0 2px #bbb;\n\twidth: 0px;\n\theight: 16px;\n}\n\n.inactive > .ro-stick-handle {\n\tdisplay: none;\n}\n\n.drr-stick.not-resizable {\n\tdisplay: none;\n}\n\n.content-active {\n\tborder: 2px solid lightskyblue; /*TODO*/\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./VueDrr.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./VueDrr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueDrr.vue?vue&type=template&id=5c1ed1a2&scoped=true&\"\nimport script from \"./VueDrr.vue?vue&type=script&lang=js&\"\nexport * from \"./VueDrr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VueDrr.vue?vue&type=style&index=0&id=5c1ed1a2&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5c1ed1a2\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog\n\t\t\tv-if=\"locationDialog\"\n\t\t\tv-model=\"locationDialog\"\n\t\t\t:max-width=\"popupWidth\"\n\t\t\tstyle=\"margin: 0\"\n\t\t\theight=\"96vh\"\n\t\t\tpersistent>\n\t\t\t<div\n\t\t\t\tclass=\"location-dialog\"\n\t\t\t\t:class=\"`${theme}-theme`\"\n\t\t\t\t@click=\"actions.cancelEvent\"\n\t\t\t\t@dblclick=\"actions.cancelEvent($event)\">\n\t\t\t\t<div class=\"popup pa-0\" :class=\"isMobile && 'overflow-auto'\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"actions.close()\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">Pick a Location</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content pa-0\">\n\t\t\t\t\t\t\t<!-- <p v-if=\"size === 'sm'\" class=\"fw--600 fs--12 white--text mb-2 text-center\">\n\t\t\t\t\t\t\t\tPick any location on stream <br />\n\t\t\t\t\t\t\t\tto place this sticker!\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p v-else class=\"fw--600 fs--12 white--text mb-2 text-center\">\n\t\t\t\t\t\t\t\tPick any location on stream to place this sticker!\n\t\t\t\t\t\t\t</p> -->\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tv-if=\"isMobile\"\n\t\t\t\t\t\t\t\tclass=\"stream-view\"\n\t\t\t\t\t\t\t\tid=\"streamView\"\n\t\t\t\t\t\t\t\t@click=\"actions.locateImage($event)\"\n\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t'background-image': `url('${streamThumb}')`,\n\t\t\t\t\t\t\t\t\t'background-size': '100% 100%',\n\t\t\t\t\t\t\t\t\t'background-color': isRandomPlacement ? 'rgba(0,0,0,0.65)' : 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\t\t\t'background-blend-mode': 'overlay',\n\t\t\t\t\t\t\t\t\theight: streamBox.height,\n\t\t\t\t\t\t\t\t\twidth: streamBox.width,\n\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"isLoading\"\n\t\t\t\t\t\t\t\t\tclass=\"loading-overlay d-flex flex-column justify-center align-center\">\n\t\t\t\t\t\t\t\t\t<v-progress-circular\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 3rem; height: 3rem\"\n\t\t\t\t\t\t\t\t\t\tclass=\"mb-1\"\n\t\t\t\t\t\t\t\t\t\tindeterminate></v-progress-circular>\n\t\t\t\t\t\t\t\t\t<span class=\"white--text fs--14 fw--700\">Slapping Sticker on Stream...</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"boundingBox.width > 0\"\n\t\t\t\t\t\t\t\t\tid=\"stickerImage\"\n\t\t\t\t\t\t\t\t\t:class=\"!isRandomPlacement && 'sticker_border'\"\n\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\twidth: boundingBox.width + 'px',\n\t\t\t\t\t\t\t\t\t\theight: boundingBox.height + 'px',\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclass=\"icons\"\n\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\theight: boundingBox.height + 'px',\n\t\t\t\t\t\t\t\t\t\t\twidth: boundingBox.width + 'px',\n\t\t\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t\t\t<template v-if=\"!isRandomPlacement\">\n\t\t\t\t\t\t\t\t\t\t\t<v-icon\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"30\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"rotate-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"rotateIcon\"\n\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"white\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click.stop=\"actions.rotate\"\n\t\t\t\t\t\t\t\t\t\t\t\t>{{ icons.rotate }}</v-icon\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t@click.stop=\"actions.flipSticker\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"30\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"30\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/icons/flip_icon.png\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Flip\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"flipIconMobile\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"flip-mobile-icon\" />\n\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div id=\"sticker\">\n\t\t\t\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t\t\t\t<AssetsTTS\n\t\t\t\t\t\t\t\t\t\t\t\t:sticker=\"sticker\"\n\t\t\t\t\t\t\t\t\t\t\t\t:width=\"stickerDimensions.baseWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t:height=\"stickerDimensions.baseHeight\"\n\t\t\t\t\t\t\t\t\t\t\t\t:percent=\"stickerDimensions.assetPercentage\"\n\t\t\t\t\t\t\t\t\t\t\t\t:list=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t:fade=\"isRandomPlacement\"\n\t\t\t\t\t\t\t\t\t\t\t\t:popupMd=\"true\" />\n\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: `${stickerDimensions.baseWidth}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: `${stickerDimensions.baseHeight}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: `${isRandomPlacement ? 0.5 : 1}`,\n\t\t\t\t\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"normalImage\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:src=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsticker.rendererImage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? getStickerRendererImagePath(sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: getStickerImagePath(sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:alt=\"sticker.name\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<!-- <v-img\n\t\t\t\t\t\t\t\t\t\t\t\t:src=\"getStickerImagePath(sticker)\"\n\t\t\t\t\t\t\t\t\t\t\t\t:width=\"stickerDimensions.baseWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t:height=\"stickerDimensions.baseHeight\"\n\t\t\t\t\t\t\t\t\t\t\t\tcontain></v-img> -->\n\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\tclass=\"stream-view\"\n\t\t\t\t\t\t\t\tid=\"streamView\"\n\t\t\t\t\t\t\t\tv-click-outside=\"(isActive = false)\"\n\t\t\t\t\t\t\t\t@click=\"actions.setActive()\"\n\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t'background-image': `url('${streamThumb}')`,\n\t\t\t\t\t\t\t\t\t'background-size': '100% 100%',\n\t\t\t\t\t\t\t\t\t'background-color': isRandomPlacement ? 'rgba(0,0,0,0.65)' : 'rgba(0,0,0,0)',\n\t\t\t\t\t\t\t\t\t'background-blend-mode': 'overlay',\n\t\t\t\t\t\t\t\t\theight: streamBox.height,\n\t\t\t\t\t\t\t\t\twidth: streamBox.width,\n\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"isLoading\"\n\t\t\t\t\t\t\t\t\tclass=\"loading-overlay d-flex flex-column justify-center align-center\">\n\t\t\t\t\t\t\t\t\t<v-progress-circular\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 3rem; height: 3rem\"\n\t\t\t\t\t\t\t\t\t\tclass=\"mb-1\"\n\t\t\t\t\t\t\t\t\t\tindeterminate></v-progress-circular>\n\t\t\t\t\t\t\t\t\t<span class=\"white--text fs--14 fw--700\">Slapping Sticker on Stream...</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<VueDrr\n\t\t\t\t\t\t\t\t\tv-if=\"boundingBox.width > 0\"\n\t\t\t\t\t\t\t\t\tid=\"stickerddr\"\n\t\t\t\t\t\t\t\t\tclass=\"sticker-ddr\"\n\t\t\t\t\t\t\t\t\t:class=\"isRandomPlacement ? 'disabled-ddr' : 'sticker_border'\"\n\t\t\t\t\t\t\t\t\t:parent=\"true\"\n\t\t\t\t\t\t\t\t\t:w=\"boundingBox.width + 5\"\n\t\t\t\t\t\t\t\t\t:h=\"boundingBox.height + 5\"\n\t\t\t\t\t\t\t\t\t:x=\"placement.x\"\n\t\t\t\t\t\t\t\t\t:y=\"placement.y\"\n\t\t\t\t\t\t\t\t\t:angle=\"placement.angle\"\n\t\t\t\t\t\t\t\t\t:selected=\"isRandomPlacement ? false : true\"\n\t\t\t\t\t\t\t\t\t:draggable=\"!isRandomPlacement && true\"\n\t\t\t\t\t\t\t\t\t:resizable=\"!isRandomPlacement && true\"\n\t\t\t\t\t\t\t\t\t:rotatable=\"!isRandomPlacement && true\"\n\t\t\t\t\t\t\t\t\t:aspectRatio=\"true\"\n\t\t\t\t\t\t\t\t\t:isFlipped=\"isFlipped\"\n\t\t\t\t\t\t\t\t\t:outerBound=\"outerBounds\"\n\t\t\t\t\t\t\t\t\t@rotatestart=\"actions.setPlacement\"\n\t\t\t\t\t\t\t\t\t@rotate=\"actions.setPlacement\"\n\t\t\t\t\t\t\t\t\t@rotatestop=\"actions.setPlacement\"\n\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t\t<div id=\"stickerImag\">\n\t\t\t\t\t\t\t\t\t\t<div id=\"sticker\">\n\t\t\t\t\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t\t\t\t\t<AssetsTTS\n\t\t\t\t\t\t\t\t\t\t\t\t\t:sticker=\"sticker\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:width=\"stickerDimensions.baseWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:height=\"stickerDimensions.baseHeight\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:percent=\"stickerDimensions.assetPercentage\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:percentX=\"stickerDimensions.assetPercentageX\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:percentY=\"stickerDimensions.assetPercentageY\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:fade=\"isRandomPlacement\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:list=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:popupMd=\"true\" />\n\t\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: `${stickerDimensions.baseWidth}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: `${stickerDimensions.baseHeight}px`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topacity: `${isRandomPlacement ? 0.5 : 1}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"normalImage\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:src=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsticker.rendererImage\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? getStickerRendererImagePath(sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: getStickerImagePath(sticker)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:alt=\"sticker.name\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<!-- <v-img\n\t\t\t\t\t\t\t\t\t\t\t\t\t:src=\"getStickerImagePath(sticker)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:width=\"stickerDimensions.baseWidth\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:height=\"stickerDimensions.baseHeight\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t></v-img> -->\n\t\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t\t\t<!-- <v-icon v-if=\"!isRandomPlacement\" size=\"18\" class=\"rotate-icon\" color=\"white\"\n\t\t\t\t\t\t\t\t\t\t\t\t@click.stop=\"actions.rotate\">{{ icons.rotate }}</v-icon> -->\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tv-if=\"!isRandomPlacement\"\n\t\t\t\t\t\t\t\t\t\t@click=\"actions.flipSticker\"\n\t\t\t\t\t\t\t\t\t\twidth=\"25\"\n\t\t\t\t\t\t\t\t\t\theight=\"25\"\n\t\t\t\t\t\t\t\t\t\tsrc=\"@/assets/icons/flip_icon.png\"\n\t\t\t\t\t\t\t\t\t\talt=\"Flip\"\n\t\t\t\t\t\t\t\t\t\tid=\"flipIconPanel\"\n\t\t\t\t\t\t\t\t\t\tclass=\"flip-panel-icon\" />\n\t\t\t\t\t\t\t\t</VueDrr>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"primary d-flex justify-center\">\n\t\t\t\t\t\t\t\t<span class=\"fs--11 white--text fw--600 py-1\">\n\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\tisRandomPlacement\n\t\t\t\t\t\t\t\t\t\t\t? 'Random Placement Enabled'\n\t\t\t\t\t\t\t\t\t\t\t: isMobile\n\t\t\t\t\t\t\t\t\t\t\t? 'Tap to move position, rotate and flip'\n\t\t\t\t\t\t\t\t\t\t\t: 'Drag to move position, rotate and tap to flip'\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"px-2 pb-2\">\n\t\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\t\tv-if=\"!isBroadcaster\"\n\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\tclass=\"fs--13 fw--600 mt-3 mb-2 py-6 text-center text-uppercase slap-btn\"\n\t\t\t\t\t\t\t\t\t@click=\"actions.useSticker()\">\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"fs--13\">slap sticker on stream!</span>\n\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t<img :src=\"actions.getIcon(bitsValue)\" width=\"15\" alt=\"Bits\" />\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"fs--13\">{{ bitsValue }}</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\tclass=\"fs--13 fw--600 mt-3 mb-2 py-6 text-center text-uppercase slap-btn\"\n\t\t\t\t\t\t\t\t\t@click=\"actions.useSticker()\">\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-column\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"fs--13\">slap sticker on stream!</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</v-btn>\n\n\t\t\t\t\t\t\t\t<div class=\"d-flex align-center justify-center\">\n\t\t\t\t\t\t\t\t\t<v-switch\n\t\t\t\t\t\t\t\t\t\tv-model=\"isRandomPlacement\"\n\t\t\t\t\t\t\t\t\t\t@change=\"actions.setRandomPlacement\"\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tclass=\"ma-0\"\n\t\t\t\t\t\t\t\t\t\thide-details>\n\t\t\t\t\t\t\t\t\t\t<template #label>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"fs--14 fw--600 white--text\">Enable Random Placement</span>\n\t\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t</v-switch>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed, reactive, ref, onMounted } from 'vue';\nimport { getStickerImagePath, getStickerRendererImagePath } from '@/utils/utils';\nimport { mdiClose, mdiRotateRight } from '@mdi/js';\nimport { getBitIcon } from '@/utils/utils';\nimport { getEndpointHost, getHostedAssetPath } from '@/utils/config';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\nimport VueDrr from '@/components/panel/VueDrr.vue';\nexport default {\n\tcomponents: {\n\t\tVueDrr,\n\t\tAssetsTTS,\n\t},\n\tprops: {\n\t\tlocationDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tisBroadcaster: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: Object,\n\t},\n\temits: ['onUseSticker', 'onClose'],\n\tsetup(props, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\tconst isLoading = ref(false);\n\t\tconst isImageLoaded = ref(false);\n\t\tconst popupWidth = ref('95%');\n\n\t\tconst streamHeight = ref(197);\n\n\t\tconst streamBox = computed(() => {\n\t\t\tlet width, height;\n\n\t\t\tif (size.value === 'md' && !isMobile.value) {\n\t\t\t\twidth = '506px';\n\t\t\t\theight = '285px';\n\t\t\t}\n\n\t\t\tif (size.value === 'sm' && !isMobile.value) {\n\t\t\t\twidth = '296px';\n\t\t\t\theight = '167px';\n\t\t\t}\n\n\t\t\tif (isMobile.value) {\n\t\t\t\twidth = '100%';\n\t\t\t\theight = `${streamHeight.value}px`;\n\t\t\t}\n\n\t\t\treturn { width, height };\n\t\t});\n\n\t\tconst isRandomPlacement = ref(false);\n\t\tconst isFlipped = ref(false);\n\n\t\tconst isActive = ref(false);\n\n\t\tconst baseHeight = ref(0);\n\t\tconst baseWidth = ref(0);\n\n\t\tconst percentX = ref(0);\n\t\tconst percentY = ref(0);\n\n\t\tconst placement = reactive({\n\t\t\tx: 125.5,\n\t\t\ty: 62.5,\n\t\t\tangle: 0,\n\t\t});\n\n\t\tconst oldPlacement = reactive({\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tangle: 0,\n\t\t\tflipped: false,\n\t\t});\n\n\t\tconst outerBounds = reactive({\n\t\t\tx: 100,\n\t\t\ty: 61,\n\t\t\tw: 226,\n\t\t\th: 125,\n\t\t});\n\n\t\tconst boundingBox = reactive({\n\t\t\twidth: 0,\n\t\t\theight: 0,\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tactions.setPopupWidth();\n\n\t\t\tif (isMobile.value) {\n\t\t\t\tconst box = document.querySelector('.popup-content');\n\t\t\t\tif (box) {\n\t\t\t\t\tconst boxWidth = box.offsetWidth;\n\t\t\t\t\tstreamHeight.value = (9 * boxWidth) / 16;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst random = localStorage.getItem('isRandomPlacement');\n\t\t\tisRandomPlacement.value = random == 1 ? true : false;\n\n\t\t\tplacement.x = document.querySelector('#streamView').offsetWidth / 2;\n\t\t\tplacement.y = document.querySelector('#streamView').offsetHeight / 2;\n\n\t\t\tif (!props.sticker.tts) {\n\t\t\t\tconst img = new Image();\n\t\t\t\timg.src = props.sticker.rendererImage\n\t\t\t\t\t? getStickerRendererImagePath(props.sticker)\n\t\t\t\t\t: getStickerImagePath(props.sticker);\n\t\t\t\timg.onload = () => {\n\t\t\t\t\tisImageLoaded.value = true;\n\t\t\t\t\tconst { width, height } = actions.getImageDimensions(img.width, img.height);\n\t\t\t\t\tbaseWidth.value = width;\n\t\t\t\t\tbaseHeight.value = height;\n\n\t\t\t\t\tactions.setBoundingBounds();\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tactions.setFlipIconPosition();\n\t\t\t\t\t}, 10);\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\t// TTS Sticker\n\t\t\t\tconst img = new Image();\n\t\t\t\timg.src = getHostedAssetPath() + '/' + props.sticker.tts.baseImage;\n\t\t\t\timg.onload = () => {\n\t\t\t\t\tisImageLoaded.value = true;\n\t\t\t\t\tconst { width, height } = actions.getImageDimensions(img.width, img.height);\n\n\t\t\t\t\tbaseWidth.value = width;\n\t\t\t\t\tbaseHeight.value = height;\n\n\t\t\t\t\t// For TTS Assets Size Calculations\n\t\t\t\t\tpercentX.value = (width / 250) * 100;\n\t\t\t\t\tpercentY.value = (height / 300) * 100;\n\n\t\t\t\t\tactions.setBoundingBounds();\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tactions.setFlipIconPosition();\n\t\t\t\t\t}, 10);\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tactions.setOuterBounds();\n\n\t\t\tif (isRandomPlacement.value) {\n\t\t\t\tactions.centerImage();\n\t\t\t}\n\t\t});\n\n\t\tconst stickerDimensions = computed(() => {\n\t\t\tconst dimensions = {\n\t\t\t\tbaseWidth: baseWidth.value,\n\t\t\t\tbaseHeight: baseHeight.value,\n\t\t\t\tassetPercentage: 32,\n\t\t\t\tassetPercentageX: percentX.value,\n\t\t\t\tassetPercentageY: percentY.value,\n\t\t\t};\n\n\t\t\t// if (size.value === 'md') {\n\t\t\t// \tdimensions.baseWidth = 83.25;\n\t\t\t// \tdimensions.baseHeight = 100;\n\t\t\t// \tdimensions.assetPercentage = 33.3;\n\t\t\t// }\n\n\t\t\treturn dimensions;\n\t\t});\n\n\t\tconst bitsValue = computed(() => {\n\t\t\tif (props.sticker.bits && props.sticker.bits !== 0) {\n\t\t\t\treturn props.sticker.bits\n\t\t\t\t\t? props.sticker.bits.toLocaleString()\n\t\t\t\t\t: Number(props.sticker.sku.split('_')[1]).toLocaleString();\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\t// Stream thumbnail. The host needs the 8081 port as that is how the extension allowed list is configured on Twitch.\n\t\tconst streamThumb = computed(() => {\n\t\t\tconst loginName = store.state.streamerDisplayName.toLowerCase();\n\t\t\tlet host = getEndpointHost();\n\t\t\tif (host == 'extension-dev.streamstickers.com' || host == 'extension.streamstickers.com') {\n\t\t\t\thost += ':8081';\n\t\t\t}\n\t\t\treturn 'https://' + host + '/panel/stream-thumb/' + loginName + '/' + Date.now();\n\t\t});\n\n\t\tconst actions = {\n\t\t\tsetPopupWidth() {\n\t\t\t\tconst width = isMobile.value ? '95%' : size.value === 'sm' && !isMobile.value ? 300 : 510;\n\t\t\t\tpopupWidth.value = width;\n\n\t\t\t\tconst dialog = document.querySelector('.v-dialog');\n\t\t\t\tdialog.style.margin = 0;\n\t\t\t},\n\t\t\tgetImageDimensions(width, height) {\n\t\t\t\tlet imWidth = width;\n\t\t\t\tlet imHeight = height;\n\n\t\t\t\tif (props.sticker.tts) {\n\t\t\t\t\t// MAX TTS will displayed as 350x350 in Renderer\n\t\t\t\t\tif (width > 350 || height > 350) {\n\t\t\t\t\t\timWidth = 350;\n\t\t\t\t\t\timHeight = 350;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Renderer Width and Height\n\t\t\t\tconst rendererW = 1920;\n\t\t\t\tconst rendererH = 1080;\n\n\t\t\t\t// Stream Box Width and Height\n\t\t\t\tconst stream = document.getElementById('streamView');\n\t\t\t\tconst streamW = stream.offsetWidth;\n\t\t\t\tconst streamH = stream.offsetHeight;\n\n\t\t\t\t// Stream Difference\n\t\t\t\tconst scaledWidth = parseFloat((streamW / rendererW) * 100).toFixed(1);\n\t\t\t\tconst scaledHeight = parseFloat((streamH / rendererH) * 100).toFixed(1);\n\n\t\t\t\tconst scaledImgW = parseFloat((imWidth / 100) * scaledWidth).toFixed(1);\n\t\t\t\tconst scaledImgH = parseFloat((imHeight / 100) * scaledHeight).toFixed(1);\n\n\t\t\t\treturn {\n\t\t\t\t\twidth: scaledImgW * 1,\n\t\t\t\t\theight: scaledImgH * 1,\n\t\t\t\t};\n\t\t\t},\n\t\t\tsetBoundingBounds() {\n\t\t\t\tconst width = stickerDimensions.value.baseWidth;\n\t\t\t\tconst height = stickerDimensions.value.baseHeight;\n\n\t\t\t\tlet size = 26;\n\n\t\t\t\tif (width > height) {\n\t\t\t\t\tboundingBox.height = width + (width / 100) * size;\n\t\t\t\t\tboundingBox.width = width + (width / 100) * size;\n\t\t\t\t} else {\n\t\t\t\t\tboundingBox.height = height + (height / 100) * size;\n\t\t\t\t\tboundingBox.width = height + (height / 100) * size;\n\t\t\t\t}\n\t\t\t},\n\t\t\tsetOuterBounds() {\n\t\t\t\tconst stream = document.querySelector('#streamView');\n\t\t\t\touterBounds.w = stream.offsetWidth + 40;\n\t\t\t\touterBounds.h = stream.offsetHeight + 40;\n\t\t\t\touterBounds.x = stream.offsetWidth / 2;\n\t\t\t\touterBounds.y = stream.offsetHeight / 2;\n\t\t\t},\n\t\t\tsetRandomPlacement(val) {\n\t\t\t\tlocalStorage.setItem('isRandomPlacement', val ? 1 : 0);\n\t\t\t\tif (val) {\n\t\t\t\t\tactions.getImageOldPositions();\n\t\t\t\t\tactions.centerImage();\n\t\t\t\t} else {\n\t\t\t\t\tactions.setImageOldPositions();\n\t\t\t\t}\n\t\t\t},\n\t\t\tgetImageOldPositions() {\n\t\t\t\tlet sticker;\n\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tsticker = document.querySelector('#stickerddr');\n\t\t\t\t} else {\n\t\t\t\t\tsticker = document.querySelector('#stickerImage');\n\t\t\t\t}\n\n\t\t\t\tconst left = window.getComputedStyle(sticker).left;\n\t\t\t\tconst top = window.getComputedStyle(sticker).top;\n\n\t\t\t\toldPlacement.x = left;\n\t\t\t\toldPlacement.y = top;\n\t\t\t},\n\t\t\tsetImageOldPositions() {\n\t\t\t\tlet sticker;\n\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tsticker = document.querySelector('#stickerddr');\n\t\t\t\t} else {\n\t\t\t\t\tsticker = document.querySelector('#stickerImage');\n\t\t\t\t}\n\n\t\t\t\tsticker.style.left = oldPlacement.x;\n\t\t\t\tsticker.style.top = oldPlacement.y;\n\n\t\t\t\tisFlipped.value = oldPlacement.flipped;\n\t\t\t\tplacement.angle = oldPlacement.angle;\n\n\t\t\t\tif (isMobile.value) {\n\t\t\t\t\tconst stickerImage = document.getElementById('sticker');\n\n\t\t\t\t\tstickerImage.style.transform = oldPlacement.flipped\n\t\t\t\t\t\t? `rotate(${oldPlacement.angle}deg) scaleX(-1)`\n\t\t\t\t\t\t: `rotate(${oldPlacement.angle}deg) scaleX(1)`;\n\t\t\t\t} else {\n\t\t\t\t\tsticker.style.transform = oldPlacement.flipped\n\t\t\t\t\t\t? `rotate(${oldPlacement.angle}deg) scaleX(-1)`\n\t\t\t\t\t\t: `rotate(${oldPlacement.angle}deg) scaleX(1)`;\n\t\t\t\t}\n\t\t\t},\n\t\t\tcenterImage() {\n\t\t\t\toldPlacement.angle = placement.angle;\n\t\t\t\toldPlacement.flipped = isFlipped.value;\n\n\t\t\t\tconst stream = document.querySelector('#streamView');\n\t\t\t\tlet sticker;\n\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tsticker = document.querySelector('#stickerddr');\n\t\t\t\t} else {\n\t\t\t\t\tsticker = document.querySelector('#stickerImage');\n\t\t\t\t}\n\n\t\t\t\tactions.getImageOldPositions();\n\n\t\t\t\tplacement.angle = 0;\n\t\t\t\tisFlipped.value = false;\n\n\t\t\t\tconst center = {\n\t\t\t\t\tx: stream.offsetWidth / 2,\n\t\t\t\t\ty: stream.offsetHeight / 2,\n\t\t\t\t};\n\n\t\t\t\tplacement.x = Number(center.x);\n\t\t\t\tplacement.y = Number(center.y);\n\n\t\t\t\tif (isMobile.value) {\n\t\t\t\t\tsticker.style.left = '50%';\n\t\t\t\t\tsticker.style.top = '50%';\n\n\t\t\t\t\tconst stickerImage = document.getElementById('sticker');\n\t\t\t\t\tstickerImage.style.transform = `rotate(${placement.angle}deg) scaleX(1)`;\n\t\t\t\t} else {\n\t\t\t\t\tsticker.style.left = placement.x - sticker.offsetWidth / 2 + 'px';\n\t\t\t\t\tsticker.style.top = placement.y - sticker.offsetHeight / 2 + 'px';\n\t\t\t\t\tsticker.style.transform = `rotate(${placement.angle}deg) scaleX(1)`;\n\t\t\t\t}\n\t\t\t},\n\t\t\tlocateImage(event) {\n\t\t\t\tconst sticker = document.querySelector('#stickerImage');\n\t\t\t\tconst stream = document.querySelector('#streamView');\n\t\t\t\tif (!isRandomPlacement.value && event) {\n\t\t\t\t\tconst x = event.clientX - stream.getBoundingClientRect().left;\n\t\t\t\t\tconst y = event.clientY - stream.getBoundingClientRect().top;\n\n\t\t\t\t\tsticker.style.left = x + 'px';\n\t\t\t\t\tsticker.style.top = y + 'px';\n\t\t\t\t}\n\t\t\t},\n\n\t\t\trotate(value) {\n\t\t\t\tif (!isRandomPlacement.value) {\n\t\t\t\t\tlet rotationAngle = placement.angle;\n\n\t\t\t\t\tif (value !== null && value >= 0) {\n\t\t\t\t\t\trotationAngle = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\trotationAngle = rotationAngle + 45;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (rotationAngle >= 360) {\n\t\t\t\t\t\trotationAngle = 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tplacement.angle = rotationAngle;\n\t\t\t\t\tactions.transformSticker();\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tflipSticker() {\n\t\t\t\tisFlipped.value = !isFlipped.value;\n\n\t\t\t\tif (isMobile.value) {\n\t\t\t\t\tconst stickerImg = document.getElementById('stickerImage');\n\n\t\t\t\t\tconst rotateIcon = document.getElementById('rotateIcon');\n\t\t\t\t\tconst flipIcon = document.getElementById('flipIconMobile');\n\n\t\t\t\t\tif (isFlipped.value) {\n\t\t\t\t\t\trotateIcon.style.transform = 'scaleX(-1)';\n\t\t\t\t\t\tflipIcon.style.transform = 'scaleX(-1)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\trotateIcon.style.transform = 'scaleX(1)';\n\t\t\t\t\t\tflipIcon.style.transform = 'scaleX(1)';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconst flipIcon = document.getElementById('flipIconPanel');\n\t\t\t\t\tif (isFlipped.value) {\n\t\t\t\t\t\tflipIcon.style.transform = 'scaleX(-1)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tflipIcon.style.transform = 'scaleX(1)';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tactions.setFlipIconPosition();\n\t\t\t\tactions.transformSticker();\n\t\t\t},\n\n\t\t\tsetFlipIconPosition() {\n\t\t\t\tlet flipIcon, stickerImg, pos;\n\t\t\t\tif (isMobile.value) {\n\t\t\t\t\tstickerImg = document.getElementById('stickerImage');\n\t\t\t\t\tflipIcon = document.getElementById('flipIconMobile');\n\n\t\t\t\t\tif (!flipIcon) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst flipW = flipIcon.clientWidth;\n\t\t\t\t\tpos = (stickerImg.offsetWidth - flipW) / 2;\n\t\t\t\t} else {\n\t\t\t\t\tstickerImg = document.querySelector('#stickerddr');\n\t\t\t\t\tflipIcon = document.querySelector('#flipIconPanel');\n\n\t\t\t\t\tif (!flipIcon) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tconst flipW = flipIcon.clientWidth;\n\t\t\t\t\tpos = (stickerImg.offsetWidth - flipW) / 2;\n\t\t\t\t}\n\n\t\t\t\tif (isFlipped.value) {\n\t\t\t\t\tflipIcon.style.left = 'unset';\n\t\t\t\t\tflipIcon.style.right = pos + 'px';\n\t\t\t\t\tflipIcon.style.transform = 'scaleX(-1)';\n\t\t\t\t} else {\n\t\t\t\t\tflipIcon.style.right = 'unset';\n\t\t\t\t\tflipIcon.style.left = pos + 'px';\n\t\t\t\t\tflipIcon.style.transform = 'scaleX(1)';\n\t\t\t\t}\n\n\t\t\t\tflipIcon.style.bottom = '-28px';\n\t\t\t},\n\n\t\t\ttransformSticker() {\n\t\t\t\tlet sticker = document.querySelector('#sticker');\n\t\t\t\tif (!isMobile.value) {\n\t\t\t\t\tsticker = document.querySelector('#stickerddr');\n\t\t\t\t\tsticker.style.transform = isFlipped.value\n\t\t\t\t\t\t? `rotate(${placement.angle}deg) scaleX(-1)`\n\t\t\t\t\t\t: `rotate(${placement.angle}deg) scaleX(1)`;\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsticker.style.transform = isFlipped.value\n\t\t\t\t\t? `rotate(${placement.angle}deg) scaleX(-1)`\n\t\t\t\t\t: `rotate(${placement.angle}deg) scaleX(1)`;\n\t\t\t},\n\n\t\t\tclose() {\n\t\t\t\tctx.emit('onClose');\n\t\t\t},\n\n\t\t\tgetIcon(value) {\n\t\t\t\tlet bits = value;\n\t\t\t\tif (typeof bits === 'string') {\n\t\t\t\t\tbits = Number(bits.replaceAll(',', ''));\n\t\t\t\t}\n\n\t\t\t\treturn getBitIcon(bits);\n\t\t\t},\n\n\t\t\tcancelEvent(event) {\n\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t},\n\n\t\t\tsetActive() {\n\t\t\t\tisActive.value = true;\n\t\t\t\tif (isRandomPlacement.value) {\n\t\t\t\t\tisActive.value = false;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tsetPlacement(dimension) {\n\t\t\t\tconst sticker = document.querySelector('#stickerddr');\n\t\t\t\t// placement.x = dimension.x;\n\t\t\t\t// placement.y = dimension.y;\n\t\t\t\tplacement.angle = dimension.angle;\n\t\t\t\tactions.setOuterBounds();\n\t\t\t\t// sticker.style.transform = isFlipped.value\n\t\t\t\t// \t? `rotate(${placement.angle}deg) scaleX(-1)`\n\t\t\t\t// \t: `rotate(${placement.angle}deg) scaleX(1)`;\n\t\t\t},\n\n\t\t\tuseSticker() {\n\t\t\t\tif (isLoading.value || !isImageLoaded.value) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Set Angle 0 to reset the sticker positions after rotation\n\t\t\t\tconst angle = placement.angle;\n\t\t\t\tif (placement.angle > 0 || placement.angle < 0) {\n\t\t\t\t\tplacement.angle = 0;\n\t\t\t\t}\n\n\t\t\t\tlet slap;\n\t\t\t\tisLoading.value = true;\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tslap = actions.calculatePlacement();\n\t\t\t\t\tlet image;\n\t\t\t\t\tif (!props.sticker.tts) {\n\t\t\t\t\t\timage = document.getElementById('normalImage');\n\t\t\t\t\t\tslap.h = image.height;\n\t\t\t\t\t\tslap.w = image.width;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reset Angle\n\t\t\t\t\tplacement.angle = angle;\n\t\t\t\t\tslap.a = angle;\n\n\t\t\t\t\tisLoading.value = false;\n\n\t\t\t\t\tctx.emit('onUseSticker', slap);\n\t\t\t\t\tactions.close();\n\t\t\t\t}, 500);\n\t\t\t},\n\n\t\t\tcalculatePlacement() {\n\t\t\t\tconst sticker = document.querySelector('#sticker');\n\t\t\t\tconst stream = document.querySelector('#streamView');\n\n\t\t\t\tconst stickerRect = sticker.getBoundingClientRect();\n\t\t\t\tconst streamRect = stream.getBoundingClientRect();\n\n\t\t\t\tconst height = stickerRect.height;\n\t\t\t\tconst width = stickerRect.width;\n\n\t\t\t\tconst left = stickerRect.left - streamRect.left;\n\t\t\t\tconst top = stickerRect.top - streamRect.top;\n\n\t\t\t\tconst bottom = streamRect.bottom - stickerRect.bottom;\n\t\t\t\tconst right = streamRect.right - stickerRect.right;\n\n\t\t\t\tconst slap = {\n\t\t\t\t\tleft: left, // Distance in px from Left\n\t\t\t\t\ttop: top, // Distance in px from Top\n\t\t\t\t\tbottom: bottom, // Distance in px from Bottom\n\t\t\t\t\tright: right, // Distance in px from Right\n\t\t\t\t\tw: width, // Sticker Width in px for this action\n\t\t\t\t\th: height, // Sticker Height in px for this action\n\t\t\t\t\tboxWidth: streamRect.width, // Box Width\n\t\t\t\t\tboxHeight: streamRect.height, // Box Width\n\t\t\t\t\ta: placement.angle, // Sticker Rotation Angle\n\t\t\t\t\tisFlipped: isFlipped.value, // Sticker is Flipped or not\n\t\t\t\t\tisRandomPlacement: isRandomPlacement.value, // Sticker Random Placement is enabled or not\n\t\t\t\t};\n\n\t\t\t\treturn slap;\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tisLoading,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tisMobile,\n\t\t\tpopupWidth,\n\t\t\tstreamBox,\n\t\t\tisRandomPlacement,\n\t\t\tstickerDimensions,\n\t\t\tisActive,\n\t\t\tplacement,\n\t\t\tbitsValue,\n\t\t\touterBounds,\n\t\t\tboundingBox,\n\t\t\tisFlipped,\n\n\t\t\tstreamThumb,\n\n\t\t\tactions,\n\n\t\t\tgetStickerImagePath,\n\t\t\tgetStickerRendererImagePath,\n\t\t\ticons: {\n\t\t\t\trotate: mdiRotateRight,\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.popup-header {\n\tposition: relative;\n\theight: auto !important;\n\tpadding: 12px !important;\n}\n\n.close-icon {\n\tposition: absolute;\n\ttop: 5px;\n\tright: 5px;\n\tz-index: 2;\n}\n\n.stream-view {\n\tposition: relative;\n\twidth: 100%;\n\tmax-width: 100%;\n\toverflow: hidden;\n\theight: 125px;\n\tborder: 1px solid var(--v-primary-base);\n\tmargin: auto;\n\n\t.random-text {\n\t\tposition: absolute;\n\t\twidth: 90%;\n\t\tbottom: 8px;\n\t\tleft: 5%;\n\t}\n\n\t#stickerImage,\n\t#stickerddr {\n\t\tposition: absolute;\n\t\ttop: 60%;\n\t\tleft: 35%;\n\t\ttransform: translate(-50%, -50%) rotate(0deg) scaleX(1);\n\n\t\t.flip-panel-icon {\n\t\t\tposition: absolute;\n\t\t\tbottom: -28px;\n\t\t\tleft: 38%;\n\t\t}\n\n\t\t.flip-panel-icon:hover,\n\t\t.flip-mobile-icon:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t.icons {\n\t\t\tposition: absolute;\n\n\t\t\t.rotate-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -28px;\n\t\t\t\tright: -10px;\n\t\t\t}\n\n\t\t\t.flip-mobile-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -28px;\n\t\t\t\tleft: 38%;\n\t\t\t}\n\n\t\t\t.flip-panel-icon:hover,\n\t\t\t.flip-mobile-icon:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t#sticker {\n\t\t\tposition: relative;\n\n\t\t\t.rotate-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -28px;\n\t\t\t\tright: -10px;\n\t\t\t}\n\n\t\t\t.flip-mobile-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -28px;\n\t\t\t\tleft: 38%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.loading-overlay {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n\tbackground: black;\n}\n\n#normalImage {\n\twidth: auto;\n\theight: auto;\n\tmax-width: 100%;\n\tmax-height: 100%;\n}\n\n.sticker_border {\n\tborder: 3px dotted white !important;\n\tbackground: rgba(255, 255, 255, 0.3) !important;\n\tborder-radius: 10px !important;\n\tpadding: 1px;\n}\n\n#stickerddr:hover {\n\tcursor: all-scroll !important;\n}\n\n.drr::before {\n\tborder: none !important;\n\toutline: none !important;\n}\n\n.drr.inactive,\n.drr.inactive,\n.ddr.disabled-ddr,\n.drr.active,\n.drr {\n\tborder: 3px dotted white !important;\n\tborder-radius: 10px !important;\n\tpadding: 1px !important;\n}\n\n.drr.disabled-ddr {\n\tborder: none !important;\n}\n\n.slap-btn {\n\twidth: 100% !important;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LocationDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LocationDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LocationDialog.vue?vue&type=template&id=088e22c9&scoped=true&\"\nimport script from \"./LocationDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./LocationDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LocationDialog.vue?vue&type=style&index=0&id=088e22c9&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"088e22c9\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.subscribeDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 364,\"retain-focus\":false,\"persistent\":\"\"},model:{value:(_vm.subscribeDialog),callback:function ($$v) {_vm.subscribeDialog=$$v},expression:\"subscribeDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\",class:_vm.isMobile && 'overflow-auto'},[_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\" Subscriber Only \"),_c('br'),_vm._v(\" Sticker! \")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})]:[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100\"}})],_c('div',{staticClass:\"d-flex mt-5 mb-3\"},[_c('div',{staticClass:\"mr-1\"},[_c('img',{attrs:{\"src\":require(\"@/assets/icons/icon_subonly.png\"),\"alt\":\"Reward\"}})]),_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"fs--12 fw--600 popup-footer-text\"},[_vm._v(\" You’ll need to be a channel subscriber to unlock this sticker! \")])])]),_c('v-btn',{staticClass:\"fs--15 fw--600 mt-4 mb-3 action-btn text-uppercase\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.subscribe}},[_vm._v(\" Subscribe Now \")])],2)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog v-if=\"subscribeDialog\" v-model=\"subscribeDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\" :class=\"isMobile && 'overflow-auto'\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">\n\t\t\t\t\t\t\tSubscriber Only <br />\n\t\t\t\t\t\t\tSticker!\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<v-img :src=\"getStickerImagePath(sticker)\" width=\"100%\" contain height=\"100\"></v-img>\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<div class=\"d-flex mt-5 mb-3\">\n\t\t\t\t\t\t\t\t<div class=\"mr-1\">\n\t\t\t\t\t\t\t\t\t<img src=\"@/assets/icons/icon_subonly.png\" alt=\"Reward\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\t\tYou’ll need to be a channel subscriber to unlock this sticker!\n\t\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"fs--15 fw--600 mt-4 mb-3 action-btn text-uppercase\"\n\t\t\t\t\t\t\t\t@click=\"subscribe\">\n\t\t\t\t\t\t\t\tSubscribe Now\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nimport { getStickerImagePath } from '@/utils/utils';\nimport { mdiClose } from '@mdi/js';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS\n\t},\n\tprops: {\n\t\tsubscribeDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: Object,\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\t\tconst streamerDisplayName = computed(() => store.state.streamerDisplayName);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst subscribe = () => {\n\t\t\twindow.open(`https://www.twitch.tv/subs/${streamerDisplayName.value}`, '_blank');\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = (event) => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\tstreamerDisplayName,\n\t\t\tsubscribe,\n\t\t\tgetStickerImagePath,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubscribeDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubscribeDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubscribeDialog.vue?vue&type=template&id=b2d275a0&\"\nimport script from \"./SubscribeDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./SubscribeDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.soundDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 395,\"persistent\":\"\",\"retain-focus\":false},model:{value:(_vm.soundDialog),callback:function ($$v) {_vm.soundDialog=$$v},expression:\"soundDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\",class:_vm.isMobile && 'overflow-auto'},[_c('div',{staticClass:\"popup-header success pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('div',{staticClass:\"header\"},[_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\"Preview Audio\")]),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text pt-2\"},[_vm._v(\" \"+_vm._s(_vm.sticker && _vm.sticker.name.length > 16 ? _vm.sticker.name.substr(0, 16) + '...' : _vm.sticker.name)+\" \")])])]),_c('div',{staticClass:\"popup-body pt-2\"},[_c('div',{staticClass:\"popup-content\",class:_vm.size === 'sm' && 'mt--2'},[_c('v-row',{attrs:{\"no-gutters\":\"\",\"align\":\"center\"}},[_c('v-col',{class:_vm.size === 'md' && 'pr-2',attrs:{\"cols\":12}},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})]:[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100\"}})]],2),_c('v-col',{class:_vm.size === 'md' && 'pl-2',attrs:{\"cols\":12}},[[_c('p',{staticClass:\"fw--500 fs--14 mt-2 mb-2 white--text\"},[_vm._v(\" Preview: Only you will hear it. \")]),_c('MusicPlayer',{attrs:{\"id\":'voice-preview-' + _vm.sticker.id,\"audio\":_vm.soundUrl}}),_c('p',{staticClass:\"fw--500 fs--14 mt-2 mb-2 white--text\"},[_vm._v(\" Play Now: Everyone will hear it. \")])]],2),(!_vm.errorMessage)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"mt-1 action-btn text-uppercase py-7\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.useSticker}},[_c('div',{staticClass:\"d-flex justify-center flex-column\"},[_c('strong',{staticClass:\"fs--13\"},[_vm._v(\"Play Now on Stream\")]),_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{attrs:{\"src\":_vm.getIcon(_vm.bitsValue),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('strong',{staticClass:\"fs--13\"},[_vm._v(_vm._s(_vm.bitsValue))])])])])],1):_c('v-col',[_c('p',{staticClass:\"font-weight-bold\",class:_vm.getThemeColor},[_vm._v(_vm._s(_vm.errorMessage))])])],1)],1)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"music-player\"},[(_vm.isWaveLoading)?_c('div',{staticClass:\"text-center mt-3\"},[_c('span',{staticClass:\"fs--14 tab--text\"},[_vm._v(\"Loading Audio Preview...\")])]):_vm._e(),_c('div',{staticClass:\"d-flex align-center\"},[(!_vm.isWaveLoading)?_c('v-btn',{staticClass:\"mr-4\",attrs:{\"fab\":\"\",\"x-small\":\"\",\"color\":\"white\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.actions.play()}}},[_c('v-icon',{attrs:{\"color\":\"pink\"}},[_vm._v(_vm._s(_vm.isPlaying ? _vm.icons.pause : _vm.icons.play))])],1):_vm._e(),_c('div',{staticClass:\"waveform\",staticStyle:{\"width\":\"100%\",\"max-width\":\"100%\",\"height\":\"35px\",\"overflow-x\":\"hidden\"},attrs:{\"id\":_vm.id}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"music-player\">\n\t\t<div v-if=\"isWaveLoading\" class=\"text-center mt-3\">\n\t\t\t<span class=\"fs--14 tab--text\">Loading Audio Preview...</span>\n\t\t</div>\n\t\t<div class=\"d-flex align-center\">\n\t\t\t<v-btn v-if=\"!isWaveLoading\" fab x-small color=\"white\" class=\"mr-4\" depressed @click=\"actions.play()\">\n\t\t\t\t<v-icon color=\"pink\">{{ isPlaying ? icons.pause : icons.play }}</v-icon>\n\t\t\t</v-btn>\n\t\t\t<div :id=\"id\" class=\"waveform\" style=\"width: 100%; max-width: 100%; height: 35px; overflow-x: hidden\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { onMounted, onUnmounted, ref, toRef, watch } from 'vue';\nimport WaveSurfer from 'wavesurfer.js';\nimport { mdiPlay, mdiPause } from '@mdi/js';\n\nexport default {\n\tprops: {\n\t\tid: {\n\t\t\ttype: String,\n\t\t},\n\t\taudio: {\n\t\t\ttype: String,\n\t\t},\n\t\tuploadPreview: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tsetup(props) {\n\t\tlet wavesurfer = null;\n\t\tconst isPlaying = ref(false);\n\t\tconst isWaveLoading = ref(false);\n\n\t\t// Watch for changes in the audio prop so we can reload.\n\t\tconst audioUrl = toRef(props, 'audio');\n\t\twatch(audioUrl, newVal => {\n\t\t\tloadAudio();\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tloadAudio();\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\twavesurfer.destroy();\n\t\t});\n\n\t\tconst loadAudio = () => {\n\t\t\tif (!wavesurfer) {\n\t\t\t\twavesurfer = WaveSurfer.create({\n\t\t\t\t\tcontainer: '#' + props.id,\n\t\t\t\t\theight: 35,\n\t\t\t\t\twaveColor: '#51f2f7',\n\t\t\t\t\tprogressColor: '#f801fa',\n\t\t\t\t\tcursorColor: '#f801fa',\n\t\t\t\t\tbarGap: 3,\n\t\t\t\t\tbarWidth: 3,\n\t\t\t\t\tbarHeight: 100,\n\t\t\t\t\tbarRadius: 2,\n\t\t\t\t\tfillParent: true,\n\t\t\t\t\thideScrollbar: true,\n\t\t\t\t\tnormalize: true,\n\t\t\t\t\tmediaControls: true,\n\t\t\t\t\turl: props.audio,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\twavesurfer.load(audioUrl.value);\n\n\t\t\tisWaveLoading.value = true;\n\n\t\t\twavesurfer.on('ready', function () {\n\t\t\t\tisWaveLoading.value = false;\n\t\t\t});\n\t\t};\n\n\t\tconst actions = {\n\t\t\tplay() {\n\t\t\t\tif (wavesurfer.isPlaying()) {\n\t\t\t\t\twavesurfer.pause();\n\t\t\t\t\tisPlaying.value = false;\n\t\t\t\t} else {\n\t\t\t\t\twavesurfer.play();\n\t\t\t\t\twavesurfer.setVolume(0.15);\n\t\t\t\t\tisPlaying.value = true;\n\n\t\t\t\t\twavesurfer.on('finish', () => {\n\t\t\t\t\t\tisPlaying.value = false;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t},\n\t\t};\n\n\t\treturn {\n\t\t\tisPlaying,\n\t\t\tisWaveLoading,\n\t\t\twavesurfer,\n\t\t\tactions,\n\t\t\ticons: {\n\t\t\t\tplay: mdiPlay,\n\t\t\t\tpause: mdiPause,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.waveform {\n\twidth: 100%;\n\tmax-width: 100% !important;\n\toverflow: hidden !important;\n}\n\n/* #waveform::part(cursor) {\n    height: 120px;\n    top: 28px;\n    border-radius: 4px;\n    border: 1px solid #fff;\n    display: none;\n} */\n\n/* #waveform ::part(cursor):after {\n    content: '🏄';\n    font-size: 1.5em;\n    position: absolute;\n    left: 0;\n    top: -28px;\n    transform: translateX(-50%);\n} */\n</style>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MusicPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MusicPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MusicPlayer.vue?vue&type=template&id=10132703&scoped=true&\"\nimport script from \"./MusicPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./MusicPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MusicPlayer.vue?vue&type=style&index=0&id=10132703&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"10132703\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog\n\t\t\tv-if=\"soundDialog\"\n\t\t\tv-model=\"soundDialog\"\n\t\t\t:max-width=\"size === 'sm' ? 295 : 395\"\n\t\t\tpersistent\n\t\t\t:retain-focus=\"false\">\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\" :class=\"isMobile && 'overflow-auto'\">\n\t\t\t\t\t<div class=\"popup-header success pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">Preview Audio</h4>\n\t\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-2\">\n\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\tsticker && sticker.name.length > 16\n\t\t\t\t\t\t\t\t\t\t? sticker.name.substr(0, 16) + '...'\n\t\t\t\t\t\t\t\t\t\t: sticker.name\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body pt-2\">\n\t\t\t\t\t\t<div class=\"popup-content\" :class=\"size === 'sm' && 'mt--2'\">\n\t\t\t\t\t\t\t<v-row no-gutters align=\"center\">\n\t\t\t\t\t\t\t\t<v-col :cols=\"12\" :class=\"size === 'md' && 'pr-2'\">\n\t\t\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t\t\t<v-img\n\t\t\t\t\t\t\t\t\t\t\t:src=\"getStickerImagePath(sticker)\"\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\tcontain\n\t\t\t\t\t\t\t\t\t\t\theight=\"100\"></v-img>\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t</v-col>\n\n\t\t\t\t\t\t\t\t<v-col :cols=\"12\" :class=\"size === 'md' && 'pl-2'\">\n\t\t\t\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t\t\t\t<p class=\"fw--500 fs--14 mt-2 mb-2 white--text\">\n\t\t\t\t\t\t\t\t\t\t\tPreview: Only you will hear it.\n\t\t\t\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t\t\t\t<MusicPlayer :id=\"'voice-preview-' + sticker.id\" :audio=\"soundUrl\" />\n\n\t\t\t\t\t\t\t\t\t\t<p class=\"fw--500 fs--14 mt-2 mb-2 white--text\">\n\t\t\t\t\t\t\t\t\t\t\tPlay Now: Everyone will hear it.\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t</v-col>\n\n\t\t\t\t\t\t\t\t<v-col cols=\"12\" v-if=\"!errorMessage\">\n\t\t\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\tclass=\"mt-1 action-btn text-uppercase py-7\"\n\t\t\t\t\t\t\t\t\t\t@click=\"useSticker\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-center flex-column\">\n\t\t\t\t\t\t\t\t\t\t\t<strong class=\"fs--13\">Play Now on Stream</strong>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"getIcon(bitsValue)\" width=\"15\" alt=\"Bits\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<strong class=\"fs--13\">{{ bitsValue }}</strong>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t\t<v-col v-else>\n\t\t\t\t\t\t\t\t\t<p class=\"font-weight-bold\" :class=\"getThemeColor\">{{ errorMessage }}</p>\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed } from 'vue';\nimport { useStore } from '@/store';\nimport { mdiClose } from '@mdi/js';\nimport { getBitIcon, getStickerSoundPath, getStickerImagePath } from '@/utils/utils';\nimport MusicPlayer from '@/components/panel/Stickers/MusicPlayer.vue';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS,\n\t\tMusicPlayer,\n\t},\n\tprops: {\n\t\tsoundDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\temits: ['useSticker'],\n\tsetup(props, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst text = ref('');\n\t\tconst errorMessage = ref('');\n\n\t\tconsole.log(props.sticker);\n\n\t\t// TODO do not load from local storage in a computed property.\n\t\tconst ttsMessageLength = computed(() => {\n\t\t\treturn store.state.ttsMessageMaxLength;\n\t\t});\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\n\t\tconst soundUrl = computed(() => {\n\t\t\treturn getStickerSoundPath(props.sticker);\n\t\t});\n\n\t\tconst getThemeColor = computed(() => {\n\t\t\tif (theme.value === 'red' || theme.value === 'pink') {\n\t\t\t\treturn 'yellow--text';\n\t\t\t}\n\n\t\t\treturn 'red--text';\n\t\t});\n\n\t\tconst bitsValue = computed(() => {\n\t\t\tif (props.sticker.bits && props.sticker.bits !== 0) {\n\t\t\t\treturn props.sticker.bits\n\t\t\t\t\t? props.sticker.bits.toLocaleString()\n\t\t\t\t\t: Number(props.sticker.sku.split('_')[1]).toLocaleString();\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\tconst close = () => {\n\t\t\tctx.emit('close');\n\t\t};\n\n\t\tconst useSticker = () => {\n\t\t\tctx.emit('useSticker');\n\n\t\t\t// const payload = { text: text.value };\n\t\t\t// errorMessage.value = null;\n\n\t\t\t// axios.post('/tts-word-check', payload).then(res => {\n\t\t\t// \tif (res.data.allowed) {\n\t\t\t// \t\tctx.emit('useSticker', text.value);\n\t\t\t// \t\ttext.value = '';\n\t\t\t// \t} else {\n\t\t\t// \t\terrorMessage.value = res.data.reason;\n\t\t\t// \t\tsetTimeout(() => {\n\t\t\t// \t\t\terrorMessage.value = null;\n\t\t\t// \t\t}, 5000);\n\t\t\t// \t}\n\t\t\t// });\n\t\t};\n\n\t\tconst getIcon = value => {\n\t\t\tlet bits = value;\n\t\t\tif (typeof bits === 'string') {\n\t\t\t\tbits = Number(bits.replaceAll(',', ''));\n\t\t\t}\n\n\t\t\treturn getBitIcon(bits);\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\ttext,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tbitsValue,\n\t\t\tcancelEvent,\n\t\t\tuseSticker,\n\t\t\tgetIcon,\n\t\t\tsoundUrl,\n\t\t\tgetStickerImagePath,\n\t\t\tttsMessageLength,\n\t\t\tgetThemeColor,\n\t\t\terrorMessage,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style scoped>\n.mt--2 {\n\tmargin-top: -10px !important;\n}\n\n.header {\n\tmargin-top: -30px !important;\n}\n\n.close-icon {\n\tposition: relative;\n\tz-index: 9 !important;\n}\n\n.counter {\n\tmin-width: 60px !important;\n\ttext-align: right;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SoundDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SoundDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SoundDialog.vue?vue&type=template&id=803d8614&scoped=true&\"\nimport script from \"./SoundDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./SoundDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SoundDialog.vue?vue&type=style&index=0&id=803d8614&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"803d8614\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.coolDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 364,\"retain-focus\":false,\"persistent\":\"\"},model:{value:(_vm.coolDialog),callback:function ($$v) {_vm.coolDialog=$$v},expression:\"coolDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\"},[_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"}),_c('h4',{staticClass:\"fs--14 fw--600 popup-header-text cooldown\"},[_vm._v(\" \"+_vm._s(_vm.viewerDisplayName)+\" SLAPPED A \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.sticker.name)+\" STICKER FOR \"+_vm._s(_vm.stickerBits)+\" Bits \")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})]:[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100\"}})],_c('p',{staticClass:\"fs--12 mt-3 fw--800 popup-footer-text\"},[_vm._v(_vm._s(_vm.popupFooterText))]),_c('h1',{staticClass:\"fs--30 fw--600 mt-8 mb-3 popup-footer-text\"},[_vm._v(_vm._s(_vm.time))])],2)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog v-if=\"coolDialog\" v-model=\"coolDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--14 fw--600 popup-header-text cooldown\">\n\t\t\t\t\t\t\t{{ viewerDisplayName }} SLAPPED A <br />\n\t\t\t\t\t\t\t{{ sticker.name }} STICKER FOR {{ stickerBits }} Bits\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<v-img :src=\"getStickerImagePath(sticker)\" width=\"100%\" contain height=\"100\"></v-img>\n\t\t\t\t\t\t\t</template>\n\n\t\t\t\t\t\t\t<p class=\"fs--12 mt-3 fw--800 popup-footer-text\">{{ popupFooterText }}</p>\n\t\t\t\t\t\t\t<h1 class=\"fs--30 fw--600 mt-8 mb-3 popup-footer-text\">{{ time }}</h1>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from '@/store';\nimport { StickerType } from '@/utils/constants';\nimport { getStickerImagePath } from '@/utils/utils';\nimport { mdiClose } from '@mdi/js';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS,\n\t},\n\tprops: {\n\t\tcoolDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: Object,\n\t},\n\temits: ['onClose'],\n\tsetup(props, ctx) {\n\t\tconst store = useStore();\n\n\t\t// Load cooldown values.\n\t\tconst timer = ref(null);\n\t\tconst time = ref(0);\n\t\tif (!store.state.isPartyModeOn) {\n\t\t\ttime.value = store.state.cooldownTime;\n\t\t} else {\n\t\t\ttime.value = store.state.partyModeCooldownTime;\n\t\t}\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst viewerDisplayName = computed(() => store.state.viewerDisplayName);\n\n\t\tconst stickerBits = computed(() => {\n\t\t\tif (!store.state.isPartyModeOn) {\n\t\t\t\treturn props.sticker.bits;\n\t\t\t} else {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t});\n\n\t\t// We show a different footer message for TTS stickers where the streamer manually approves.\n\t\tconst popupFooterText = computed(() => {\n\t\t\tif (props.sticker.stickerType == StickerType.TTS && store.state.ttsIsManuallyApproveAllStickers) {\n\t\t\t\treturn 'Your TTS message has been sent to the moderation queue. It will only be shown if approved by the broadcaster.';\n\t\t\t} else {\n\t\t\t\treturn 'Please wait...!!!';\n\t\t\t}\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tsetTimer();\n\t\t});\n\n\t\tconst setTimer = () => {\n\t\t\ttimer.value = setInterval(() => {\n\t\t\t\tif (time.value > 0) {\n\t\t\t\t\ttime.value--;\n\t\t\t\t} else {\n\t\t\t\t\tclearTimer();\n\t\t\t\t}\n\t\t\t}, 1000);\n\t\t};\n\n\t\tconst clearTimer = () => {\n\t\t\tclearInterval(timer.value);\n\t\t\tclose();\n\t\t};\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\ttime,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\tgetStickerImagePath,\n\t\t\tviewerDisplayName,\n\t\t\tstickerBits,\n\t\t\tpopupFooterText,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./CooldownDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./CooldownDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CooldownDialog.vue?vue&type=template&id=406b74c4&\"\nimport script from \"./CooldownDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./CooldownDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.successDialog)?_c('v-dialog',{attrs:{\"max-width\":_vm.size === 'sm' ? 295 : 364,\"retain-focus\":false,\"persistent\":\"\"},model:{value:(_vm.successDialog),callback:function ($$v) {_vm.successDialog=$$v},expression:\"successDialog\"}},[_c('div',{class:`${_vm.theme}-theme`,on:{\"click\":_vm.cancelEvent,\"dblclick\":_vm.cancelEvent}},[_c('div',{staticClass:\"popup pa-0\"},[_c('div',{staticClass:\"popup-header success pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"}),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text mt-2\"},[_vm._v(\"Success!\")])]),_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[(_vm.sticker.stickerType === 'TTS')?[_c('AssetsTTS',{attrs:{\"sticker\":_vm.sticker,\"list\":false,\"popupMd\":true}})]:[_c('v-img',{attrs:{\"src\":_vm.getStickerImagePath(_vm.sticker),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100\"}})],_c('p',{staticClass:\"fw--600 fs--13 white--text mt-3\"},[_vm._v(\" You slapped a \"+_vm._s(_vm.sticker.name)+\" sticker for 0 Bits \")])],2)])])])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<v-dialog v-if=\"successDialog\" v-model=\"successDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header success pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text mt-2\">Success!</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<template v-if=\"sticker.stickerType === 'TTS'\">\n\t\t\t\t\t\t\t\t<AssetsTTS :sticker=\"sticker\" :list=\"false\" :popupMd=\"true\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t<v-img :src=\"getStickerImagePath(sticker)\" width=\"100%\" contain height=\"100\"></v-img>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 white--text mt-3\">\n\t\t\t\t\t\t\t\tYou slapped a {{ sticker.name }} sticker for 0 Bits\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog>\n\t</div>\n</template>\n\n<script>\nimport { computed, onMounted } from 'vue';\nimport { useStore } from '@/store';\nimport { getStickerImagePath } from '@/utils/utils';\nimport { mdiClose } from '@mdi/js';\nimport AssetsTTS from '@/components/panel/Stickers/AssetsTTS.vue';\n\nexport default {\n\tcomponents: {\n\t\tAssetsTTS\n\t},\n\tprops: {\n\t\tsuccessDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tsticker: Object,\n\t},\n\temits: ['onClose'],\n\tsetup(props, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = (event) => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\t// Close automatically after display.\n\t\t\tsetTimeout(() => {\n\t\t\t\tclose();\n\t\t\t}, 5000);\n\t\t})\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\tgetStickerImagePath,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n\n<style scoped>\n.popup-header-text {\n\tpadding-top: 15px !important;\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BroadcasterSuccessDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./BroadcasterSuccessDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BroadcasterSuccessDialog.vue?vue&type=template&id=30ec0330&scoped=true&\"\nimport script from \"./BroadcasterSuccessDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./BroadcasterSuccessDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BroadcasterSuccessDialog.vue?vue&type=style&index=0&id=30ec0330&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"30ec0330\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.errorDialog)?_c('PopupDialog',{scopedSlots:_vm._u([{key:\"popupHeader\",fn:function(){return [_c('div',{staticClass:\"popup-header success pa-0 text-center\"},[_c('div',{staticClass:\"text-right pa-1\"},[_c('v-btn',{staticClass:\"close-icon\",attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(_vm._s(_vm.icons.mdiClose))])],1)],1),_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text\"},[_vm._v(\"Extension Offline\")])])]},proxy:true},{key:\"popupBody\",fn:function(){return [_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[_c('v-img',{attrs:{\"src\":require(\"@/assets/images/error.png\"),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100%\"}}),_c('p',{staticClass:\"fw--600 fs--13 white--text\"},[_vm._v(\" We're currently offline for maintenance! We'll be back soon! \")])],1)])]},proxy:true}],null,false,3337792024)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<!-- <v-dialog v-if=\"errorDialog\" v-model=\"errorDialog\" :max-width=\"size === 'sm' ? 295 : 364\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header success pa-0 text-center\">\n\t\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">Extension Offline</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<v-img src=\"@/assets/images/error.png\" width=\"100%\" contain height=\"100%\"></v-img>\n\t\t\t\t\t\t\t<p class=\"fw--600 fs--13 white--text\">\n\t\t\t\t\t\t\t\tWe're currently offline for maintenance! We'll be back soon!\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog> -->\n\n\t\t<PopupDialog v-if=\"errorDialog\">\n\t\t\t<template #popupHeader>\n\t\t\t\t<div class=\"popup-header success pa-0 text-center\">\n\t\t\t\t\t<div class=\"text-right pa-1\">\n\t\t\t\t\t\t<v-btn class=\"close-icon\" small icon @click=\"close\">\n\t\t\t\t\t\t\t<v-icon size=\"18\">{{ icons.mdiClose }}</v-icon>\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text\">Extension Offline</h4>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #popupBody>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<v-img src=\"@/assets/images/error.png\" width=\"100%\" contain height=\"100%\"></v-img>\n\t\t\t\t\t\t<p class=\"fw--600 fs--13 white--text\">\n\t\t\t\t\t\t\tWe're currently offline for maintenance! We'll be back soon!\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</PopupDialog>\n\t</div>\n</template>\n\n<script>\nimport { computed } from 'vue';\nimport { useStore } from '@/store';\nimport { mdiClose } from '@mdi/js';\nimport PopupDialog from '@/components/panel/PopupDialog.vue';\n\nexport default {\n\tcomponents: {\n\t\tPopupDialog\n\t},\n\tprops: {\n\t\terrorDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ExtensionOffline.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ExtensionOffline.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExtensionOffline.vue?vue&type=template&id=0f236e1c&\"\nimport script from \"./ExtensionOffline.vue?vue&type=script&lang=js&\"\nexport * from \"./ExtensionOffline.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.userIdDialog)?_c('PopupDialog',{scopedSlots:_vm._u([{key:\"popupHeader\",fn:function(){return [_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text pt-9\"},[_vm._v(\"Click to Enable!\")])])]},proxy:true},{key:\"popupBody\",fn:function(){return [_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[_c('v-img',{attrs:{\"src\":require(\"@/assets/images/logo.png\"),\"contain\":\"\",\"height\":\"100%\"}}),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"fs--12 fw--600 popup-footer-text\"},[_vm._v(\" Authorize this extension to slap stickers on the live stream! \")])])]),_c('v-btn',{staticClass:\"fs--15 fw--600 mt-4 action-btn text-uppercase\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.promptForPermission}},[_vm._v(\" ENABLE \")])],1)])]},proxy:true}],null,false,3049590861)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<!-- <v-dialog v-if=\"userIdDialog\" v-model=\"userIdDialog\" :max-width=\"size === 'sm' ? 295 : 364\" max-height=\"90vh\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Click to Enable!</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<v-img src=\"@/assets/images/logo.png\" contain height=\"100%\"></v-img>\n\n\t\t\t\t\t\t\t<div class=\"d-flex\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\t\tAuthorize this extension to slap stickers on the live stream!\n\t\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"fs--15 fw--600 mt-4 action-btn text-uppercase\"\n\t\t\t\t\t\t\t\t@click=\"promptForPermission\">\n\t\t\t\t\t\t\t\tENABLE\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog> -->\n\n\t\t<PopupDialog v-if=\"userIdDialog\">\n\t\t\t<template #popupHeader>\n\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Click to Enable!</h4>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #popupBody>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<v-img src=\"@/assets/images/logo.png\" contain height=\"100%\"></v-img>\n\n\t\t\t\t\t\t<div class=\"d-flex\">\n\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\tAuthorize this extension to slap stickers on the live stream!\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\tclass=\"fs--15 fw--600 mt-4 action-btn text-uppercase\"\n\t\t\t\t\t\t\t@click=\"promptForPermission\">\n\t\t\t\t\t\t\tENABLE\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</PopupDialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nimport { mdiClose } from '@mdi/js';\nimport PopupDialog from '@/components/panel/PopupDialog.vue';\n\nexport default {\n\tcomponents: {\n\t\tPopupDialog,\n\t},\n\tprops: {\n\t\tuserIdDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\t\tconst streamerDisplayName = computed(() => store.state.streamerDisplayName);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst promptForPermission = () => {\n\t\t\twindow.Twitch.ext.actions.requestIdShare(function () {});\n\t\t\t//ctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\tstreamerDisplayName,\n\t\t\tpromptForPermission,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UserIdAccessDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UserIdAccessDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserIdAccessDialog.vue?vue&type=template&id=baa29a30&\"\nimport script from \"./UserIdAccessDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./UserIdAccessDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.loginDialog)?_c('PopupDialog',{scopedSlots:_vm._u([{key:\"popupHeader\",fn:function(){return [_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text pt-9\"},[_vm._v(\"Must Be Logged In!\")])])]},proxy:true},{key:\"popupBody\",fn:function(){return [_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content\"},[_c('v-img',{attrs:{\"src\":require(\"@/assets/images/logo.png\"),\"width\":\"100%\",\"contain\":\"\",\"height\":\"100%\"}}),_c('div',{staticClass:\"d-flex mt-5 mb-3\"},[_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"fs--12 fw--600 popup-footer-text\"},[_vm._v(\" You must be logged into Twitch to use this extension. \")])])])],1)])]},proxy:true}],null,false,32206760)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<!-- <v-dialog v-if=\"loginDialog\" v-model=\"loginDialog\" :max-width=\"size === 'sm' ? 295 : 364\" max-height=\"90vh\" :retain-focus=\"false\" persistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Must Be Logged In!</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t\t<v-img src=\"@/assets/images/logo.png\" width=\"100%\" contain height=\"100%\"></v-img>\n\n\t\t\t\t\t\t\t<div class=\"d-flex mt-5 mb-3\">\n\t\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\t\tYou must be logged into Twitch to use this extension.\n\t\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog> -->\n\t\t<PopupDialog v-if=\"loginDialog\">\n\t\t\t<template #popupHeader>\n\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Must Be Logged In!</h4>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #popupBody>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<v-img src=\"@/assets/images/logo.png\" width=\"100%\" contain height=\"100%\"></v-img>\n\n\t\t\t\t\t\t<div class=\"d-flex mt-5 mb-3\">\n\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\tYou must be logged into Twitch to use this extension.\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</PopupDialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nimport { mdiClose } from '@mdi/js';\nimport PopupDialog from '@/components/panel/PopupDialog.vue';\n\nexport default {\n\tcomponents: {\n\t\tPopupDialog\n\t},\n\tprops: {\n\t\tloginDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MustBeLoggedInDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MustBeLoggedInDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MustBeLoggedInDialog.vue?vue&type=template&id=542116d8&\"\nimport script from \"./MustBeLoggedInDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./MustBeLoggedInDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.errorMsgDialog)?_c('PopupDialog',{scopedSlots:_vm._u([{key:\"popupHeader\",fn:function(){return [_c('div',{staticClass:\"popup-header pa-0 text-center\"},[_c('h4',{staticClass:\"fs--24 fw--600 popup-header-text pt-9\"},[_vm._v(\"Oops!\")])])]},proxy:true},{key:\"popupBody\",fn:function(){return [_c('div',{staticClass:\"popup-body\"},[_c('div',{staticClass:\"popup-content pt-0\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/error.png\"),\"width\":\"60%\",\"alt\":\"Error\",\"height\":\"60%\"}})]),_c('div',{staticClass:\"d-flex align-center justify-center mb-3\"},[_c('h4',{staticClass:\"fs--12 fw--600 popup-footer-text\"},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")])]),_c('v-btn',{staticClass:\"fs--15 fw--600 mt-4 action-btn text-uppercase\",attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.reload}},[_vm._v(\" Reload \")])],1)])]},proxy:true}],null,false,794446751)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<!-- eslint-disable-next-line vue/no-mutating-props -->\n\t\t<!-- <v-dialog v-if=\"errorMsgDialog\" v-model=\"errorMsgDialog\"\n\t\t\t:max-width=\"size === 'sm' ? 295 : 364\"\n\t\t\tmax-height=\"90vh\"\n\t\t\t:retain-focus=\"false\"\n\t\t\tpersistent>\n\t\t\t<div :class=\"`${theme}-theme`\" @click=\"cancelEvent\" @dblclick=\"cancelEvent\">\n\t\t\t\t<div class=\"popup pa-0\">\n\t\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Oops!</h4>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t\t<div class=\"popup-content pt-0\">\n\t\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t\t<img src=\"@/assets/images/error.png\" width=\"60%\" alt=\"Error\" height=\"60%\" />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"d-flex align-center justify-center mb-3\">\n\t\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t\t{{ errorMessage }}\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<v-btn\n\t\t\t\t\t\t\t\tblock\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"fs--15 fw--600 mt-4 action-btn text-uppercase\"\n\t\t\t\t\t\t\t\t@click=\"reload\">\n\t\t\t\t\t\t\t\tReload\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</v-dialog> -->\n\n\t\t<PopupDialog v-if=\"errorMsgDialog\">\n\t\t\t<template #popupHeader>\n\t\t\t\t<div class=\"popup-header pa-0 text-center\">\n\t\t\t\t\t<h4 class=\"fs--24 fw--600 popup-header-text pt-9\">Oops!</h4>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<template #popupBody>\n\t\t\t\t<div class=\"popup-body\">\n\t\t\t\t\t<div class=\"popup-content pt-0\">\n\t\t\t\t\t\t<div class=\"text-center\">\n\t\t\t\t\t\t\t<img src=\"@/assets/images/error.png\" width=\"60%\" alt=\"Error\" height=\"60%\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"d-flex align-center justify-center mb-3\">\n\t\t\t\t\t\t\t<h4 class=\"fs--12 fw--600 popup-footer-text\">\n\t\t\t\t\t\t\t\t{{ errorMessage }}\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<v-btn block color=\"primary\" class=\"fs--15 fw--600 mt-4 action-btn text-uppercase\" @click=\"reload\">\n\t\t\t\t\t\t\tReload\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</PopupDialog>\n\t</div>\n</template>\n\n<script>\nimport { useStore } from '@/store';\nimport { computed } from 'vue';\nimport { mdiClose } from '@mdi/js';\nimport PopupDialog from '@/components/panel/PopupDialog.vue';\n\nexport default {\n\tcomponents: {\n\t\tPopupDialog\n\t},\n\tprops: {\n\t\terrorMsgDialog: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\terrorMessage: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\temits: ['onClose'],\n\tsetup(_, ctx) {\n\t\tconst store = useStore();\n\n\t\tconst theme = computed(() => store.state.theme);\n\t\tconst size = computed(() => store.state.size);\n\n\t\tconst close = () => {\n\t\t\tctx.emit('onClose');\n\t\t};\n\n\t\tconst reload = () => {\n\t\t\tctx.emit('onReloadExt');\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\treturn {\n\t\t\treload,\n\t\t\ttheme,\n\t\t\tsize,\n\t\t\tclose,\n\t\t\tcancelEvent,\n\t\t\ticons: {\n\t\t\t\tmdiClose,\n\t\t\t},\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorMessageDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ErrorMessageDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ErrorMessageDialog.vue?vue&type=template&id=f106549c&\"\nimport script from \"./ErrorMessageDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./ErrorMessageDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"tab-item pb-1\">\n\t\t<!-- Menu Tabs -->\n\t\t<CategoryDropdown v-if=\"!tabView\" :tab=\"stickerTab\" @change=\"actions.setTab\" />\n\t\t<SubNav v-if=\"tabView\" :tab=\"stickerTab\" @change=\"actions.setTab\" />\n\n\t\t<!-- Search Box -->\n\t\t<SearchBox :reset=\"resetSearch\" @onSearch=\"actions.onSearch\" />\n\n\t\t<div\n\t\t\t:class=\"[\n\t\t\t\tcurrentTabData.type === StickerType.REWARD ? 'reward-tab' : 'sticker-tab mt-1',\n\t\t\t\tisScrolling && 'scrolling',\n\t\t\t]\"\n\t\t\t:id=\"currentTabData.type === StickerType.REWARD ? 'reward-tab' : 'sticker-tab'\">\n\t\t\t<!-- All Stickers -->\n\t\t\t<template v-if=\"!currentTabData.type\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- Favorite Stickers -->\n\t\t\t<template v-if=\"currentTabData.type === StickerType.FAVORITE\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- CHANNEL Stickers -->\n\t\t\t<template v-if=\"currentTabData.type === StickerType.CUSTOM\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- Placement Stickers -->\n\t\t\t<template v-if=\"currentTabData.type == StickerType.PLACEMENT\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- Sub Only Stickers -->\n\t\t\t<template v-if=\"currentTabData.type == StickerType.SUB_ONLY\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- Power Stickers -->\n\t\t\t<template v-if=\"currentTabData.type == StickerType.POWER\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:stickerType=\"StickerType.POWER\"\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<!-- Reward Stickers -->\n\t\t\t<template v-if=\"currentTabData.type == StickerType.REWARD\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:stickerType=\"StickerType.REWARD\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\" />\n\t\t\t</template>\n\n\t\t\t<!-- TTS Stickers -->\n\t\t\t<template v-if=\"currentTabData.type == StickerType.TTS\">\n\t\t\t\t<Stickers\n\t\t\t\t\t:stickerType=\"StickerType.TTS\"\n\t\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t\t:data=\"filteredStickers\"\n\t\t\t\t\t:loading=\"loading\"\n\t\t\t\t\t@onPlaySound=\"actions.onPlaySound\"\n\t\t\t\t\t@onStickerClick=\"events.onStickerClick\"\n\t\t\t\t\t@onAddFavorite=\"events.onAddFavorite\"\n\t\t\t\t\t@onDeleteFavorite=\"events.onDeleteFavorite\" />\n\t\t\t</template>\n\n\t\t\t<StickersFooter\n\t\t\t\t:currentTabData=\"filteredStickers\"\n\t\t\t\t:search=\"searchQuery\"\n\t\t\t\t@onFirstPage=\"events.onFirstPage\"\n\t\t\t\t@onPreviousPage=\"events.onPreviousPage\"\n\t\t\t\t@onLastPage=\"events.onLastPage\"\n\t\t\t\t@onNextPage=\"events.onNextPage\" />\n\t\t</div>\n\n\t\t<!-- Dialogs -->\n\t\t<ErrorDialog\n\t\t\tv-if=\"dialogs.streamerOfflineDialog\"\n\t\t\t:errorDialog=\"dialogs.streamerOfflineDialog\"\n\t\t\t:sticker=\"clickedSticker\"\n\t\t\t@onClose=\"dialogs.streamerOfflineDialog = false\" />\n\n\t\t<CooldownDialog\n\t\t\tv-if=\"dialogs.coolDialog\"\n\t\t\t:coolDialog=\"dialogs.coolDialog\"\n\t\t\t:sticker=\"stickerToSlap\"\n\t\t\t@onClose=\"events.onCooldownDialogClosed()\" />\n\n\t\t<BroadcasterSlap\n\t\t\tv-if=\"dialogs.broadcasterSlapDialog\"\n\t\t\t:slapDialog=\"dialogs.broadcasterSlapDialog\"\n\t\t\t:sticker=\"stickerToSlap\"\n\t\t\t@useSticker=\"events.onBroadcasterStickerUsed()\"\n\t\t\t@onClose=\"dialogs.broadcasterSlapDialog = false\" />\n\n\t\t<SoundDialog\n\t\t\tv-if=\"dialogs.soundDialog\"\n\t\t\t:soundDialog=\"dialogs.soundDialog\"\n\t\t\t:sticker=\"stickerToSlap\"\n\t\t\t@useSticker=\"events.onBroadcasterStickerUsed()\"\n\t\t\t@close=\"dialogs.soundDialog = false\" />\n\n\t\t<SubscribeDialog\n\t\t\tv-if=\"dialogs.subscribeDialog\"\n\t\t\t:subscribeDialog=\"dialogs.subscribeDialog\"\n\t\t\t:sticker=\"stickerToSlap\"\n\t\t\t@onClose=\"dialogs.subscribeDialog = false\" />\n\n\t\t<BroadcasterSuccessDialog\n\t\t\tv-if=\"dialogs.broadcasterSuccessDialog\"\n\t\t\t:successDialog=\"dialogs.broadcasterSuccessDialog\"\n\t\t\t:sticker=\"stickerToSlap\"\n\t\t\t@onClose=\"dialogs.broadcasterSuccessDialog = false\" />\n\n\t\t<LocationDialog\n\t\t\tv-if=\"dialogs.locationDialog\"\n\t\t\t:locationDialog=\"dialogs.locationDialog\"\n\t\t\t:isBroadcaster=\"isBroadcaster\"\n\t\t\t:sticker=\"clickedSticker\"\n\t\t\t@onUseSticker=\"events.onCustomStickerPlacement\"\n\t\t\t@onClose=\"dialogs.locationDialog = false\" />\n\n\t\t<ExtensionOffline\n\t\t\tv-if=\"dialogs.offlineDialog\"\n\t\t\t:errorDialog=\"dialogs.offlineDialog\"\n\t\t\t@onClose=\"dialogs.offlineDialog = false\" />\n\n\t\t<UserIdAccessDialog\n\t\t\tv-if=\"dialogs.userIdDialog\"\n\t\t\t:userIdDialog=\"dialogs.userIdDialog\"\n\t\t\t@onClose=\"dialogs.userIdDialog = false\"></UserIdAccessDialog>\n\n\t\t<ErrorMessageDialog\n\t\t\tv-if=\"dialogs.errorMsgDialog\"\n\t\t\t:errorMsgDialog=\"dialogs.errorMsgDialog\"\n\t\t\t:errorMessage=\"globalErrorMessage\"\n\t\t\t@onClose=\"dialogs.errorMsgDialog = false\"\n\t\t\t@onReloadExt=\"actions.reloadPanel\"></ErrorMessageDialog>\n\n\t\t<MustBeLoggedInDialog\n\t\t\tv-if=\"dialogs.loginDialog\"\n\t\t\t:loginDialog=\"dialogs.loginDialog\"\n\t\t\t@onClose=\"dialogs.loginDialog = false\"></MustBeLoggedInDialog>\n\t</div>\n</template>\n\n<script>\nimport { computed, reactive, ref, watch, onMounted } from 'vue';\nimport { useStore } from '@/store';\nimport { StickerType } from '../../utils/constants';\n\nimport { StickersTabData } from './StickersTabData';\nimport { StickersTabStreamerStatus } from './StickersTabStreamerStatus';\nimport { StickersTabShowSticker } from './StickersTabShowSticker';\n\nimport SubNav from '@/components/panel/Stickers/SubNav.vue';\nimport CategoryDropdown from '@/components/panel/Stickers/CategoryDropdown.vue';\nimport SearchBox from '@/components/panel/Stickers/SearchBox.vue';\nimport Stickers from '@/components/panel/Stickers/Stickers.vue';\nimport StickersFooter from '@/components/panel/Stickers/Footer.vue';\n\nimport ErrorDialog from '@/views/panels/ErrorDialog.vue';\nimport BroadcasterSlap from '@/views/panels/BroadcasterSlap.vue';\nimport LocationDialog from '@/views/panels/LocationDialog.vue';\nimport SubscribeDialog from '@/views/panels/SubscribeDialog.vue';\nimport SoundDialog from '@/views/panels/SoundDialog.vue';\nimport CooldownDialog from '@/views/panels/CooldownDialog.vue';\nimport BroadcasterSuccessDialog from '@/views/panels/BroadcasterSuccessDialog.vue';\nimport ExtensionOffline from '@/views/panels/ExtensionOffline.vue';\nimport UserIdAccessDialog from '@/views/panels/UserIdAccessDialog.vue';\nimport MustBeLoggedInDialog from '@/views/panels/MustBeLoggedInDialog.vue';\nimport ErrorMessageDialog from '@/views/panels/ErrorMessageDialog.vue';\n\nexport default {\n\tname: 'StickersTab',\n\tcomponents: {\n\t\tCategoryDropdown,\n\t\tSubNav,\n\t\tSearchBox,\n\t\tStickers,\n\t\tStickersFooter,\n\t\tErrorDialog,\n\t\tCooldownDialog,\n\t\tBroadcasterSlap,\n\t\tLocationDialog,\n\t\tSubscribeDialog,\n\t\tSoundDialog,\n\t\tBroadcasterSuccessDialog,\n\t\tExtensionOffline,\n\t\tUserIdAccessDialog,\n\t\tMustBeLoggedInDialog,\n\t\tErrorMessageDialog,\n\t},\n\tsetup() {\n\t\tconst store = useStore();\n\t\tconst stickerTab = ref(0);\n\t\tconst loading = ref(false);\n\t\tconst isSlapable = ref(false);\n\t\tconst isSlapInProgress = ref(false);\n\n\t\tconst searchQuery = ref('');\n\t\tconst resetSearch = ref(false);\n\n\t\tlet scrollPosition = 0;\n\n\t\tconst clickedSticker = ref(null);\n\n\t\t// Show Loading Sheet\n\t\tconst isPanelLoaded = computed(() => {\n\t\t\treturn store.state.isPanelLoaded;\n\t\t});\n\n\t\tif (!isPanelLoaded.value) {\n\t\t\tstore.commit('setPanelLoading', true);\n\t\t}\n\n\t\tconst isMobile = computed(() => store.state.isMobile);\n\n\t\tconst tabView = computed(() => store.state.tabView);\n\n\t\tconst activeTabs = computed(() => store.getters.activeTabItems);\n\n\t\tconst isPartyModeOn = computed(() => store.state.isPartyModeOn);\n\n\t\tconst uiData = reactive(new StickersTabData());\n\t\tconst streamerStatus = reactive(new StickersTabStreamerStatus(uiData));\n\t\tconst showStickerHandler = reactive(new StickersTabShowSticker());\n\n\t\tconst isBroadcaster = computed(() => store.state.role == 'broadcaster');\n\t\tconst isExtensionOnline = computed(() => store.state.isExtensionOnline);\n\t\tconst isStreamerOnline = computed(() => store.state.isStreamerOnline);\n\t\tconst isSubscriber = computed(() => store.state.isSubscriber);\n\n\t\t// See https://dev.twitch.tv/docs/extensions/#identity for identity details.\n\t\tconst isLoggedIn = computed(() => store.state.opaqueUserId && store.state.opaqueUserId.startsWith('U'));\n\t\tconst hasUserIdAccess = computed(() => store.state.userId);\n\n\t\tconst isScrolling = computed(() => {\n\t\t\tconst size = store.state.size;\n\n\t\t\tif (size === 'sm' && filteredStickers.value.items.length > 4) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif (size === 'md' && filteredStickers.value.items.length > 6) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t});\n\n\t\tconst dialogs = reactive({\n\t\t\tstreamerOfflineDialog: false,\n\t\t\tbroadcasterSlapDialog: false,\n\t\t\tsubscribeDialog: false,\n\t\t\tbroadcasterSuccessDialog: false,\n\t\t\tofflineDialog: false,\n\t\t\tcoolDialog: false,\n\t\t\tuserIdDialog: false,\n\t\t\tloginDialog: false,\n\t\t\terrorMsgDialog: false,\n\t\t\tlocationDialog: false,\n\t\t\tsoundDialog: false,\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tscrollPosition = window.scrollY;\n\t\t\t// Show login dialog if the user is not logged in.\n\t\t\tdialogs.loginDialog = !isLoggedIn.value;\n\n\t\t\t// Show user id dialog if we are logged in but do not have a user id.\n\t\t\tdialogs.userIdDialog = isLoggedIn.value && !hasUserIdAccess.value;\n\n\t\t\twindow.scrollTo(0, scrollPosition);\n\t\t});\n\n\t\t// Watch for changes to user id access (e.g. grant / revoke).\n\t\twatch(hasUserIdAccess, () => {\n\t\t\tdialogs.userIdDialog = !hasUserIdAccess.value;\n\t\t});\n\n\t\t// Display a global error message, such as a TTS server failure.\n\t\tconst globalErrorMessage = ref(null);\n\t\twatch(\n\t\t\t() => store.state.globalErrorMessage,\n\t\t\t() => {\n\t\t\t\tif (store.state.globalErrorMessage) {\n\t\t\t\t\tactions.preventAutoScroll();\n\t\t\t\t\tglobalErrorMessage.value = store.state.globalErrorMessage;\n\t\t\t\t\tdialogs.errorMsgDialog = true;\n\t\t\t\t\tstore.commit('setGlobalErrorMessage', null);\n\t\t\t\t}\n\t\t\t},\n\t\t);\n\n\t\twatch(dialogs, (newVal, oldVal) => {\n\t\t\tscrollPosition = window.scrollY;\n\t\t\twindow.scrollTo(0, scrollPosition);\n\t\t});\n\n\t\twatch(\n\t\t\tdialogs,\n\t\t\t(newVal, oldVal) => {\n\t\t\t\tscrollPosition = window.scrollY;\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tcheckDialog();\n\t\t\t\t}, 2);\n\t\t\t},\n\t\t\t{ deep: true },\n\t\t);\n\n\t\tconst checkDialog = () => {\n\t\t\tconst element = document.getElementsByClassName('v-dialog__content--active')[0];\n\t\t\tif (element) {\n\t\t\t\twindow.scrollTo(0, scrollPosition);\n\t\t\t\telement.blur();\n\t\t\t} else {\n\t\t\t\tconsole.warn('Not found...');\n\t\t\t}\n\t\t};\n\n\t\t// If the streamer is offline (e.g. not running OBS), we make a call\n\t\t// every X seconds to see if the streamer has come online. When online,\n\t\t// the offline dialogs are hidden and sticker slaps are allowed.\n\t\tconst statusCheckResult = function (result) {\n\t\t\tactions.preventAutoScroll();\n\t\t\tif (!isExtensionOnline.value) {\n\t\t\t\tdialogs.streamerOfflineDialog = false;\n\n\t\t\t\t// Only show dialogs to viewers if they have slapped a sticker.\n\t\t\t\tif (isBroadcaster.value || isSlapInProgress.value) {\n\t\t\t\t\tdialogs.offlineDialog = true;\n\t\t\t\t}\n\n\t\t\t\t// Schedule a status check, if broadcaster.\n\t\t\t\tif (isBroadcaster.value) {\n\t\t\t\t\tstreamerStatus.scheduleStatusCheck(statusCheckResult);\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t} else if (!isStreamerOnline.value) {\n\t\t\t\tdialogs.offlineDialog = false;\n\n\t\t\t\t// Only show dialogs to viewers if they have slapped a sticker.\n\t\t\t\tif (isBroadcaster.value || isSlapInProgress.value) {\n\t\t\t\t\tdialogs.streamerOfflineDialog = true;\n\t\t\t\t}\n\n\t\t\t\t// Schedule a status check, if broadcaster.\n\t\t\t\tif (isBroadcaster.value) {\n\t\t\t\t\tstreamerStatus.scheduleStatusCheck(statusCheckResult);\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tdialogs.offlineDialog = false;\n\t\t\tdialogs.streamerOfflineDialog = false;\n\t\t\tif (result.doReloadServerData) {\n\t\t\t\tactions.fetchData();\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t};\n\n\t\tconst events = {\n\t\t\t// Event passed up from the Sticker component.\n\t\t\tonStickerClick(sticker) {\n\t\t\t\tactions.preventAutoScroll();\n\n\t\t\t\tclickedSticker.value = { ...sticker };\n\t\t\t\tif (isSlapable.value) {\n\t\t\t\t\t// Double-click gate.\n\t\t\t\t\tisSlapable.value = false;\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tisSlapable.value = true;\n\t\t\t\t\t}, 1000);\n\n\t\t\t\t\t// Execute status check to ensure streamer is online and also party mode status.\n\t\t\t\t\tisSlapInProgress.value = true;\n\n\t\t\t\t\tstreamerStatus.checkStatus(function (result) {\n\t\t\t\t\t\tif (statusCheckResult(result)) {\n\t\t\t\t\t\t\tisSlapInProgress.value = false;\n\n\t\t\t\t\t\t\t// Set sticker.\n\t\t\t\t\t\t\tObject.assign(showStickerHandler.stickerToSlap, sticker);\n\t\t\t\t\t\t\t//console.log(\n\t\t\t\t\t\t\t//\t`Sticker clicked:\\n${JSON.stringify(showStickerHandler.stickerToSlap, null, 4)}`,\n\t\t\t\t\t\t\t//);\n\n\t\t\t\t\t\t\t// Check sub-only sticker.\n\t\t\t\t\t\t\tif (sticker.subOnly && !isBroadcaster.value && !isSubscriber.value) {\n\t\t\t\t\t\t\t\tdialogs.subscribeDialog = true;\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Do other checks and show sticker.\n\t\t\t\t\t\t\tif (!isPartyModeOn.value) {\n\t\t\t\t\t\t\t\t// If TTS sticker, see if we just did a status check only before showing the TTS text dialog.\n\t\t\t\t\t\t\t\t// See store index.js for flow details.\n\t\t\t\t\t\t\t\tif (sticker.stickerType == StickerType.TTS && store.state.isDoTtsStatusCheckOnClick) {\n\t\t\t\t\t\t\t\t\tstore.commit('setIsTtsStatusCheckSuccess', true);\n\t\t\t\t\t\t\t\t\tstore.commit('setClickedTtsSticker', { ...sticker });\n\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (isBroadcaster.value) {\n\t\t\t\t\t\t\t\t\tif (sticker.bits > 0) {\n\t\t\t\t\t\t\t\t\t\tdialogs.broadcasterSlapDialog = true;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tactions.showSticker();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tactions.showSticker();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tactions.showSticker();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tisSlapInProgress.value = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}, sticker);\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Broadcaster has chosen to use the sticker from the dialog.\n\t\t\tonBroadcasterStickerUsed() {\n\t\t\t\tdialogs.broadcasterSlapDialog = false;\n\t\t\t\tdialogs.soundDialog = false;\n\t\t\t\tactions.showSticker();\n\t\t\t},\n\n\t\t\t// The custom sticker placement dialog was dismissed with placement values passed.\n\t\t\tonCustomStickerPlacement: function (slap) {\n\t\t\t\tshowStickerHandler.stickerToSlap.customPlacement = slap;\n\t\t\t\tactions.showSticker(true);\n\t\t\t},\n\n\t\t\t// The cooldown dialog was dismissed after a sticker show.\n\t\t\tonCooldownDialogClosed() {\n\t\t\t\tdialogs.coolDialog = false;\n\t\t\t},\n\n\t\t\t// Pagination.\n\t\t\tonFirstPage() {\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\tif (data.currentPage != 0) {\n\t\t\t\t\tdata.currentPage = 0;\n\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\t\t\t\t} else {\n\t\t\t\t\tactions.switchPrevTab();\n\t\t\t\t}\n\t\t\t},\n\t\t\tonPreviousPage() {\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\tif (data.currentPage > 0) {\n\t\t\t\t\tdata.currentPage--;\n\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\t\t\t\t} else {\n\t\t\t\t\tactions.switchPrevTab();\n\t\t\t\t}\n\t\t\t},\n\t\t\tonLastPage() {\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\tif (data.currentPage < data.totalPages - 1) {\n\t\t\t\t\tdata.currentPage = data.totalPages - 1;\n\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\t\t\t\t} else {\n\t\t\t\t\tactions.switchNextTab();\n\t\t\t\t}\n\t\t\t},\n\t\t\tonNextPage() {\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\n\t\t\t\tif (data.currentPage < data.totalPages - 1) {\n\t\t\t\t\tdata.currentPage++;\n\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\t\t\t\t} else {\n\t\t\t\t\tactions.switchNextTab();\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tonAddFavorite(data) {\n\t\t\t\tuiData.addFavorite(data);\n\t\t\t},\n\t\t\tonDeleteFavorite(data) {\n\t\t\t\tuiData.deleteFavorite(data);\n\t\t\t},\n\t\t};\n\n\t\tconst actions = {\n\t\t\tonSearch(val) {\n\t\t\t\tsearchQuery.value = val;\n\t\t\t\tresetSearch.value = false;\n\t\t\t\tstore.commit('setCurrentPage', 0);\n\t\t\t},\n\n\t\t\tonPlaySound(sticker) {\n\t\t\t\tObject.assign(showStickerHandler.stickerToSlap, sticker);\n\t\t\t\tdialogs.soundDialog = true;\n\t\t\t},\n\n\t\t\t// Prevent Auto Scroll\n\t\t\tpreventAutoScroll() {\n\t\t\t\tif ('scrollRestoration' in window.history) {\n\t\t\t\t\twindow.history.scrollRestoration = 'manual';\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tsetTab(tab) {\n\t\t\t\t// resetSearch.value = true;\n\t\t\t\tif (tab !== null && tab >= 0) {\n\t\t\t\t\tstickerTab.value = tab;\n\t\t\t\t\tconst activeTab = activeTabs.value[tab];\n\t\t\t\t\tuiData.setTabAsClicked(activeTab.type);\n\n\t\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tswitchNextTab() {\n\t\t\t\t// resetSearch.value = true;\n\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\tconst totalTabs = activeTabs.value.length;\n\n\t\t\t\tstore.commit('setCurrentPage', 0);\n\n\t\t\t\tif (data.currentPage === data.totalPages - 1 || data.totalPages === 0) {\n\t\t\t\t\tif (stickerTab.value < totalTabs - 1) {\n\t\t\t\t\t\tconst nextTab = stickerTab.value + 1;\n\t\t\t\t\t\tactions.setTab(nextTab);\n\n\t\t\t\t\t\t// Set Current Page of updated tab\n\t\t\t\t\t\tdata.currentPage = 0;\n\t\t\t\t\t\tstore.commit('setCurrentPage', data.currentPage);\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (stickerTab.value === totalTabs - 1) {\n\t\t\t\t\t\tconst nextTab = 0;\n\t\t\t\t\t\tactions.setTab(nextTab);\n\n\t\t\t\t\t\t// Set Current Page of updated tab\n\t\t\t\t\t\tconst updatedData = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\t\t\tif (stickerTab.value === 0) {\n\t\t\t\t\t\t\tupdatedData.currentPage = 0;\n\t\t\t\t\t\t\tstore.commit('setCurrentPage', 0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tswitchPrevTab() {\n\t\t\t\t// resetSearch.value = true;\n\n\t\t\t\tconst data = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\tconst totalTabs = activeTabs.value.length;\n\n\t\t\t\tif (data.currentPage === 0 || data.totalPages === 0) {\n\t\t\t\t\tif (stickerTab.value > 0) {\n\t\t\t\t\t\tconst nextTab = stickerTab.value - 1;\n\t\t\t\t\t\tactions.setTab(nextTab);\n\t\t\t\t\t\tconst updatedData = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\t\t\tif (updatedData.totalPages > 0) {\n\t\t\t\t\t\t\tupdatedData.currentPage = updatedData.totalPages - 1;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tupdatedData.currentPage = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstore.commit('setCurrentPage', updatedData.currentPage);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst nextTab = totalTabs - 1;\n\t\t\t\t\t\tactions.setTab(nextTab);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Set Current Page of updated tab\n\t\t\t\t\tconst updatedData = searchQuery.value ? filteredStickers.value : currentTabData.value;\n\t\t\t\t\tif (updatedData.totalPages > 0) {\n\t\t\t\t\t\tupdatedData.currentPage = updatedData.totalPages - 1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tupdatedData.currentPage = 0;\n\t\t\t\t\t}\n\t\t\t\t\tstore.commit('setCurrentPage', updatedData.currentPage);\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Show the sticker.\n\t\t\tshowSticker(isStickerPlacementComplete) {\n\t\t\t\tconst sticker = showStickerHandler.stickerToSlap;\n\n\t\t\t\t// Check if we have already shown the sticker placement dialog.\n\t\t\t\t// We do not display the dialog during party mode.\n\t\t\t\tif (!isPartyModeOn.value) {\n\t\t\t\t\tif (!isStickerPlacementComplete) {\n\t\t\t\t\t\tif (sticker.isStickerPlacementEnabled) {\n\t\t\t\t\t\t\tdialogs.locationDialog = true;\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst onComplete = function () {\n\t\t\t\t\tactions.preventAutoScroll();\n\t\t\t\t\tif (isBroadcaster.value) {\n\t\t\t\t\t\tdialogs.broadcasterSuccessDialog = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdialogs.coolDialog = true;\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tconst onBitsUsed = function () {\n\t\t\t\t\tuiData.onAfterAfterBitsUsed(sticker.bits);\n\t\t\t\t};\n\n\t\t\t\tshowStickerHandler.showSticker(isBroadcaster.value, onComplete, onBitsUsed);\n\t\t\t},\n\n\t\t\tfetchData: function () {\n\t\t\t\tactions.preventAutoScroll();\n\n\t\t\t\tisSlapable.value = false;\n\t\t\t\tloading.value = true;\n\n\t\t\t\tuiData.loadDataFromServer(function () {\n\t\t\t\t\tloading.value = false;\n\t\t\t\t\tisSlapable.value = true;\n\n\t\t\t\t\tif (isBroadcaster.value && (!isExtensionOnline.value || !isStreamerOnline.value)) {\n\t\t\t\t\t\tstreamerStatus.checkStatus(statusCheckResult);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\n\t\t\tloadDataFromStore: function (panelServerResponse) {\n\t\t\t\tisSlapable.value = false;\n\t\t\t\tloading.value = true;\n\n\t\t\t\tuiData.loadDataFromStore(panelServerResponse, function () {\n\t\t\t\t\tloading.value = false;\n\t\t\t\t\tisSlapable.value = true;\n\t\t\t\t});\n\t\t\t},\n\n\t\t\treloadPanel() {\n\t\t\t\twindow.location.reload();\n\t\t\t},\n\t\t};\n\n\t\tconst currentTabData = computed(() => {\n\t\t\tconst selectedTab = store.getters.activeTabItems[stickerTab.value];\n\t\t\tif (!selectedTab.type) {\n\t\t\t\treturn uiData.data.allStickers;\n\t\t\t} else if (selectedTab.type == StickerType.FAVORITE) {\n\t\t\t\treturn uiData.favoriteStickers; // Computed value.\n\t\t\t} else if (selectedTab.type == StickerType.POWER) {\n\t\t\t\treturn uiData.data.powerStickers;\n\t\t\t} else if (selectedTab.type == StickerType.CUSTOM) {\n\t\t\t\treturn uiData.data.customStickers;\n\t\t\t} else if (selectedTab.type == StickerType.REWARD) {\n\t\t\t\treturn uiData.data.rewardStickers;\n\t\t\t} else if (selectedTab.type == StickerType.TTS) {\n\t\t\t\treturn uiData.data.ttsStickers;\n\t\t\t} else if (selectedTab.type == StickerType.SUB_ONLY) {\n\t\t\t\treturn uiData.data.subOnlyStickers;\n\t\t\t} else if (selectedTab.type == StickerType.PLACEMENT) {\n\t\t\t\treturn uiData.data.placementStickers;\n\t\t\t} else {\n\t\t\t\tthrow new Error(`Invalid tab value ${stickerTab.value}.`);\n\t\t\t}\n\t\t});\n\n\t\t// Load initial data. We don't want to fetch data everytime the tab loads,\n\t\t// since it may result in many calls if viewers are clicking on the leaderboard\n\t\t// tab and back.\n\t\tconst panelServerResponse = computed(() => {\n\t\t\treturn store.state.panelServerResponse;\n\t\t});\n\n\t\tif (panelServerResponse.value) {\n\t\t\tactions.loadDataFromStore(panelServerResponse.value);\n\t\t} else {\n\t\t\tactions.fetchData();\n\t\t}\n\n\t\tconst filteredStickers = computed(() => {\n\t\t\tlet stickers = null;\n\t\t\tstickers = JSON.parse(JSON.stringify(currentTabData.value));\n\n\t\t\tif (searchQuery.value) {\n\t\t\t\tconst items = stickers.items.filter(item => {\n\t\t\t\t\t// Search on name first.\n\t\t\t\t\tif (item.name.toLowerCase().includes(searchQuery.value.toLowerCase())) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\t// Then seach on terms.\n\t\t\t\t\tif (item.searchTerms && item.searchTerms.length > 0) {\n\t\t\t\t\t\tfor (let i = 0; i < item.searchTerms.length; i++) {\n\t\t\t\t\t\t\tif (item.searchTerms[i].toLowerCase().includes(searchQuery.value.toLowerCase())) {\n\t\t\t\t\t\t\t\treturn true;\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\treturn false;\n\t\t\t\t});\n\t\t\t\tconst totalPages = Math.ceil(items.length / stickers.perPage);\n\t\t\t\tconst totalItems = items.length;\n\t\t\t\tconst currentPage = 0;\n\n\t\t\t\tstickers = { ...stickers, items, totalPages, totalItems, currentPage };\n\t\t\t}\n\n\t\t\treturn stickers;\n\t\t});\n\n\t\t// Watch for changes to user id access (e.g. grant / revoke).\n\t\tconst userId = computed(() => store.state.userId);\n\t\twatch(userId, () => {\n\t\t\tactions.fetchData();\n\t\t});\n\n\t\t// Watch Tab to reset Search\n\t\twatch(\n\t\t\t() => stickerTab.value,\n\t\t\t() => {\n\t\t\t\t// searchQuery.value = '';\n\t\t\t\t// resetSearch.value = true;\n\t\t\t},\n\t\t);\n\n\t\treturn {\n\t\t\tisMobile,\n\t\t\ttabView,\n\t\t\tloading,\n\t\t\tisScrolling,\n\t\t\tresetSearch,\n\t\t\tsearchQuery,\n\t\t\tdialogs,\n\t\t\tclickedSticker,\n\t\t\tuiData,\n\t\t\tdata: uiData.data,\n\t\t\tstickerToSlap: showStickerHandler.stickerToSlap,\n\t\t\tactions,\n\t\t\tevents,\n\t\t\tcurrentTabData,\n\t\t\tfilteredStickers,\n\t\t\tstickerTab,\n\t\t\tisBroadcaster,\n\t\t\tglobalErrorMessage,\n\t\t\tStickerType,\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickersTab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StickersTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StickersTab.vue?vue&type=template&id=c2aa5092&\"\nimport script from \"./StickersTab.vue?vue&type=script&lang=js&\"\nexport * from \"./StickersTab.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tab-item\"},[_c('SubNav',{attrs:{\"tab\":_vm.tab},on:{\"change\":_vm.setTab}}),(_vm.tab)?[_c('LeaderboardUsers',{attrs:{\"tab\":_vm.tab}})]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{staticClass:\"ma-2\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"3\"}},[_c('v-btn',{staticClass:\"leaderboard-tab-btn\",class:_vm.tab === 1 ? 'active-tab-btn' : 'tab-btn',attrs:{\"small\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.setLeaderBoardTab(1)}}},[_vm._v(\" All Time \")])],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"3\"}},[_c('v-btn',{staticClass:\"leaderboard-tab-btn\",class:_vm.tab === 2 ? 'active-tab-btn' : 'tab-btn',attrs:{\"small\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.setLeaderBoardTab(2)}}},[_vm._v(\" Daily \")])],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"3\"}},[_c('v-btn',{staticClass:\"leaderboard-tab-btn\",class:_vm.tab === 3 ? 'active-tab-btn' : 'tab-btn',attrs:{\"small\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.setLeaderBoardTab(3)}}},[_vm._v(\" Weekly \")])],1),_c('v-col',{staticClass:\"px-1\",attrs:{\"cols\":\"3\"}},[_c('v-btn',{staticClass:\"leaderboard-tab-btn\",class:_vm.tab === 4 ? 'active-tab-btn' : 'tab-btn',attrs:{\"small\":\"\",\"block\":\"\"},on:{\"click\":function($event){return _vm.setLeaderBoardTab(4)}}},[_vm._v(\" Monthly \")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-row class=\"ma-2\" no-gutters>\n        <v-col cols=\"3\" class=\"px-1\">\n            <v-btn small block class=\"leaderboard-tab-btn\" :class=\"tab === 1 ? 'active-tab-btn' : 'tab-btn'\"\n                @click=\"setLeaderBoardTab(1)\">\n                All Time\n            </v-btn>\n        </v-col>\n        <v-col cols=\"3\" class=\"px-1\">\n            <v-btn small block class=\"leaderboard-tab-btn\" :class=\"tab === 2 ? 'active-tab-btn' : 'tab-btn'\"\n                @click=\"setLeaderBoardTab(2)\">\n                Daily\n            </v-btn>\n        </v-col>\n        <v-col cols=\"3\" class=\"px-1\">\n            <v-btn small block class=\"leaderboard-tab-btn\" :class=\"tab === 3 ? 'active-tab-btn' : 'tab-btn'\"\n                @click=\"setLeaderBoardTab(3)\">\n                Weekly\n            </v-btn>\n        </v-col>\n        <v-col cols=\"3\" class=\"px-1\">\n            <v-btn small block class=\"leaderboard-tab-btn\" :class=\"tab === 4 ? 'active-tab-btn' : 'tab-btn'\"\n                @click=\"setLeaderBoardTab(4)\">\n                Monthly\n            </v-btn>\n        </v-col>\n    </v-row>\n</template>\n\n<script>\nexport default {\n    name: 'LeaderboardSubNav',\n    props: {\n        tab: { type: Number, default: 1 }\n    },\n    setup(_, ctx) {\n        \n        const setLeaderBoardTab = (val) => {\n            ctx.emit('change', val)\n        }\n\n        return {\n            setLeaderBoardTab\n        }\n    }\n}\n</script>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubNav.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SubNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubNav.vue?vue&type=template&id=82e78572&\"\nimport script from \"./SubNav.vue?vue&type=script&lang=js&\"\nexport * from \"./SubNav.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"leaderboard-users\",attrs:{\"id\":\"leaderboard-users\"}},[(_vm.loading)?_c('SpinLoader'):_vm._e(),(!_vm.loading)?[_c('TopUsers',{attrs:{\"users\":_vm.users.top}}),_c('UserList',{attrs:{\"users\":_vm.userArray,\"top\":_vm.users.top}})]:_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"users mx-3 pb-0 pt-2\"},_vm._l((_vm.users),function(user,index){return _c('div',{key:user.id,staticClass:\"user-item\"},[_c('v-avatar',{staticClass:\"user-avatar\",class:`user-avatar-${index + 1}`,attrs:{\"size\":\"47\"}},[_c('img',{attrs:{\"src\":user.profilePic,\"alt\":\"Profile Pic\"},on:{\"error\":_vm.getDefaultImage}})]),_c('div',{staticClass:\"top-user pointer d-flex align-center bg-user\",class:`bg-user-${index + 1}`},[_c('div',{class:`user-top-${index + 1}`}),_c('div',{staticClass:\"user-position\",class:`user-position-${index + 1}`},[_c('strong',[_vm._v(_vm._s(index + 1))])]),_c('div',{staticClass:\"user-info d-flex align-center justify-space-between\",class:`user-${index + 1}`},[_c('div',{staticClass:\"pl-10\"},[_c('span',{staticClass:\"fs--14 fw--600\"},[_vm._v(_vm._s(user.user))])]),_c('div',{staticClass:\"bits-info pr-4\"},[_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getIcon(user.value),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('span',{staticClass:\"fs--13 fw--600\"},[_vm._v(_vm._s(user.value.toLocaleString()))])])])])])],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"users mx-3 pb-0 pt-2\">\n        <div v-for=\"(user, index) in users\" :key=\"user.id\" class=\"user-item\">\n            <v-avatar size=\"47\" class=\"user-avatar\" :class=\"`user-avatar-${index + 1}`\">\n                <img :src=\"user.profilePic\" alt=\"Profile Pic\" @error=\"getDefaultImage\">\n            </v-avatar>\n            <div class=\"top-user pointer d-flex align-center bg-user\" :class=\"`bg-user-${index + 1}`\">\n                <div :class=\"`user-top-${index + 1}`\"></div>\n                <div class=\"user-position\" :class=\"`user-position-${index + 1}`\">\n                    <strong>{{ index + 1 }}</strong>\n                </div>\n\n                <div class=\"user-info d-flex align-center justify-space-between\" :class=\"`user-${index + 1}`\">\n                    <div class=\"pl-10\">\n                        <span class=\"fs--14 fw--600\">{{ user.user }}</span>\n                    </div>\n                    <div class=\"bits-info pr-4\">\n                        <div class=\"d-flex align-center justify-center\">\n                            <img :src=\"getIcon(user.value)\" width=\"15\" class=\"mr-2\" alt=\"Bits\" />\n                            <span class=\"fs--13 fw--600\">{{ user.value.toLocaleString() }}</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport { getBitIcon } from '@/utils/utils';\nexport default {\n    name: 'TopUsers',\n    props: {\n        users: Array\n    },\n    setup() {\n        const getIcon = (value) => {\n            return getBitIcon(value);\n        }\n\n        const getDefaultImage = (e) => {\n            e.target.src = require('@/assets/images/profile.png');\n        }\n\n        return { getIcon, getDefaultImage }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.user-item {\n    position: relative;\n\n    .user-avatar {\n        position: absolute;\n        left: 28px;\n        top: -3px;\n        border: 2px solid;\n        z-index: 9;\n        filter: drop-shadow(0px 7px 4.5px rgba(32, 15, 72, 0.23));\n    }\n\n    .user-avatar-1 {\n        background: #f9e869;\n        border-color: #f9e869;\n    }\n\n    .user-avatar-2 {\n        border-color: #74CCF4;\n        background: #74CCF4;\n    }\n\n    .user-avatar-3 {\n        border-color: #CA9679;\n        background: #CA9679;\n    }\n}\n\n.bg-user {\n    border-radius: 3px;\n    margin-bottom: 10px;\n}\n\n.top-user {\n    width: 100%;\n    height: 41px;\n    border-radius: 3px;\n    position: relative;\n    clip-path: polygon(0% 0%, 100% 0%, 98.5% 50%, 100% 100%, 0% 100%);\n\n    .user-info {\n        width: 100%;\n    }\n\n    .bits-info img {\n        filter: drop-shadow(0px 2px 1.5px rgba(0, 0, 0, 0.48));\n    }\n\n    img.position-badge {\n        position: absolute;\n        top: -3px;\n        left: -8px;\n        z-index: 3;\n        width: 20px;\n    }\n}\n\n.user-1 .user-avatar {\n    border-color: #f9e869;\n}\n\n.user-position {\n    width: 47px;\n    z-index: 1;\n\n    strong {\n        font-size: 18px;\n        font-weight: 700;\n    }\n}\n\n.user-position {\n    height: 41px;\n    display: flex;\n    align-items: center;\n    padding-left: 10px;\n    border-radius: 4px 0 0 4px;\n    z-index: 1;\n}\n\n.bg-user-1 {\n    box-shadow: inset 0 0 4px 1px rgba(255, 240, 142, 0.84);\n    background-color: #c45a2c;\n\n    span {\n        color: #ffe869;\n    }\n}\n\n.bg-user-2 {\n    box-shadow: inset 0 0 4px 1px rgba(142, 255, 240, 0.84);\n    background-color: #2576a9;\n\n    span {\n        color: #c0dfff;\n    }\n}\n\n.bg-user-3 {\n    box-shadow: inset 0 0 4px 1px rgba(249, 199, 181, 0.84);\n    background-color: #885a48;\n\n    span {\n        color: #fdc7b3;\n    }\n\n    .user-avatar {\n        border-color: #CA9679;\n    }\n}\n\n.user-position-1 {\n    background: #b72607;\n    border: 1px solid #db3209;\n\n    strong {\n        color: #ffe869;\n    }\n}\n\n.user-position-2 {\n    background: #0a3890;\n    border: 1px solid #0b5dd0;\n\n    strong {\n        color: #b7dafa;\n    }\n}\n\n.user-position-3 {\n    background: #542c20;\n    border: 1px solid #883c29;\n\n    strong {\n        color: #e0a38c;\n    }\n}\n</style>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TopUsers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TopUsers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopUsers.vue?vue&type=template&id=7f739c22&scoped=true&\"\nimport script from \"./TopUsers.vue?vue&type=script&lang=js&\"\nexport * from \"./TopUsers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopUsers.vue?vue&type=style&index=0&id=7f739c22&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7f739c22\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"users mx-3 pb-2\"},[(_vm.users && _vm.users.length > 0)?_vm._l((_vm.users),function(user){return _c('div',{key:user.id,staticClass:\"user pointer d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"mr-2\"},[_c('span',{staticClass:\"fs--13\"},[_vm._v(_vm._s(Number(user.id) + 1)+\".\")])]),_c('v-avatar',{attrs:{\"size\":\"28\"}},[_c('img',{attrs:{\"src\":user.profilePic,\"alt\":\"User\"},on:{\"error\":_vm.getDefaultImage}})]),_c('span',{staticClass:\"fs--14 fw--500\",class:'ml-2'},[_vm._v(_vm._s(user.user))])],1),_c('div',{staticClass:\"bits-info\"},[_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":_vm.getIcon(user.value),\"width\":\"15\",\"alt\":\"Bits\"}}),_c('span',{staticClass:\"fs--13 fw--600\"},[_vm._v(_vm._s(user.value.toLocaleString()))])])])])}):_vm._e(),((!_vm.users || _vm.users.length < 1) && (!_vm.top || _vm.top.length < 1))?[_vm._m(0)]:_vm._e()],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"text-center\"},[_c('span',{staticClass:\"reward-text fs--13 fw--600\"},[_vm._v(\"No user found.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"users mx-3 pb-2\">\n        <template v-if=\"users && users.length > 0\">\n            <div v-for=\"user in users\" :key=\"user.id\" class=\"user pointer d-flex align-center justify-space-between\">\n                <div class=\"d-flex align-center\">\n                    <div class=\"mr-2\">\n                        <span class=\"fs--13\">{{ Number(user.id) + 1 }}.</span>\n                    </div>\n                    <v-avatar size=\"28\">\n                        <img :src=\"user.profilePic\" alt=\"User\" @error=\"getDefaultImage\">\n                    </v-avatar>\n                    <span class=\"fs--14 fw--500\" :class=\"'ml-2'\">{{ user.user }}</span>\n                </div>\n                <div class=\"bits-info\">\n                    <div class=\"d-flex align-center justify-center\">\n                        <img :src=\"getIcon(user.value)\" width=\"15\" class=\"mr-2\" alt=\"Bits\" />\n                        <span class=\"fs--13 fw--600\">{{ user.value.toLocaleString() }}</span>\n                    </div>\n                </div>\n            </div>\n        </template>\n        <template v-if=\"(!users || users.length < 1) && (!top || top.length < 1)\">\n            <div class=\"text-center\">\n                <span class=\"reward-text fs--13 fw--600\">No user found.</span>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { getBitIcon } from '@/utils/utils';\nexport default {\n    name: 'UserList',\n    props: {\n        users: Array,\n        top: Array\n    },\n    setup() {\n        const getIcon = (value) => {\n            return getBitIcon(value);\n        }\n\n        const getDefaultImage = (e) => {\n            e.target.src = 'https://static-cdn.jtvnw.net/user-default-pictures-uv/41780b5a-def8-11e9-94d9-784f43822e80-profile_image-300x300.png'\n        }\n\n        return { getIcon, getDefaultImage }\n    }\n}\n</script>","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UserList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UserList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserList.vue?vue&type=template&id=40909220&\"\nimport script from \"./UserList.vue?vue&type=script&lang=js&\"\nexport * from \"./UserList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div class=\"leaderboard-users\" id=\"leaderboard-users\">\n\t\t<SpinLoader v-if=\"loading\" />\n\n\t\t<template v-if=\"!loading\">\n\t\t\t<!-- User Positions -->\n\t\t\t<!-- <Positions /> -->\n\t\t\t<TopUsers :users=\"users.top\" />\n\n\t\t\t<!-- User List -->\n\t\t\t<UserList :users=\"userArray\" :top=\"users.top\" />\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { ref, reactive, computed } from 'vue';\nimport SpinLoader from '@/components/panel/SpinLoader';\nimport axios from '@axios';\n// import Positions from '@/components/panel/Leaderboard/Positions.vue';\nimport TopUsers from '@/components/panel/Leaderboard/TopUsers.vue';\nimport UserList from '@/components/panel/Leaderboard/UserList.vue';\nexport default {\n\tname: 'LeaderboardUsers',\n\tcomponents: {\n\t\tSpinLoader,\n\t\t// Positions,\n\t\tTopUsers,\n\t\tUserList,\n\t},\n\tprops: {\n\t\ttab: Number\n\t},\n\tsetup(props) {\n\t\tconst loading = ref(false);\n\t\tconst users = reactive({\n\t\t\ttop: [],\n\t\t\tall: [],\n\t\t\tdaily: [],\n\t\t\tweekly: [],\n\t\t\tmonthly: []\n\t\t});\n\n\t\tconst userArray = computed(() => {\n\t\t\tconst newTab = props.tab;\n\t\t\tif (newTab === 1) {\n\t\t\t\treturn actions.filterUsers(users.all)\n\t\t\t\t// return [...users.all];\n\t\t\t}\n\t\t\tif (newTab === 2) {\n\t\t\t\treturn actions.filterUsers(users.daily)\n\t\t\t\t// return [...users.daily];\n\t\t\t}\n\t\t\tif (newTab === 3) {\n\t\t\t\treturn actions.filterUsers(users.weekly)\n\t\t\t\t// return [...users.weekly];\n\t\t\t}\n\t\t\tif (newTab === 4) {\n\t\t\t\treturn actions.filterUsers(users.monthly)\n\t\t\t\t// return [...users.monthly];\n\t\t\t}\n\n\t\t\treturn []\n\t\t})\n\n\t\tconst actions = {\n\t\t\tfetchData: function () {\n\t\t\t\tloading.value = true;\n\t\t\t\taxios\n\t\t\t\t\t.get('/leaderboard')\n\t\t\t\t\t.then(res => {\n\t\t\t\t\t\t// console.log(`Leaderboard is:\\n${JSON.stringify(res.data, null, 4)}`);\n\n\t\t\t\t\t\tusers.all = res.data.all;\n\t\t\t\t\t\tusers.daily = res.data.daily;\n\t\t\t\t\t\tusers.monthly = res.data.monthly;\n\t\t\t\t\t\tusers.weekly = res.data.weekly;\n\t\t\t\t\t})\n\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\tloading.value = false;\n\t\t\t\t\t});\n\t\t\t},\n\n\t\t\tfilterUsers: function (items) {\n\t\t\t\tif (Array.isArray(items)) {\n\t\t\t\t\t\n\t\t\t\t\t// Get Top 3\n\t\t\t\t\tconst top = items.filter((user, index) => index < 3)\n\t\t\t\t\tusers.top = [...top]\n\n\t\t\t\t\t// All Other Users\n\t\t\t\t\tconst otherUsers = items.filter((user, index) => index > 2)\n\t\t\t\t\treturn otherUsers\n\t\t\t\t}\n\n\n\n\t\t\t\t// if (Array.isArray(items) && (items.length > 0 && items.length < 4)) {\n\n\t\t\t\t// \tusers.top = [...items]\n\n\t\t\t\t// \treturn []\n\t\t\t\t// }\n\t\t\t\t// if (Array.isArray(items) && items.length > 3) {\n\t\t\t\t// \titems.splice(0, 3)\n\n\t\t\t\t// \treturn items\n\t\t\t\t// }\n\n\t\t\t\treturn []\n\t\t\t}\n\t\t};\n\n\t\t// Load initial data.\n\t\tactions.fetchData();\n\n\t\treturn { actions, loading, users, userArray };\n\t},\n};\n</script>\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LeaderboardUsers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LeaderboardUsers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeaderboardUsers.vue?vue&type=template&id=1f78b16f&\"\nimport script from \"./LeaderboardUsers.vue?vue&type=script&lang=js&\"\nexport * from \"./LeaderboardUsers.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"tab-item\">\n        <!-- Menu Tabs -->\n        <SubNav :tab=\"tab\" @change=\"setTab\" />\n\n        <template v-if=\"tab\">\n            <LeaderboardUsers :tab=\"tab\" />\n        </template>\n    </div>\n</template>\n\n<script>\nimport SubNav from '@/components/panel/Leaderboard/SubNav.vue'\nimport LeaderboardUsers from '@/components/panel/Leaderboard/LeaderboardUsers.vue'\nimport { ref } from 'vue'\nexport default {\n    name: 'LeaderboardTab',\n    components: {\n        SubNav,\n        LeaderboardUsers\n    },\n    setup() {\n        const tab = ref(1);\n\n        const setTab = (val) => {\n            tab.value = val\n        }\n\n        return {\n            tab,\n            setTab\n        }\n    },\n}\n</script>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LeaderboardTab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./LeaderboardTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeaderboardTab.vue?vue&type=template&id=7c132cec&\"\nimport script from \"./LeaderboardTab.vue?vue&type=script&lang=js&\"\nexport * from \"./LeaderboardTab.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n\t<div\n\t\t:class=\"[size === 'md' ? 'wide-panel' : 'panel', !isMobile && size === 'md' && 'panel-md-scroll', !isMobile && size === 'sm' && 'panel-sm-scroll', isMobile && 'panel-mobile']\"\n\t\tid=\"panelView\"\n\t\t@click=\"cancelEvent\"\n\t\t@dblclick=\"cancelEvent\">\n\t\t<template v-if=\"panelLoading\">\n\t\t\t<v-sheet\n\t\t\t\tclass=\"loading-sheet\"\n\t\t\t\tmin-height=\"100%\"\n\t\t\t\tmax-height=\"100%\"\n\t\t\t\tmin-width=\"100%\"\n\t\t\t\tmax-width=\"100%\"\n\t\t\t\tcolor=\"#160d2e\">\n\t\t\t\t<SpinLoader :panelLoading=\"true\" />\n\t\t\t</v-sheet>\n\t\t</template>\n\n\t\t<template>\n\t\t\t<!-- Panel Header -->\n\t\t\t<div class=\"top-header\" id=\"top-header\">\n\t\t\t\t<Header />\n\t\t\t\t<!-- Panel Tabs -->\n\t\t\t\t<Tabs :activeTab=\"activeTab\" @changeTab=\"setActiveTab\" />\n\t\t\t</div>\n\n\t\t\t<!-- Tab Items -->\n\t\t\t<div class=\"tabs-items\" id=\"tabItems\">\n\t\t\t\t<div :class=\"bitsCreditAmount > 0 && 'credit-bits'\">\n\t\t\t\t\t<template v-if=\"activeTab === 1\">\n\t\t\t\t\t\t<StickersTab />\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<template v-if=\"activeTab === 2\">\n\t\t\t\t\t\t<LeaderboardTab />\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Error Dialog -->\n\t\t\t<ErrorDialog :errorDialog=\"errorDialog\" @close=\"errorDialog = false\" />\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { ref, computed, watch, onUnmounted } from 'vue';\nimport { useStore } from '@/store';\nimport Header from '@/components/panel/Header.vue';\nimport Tabs from '@/components/panel/Tabs.vue';\nimport StickersTab from '@/components/panel/StickersTab.vue';\nimport LeaderboardTab from '@/components/panel/LeaderboardTab.vue';\nimport ErrorDialog from './ErrorDialog.vue';\nimport SpinLoader from '@/components/panel/SpinLoader';\n\nexport default {\n\tcomponents: {\n\t\tSpinLoader,\n\t\tHeader,\n\t\tTabs,\n\t\tStickersTab,\n\t\tLeaderboardTab,\n\t\tErrorDialog,\n\t},\n\tprops: {\n\t\ttheme: {\n\t\t\ttype: String,\n\t\t\tdefault: 'violet',\n\t\t},\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'sm',\n\t\t},\n\t},\n\tsetup() {\n\t\tconst store = useStore();\n\t\tconst isMobile = computed(() => {\n\t\t\treturn store.state.isMobile;\n\t\t});\n\n\t\tconst panelLoading = computed(() => {\n\t\t\treturn store.state.panelLoading;\n\t\t});\n\n\t\twatch(panelLoading, (val) => {\n\t\t\tif (!val && isMobile.value) {\n\t\t\t\tconst userAgent = navigator.userAgent;\n\t\t\t\tconst panel = document.querySelector('.panel-mobile');\n\t\t\t\tif (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {\n\t\t\t\t\tpanel.style.setProperty('overflow', 'auto', 'important');\n\t\t\t\t} else {\n\t\t\t\t\tpanel.style.setProperty('overflow', 'hidden', 'important');\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tconst activeTab = ref(1);\n\t\tconst errorDialog = ref(false);\n\n\t\tconst setActiveTab = tab => {\n\t\t\tactiveTab.value = tab;\n\t\t};\n\n\t\tconst cancelEvent = event => {\n\t\t\tevent.stopImmediatePropagation();\n\t\t};\n\n\t\tconst bitsCreditAmount = computed(() => {\n\t\t\treturn store.state.bitsCreditAmount;\n\t\t});\n\n\t\treturn {\n\t\t\tpanelLoading,\n\t\t\tisMobile,\n\t\t\tactiveTab,\n\t\t\terrorDialog,\n\t\t\tsetActiveTab,\n\t\t\tbitsCreditAmount,\n\t\t\tcancelEvent,\n\t\t};\n\t},\n};\n</script>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PanelView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PanelView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PanelView.vue?vue&type=template&id=647be976&\"\nimport script from \"./PanelView.vue?vue&type=script&lang=js&\"\nexport * from \"./PanelView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","const themes = {\n\tviolet: {\n\t\tbase: '#160d2e',\n\t\tprimary: '#6c50b9',\n\t\tsecondary: '#352463',\n\t\tprogressBg: '#231252',\n\t\tprogress: '#68b538',\n\t\ttab: '#9a74ff',\n\t\tactiveListItem: '#4a2e95',\n\t\tscrollThumb: '#4a2e95',\n\t\tscrollTrack: '#2b195c'\n\t},\n\n\tblue: {\n\t\tbase: '#0d1431',\n\t\tprimary: '#3365e2',\n\t\tsecondary: '#1f389f',\n\t\tprogressBg: '#15266b',\n\t\tprogress: '#68b538',\n\t\ttab: '#5988ff',\n\t\tactiveListItem: '#3365e2',\n\t\tscrollThumb: '#3365e2',\n\t\tscrollTrack: '#1f389f'\n\t},\n\n\torange: {\n\t\tbase: '#280f02',\n\t\tprimary: '#d56901',\n\t\tsecondary: '#8d2d04',\n\t\tprogressBg: '#581900',\n\t\tprogress: '#68b538',\n\t\ttab: '#ffb32e',\n\t\tactiveListItem: '#d56901',\n\t\tscrollThumb: '#d56901',\n\t\tscrollTrack: '#8f2906'\n\t},\n\n\tgreen: {\n\t\tbase: '#0b1e03',\n\t\tprimary: '#35b21b',\n\t\tsecondary: '#235f0a',\n\t\tprogressBg: '#133405',\n\t\tprogress: '#68b538',\n\t\ttab: '#2bf200',\n\t\tactiveListItem: '#31b414',\n\t\tscrollThumb: '#31b414',\n\t\tscrollTrack: '#235f0a'\n\t},\n\n\tgrey: {\n\t\tbase: '#191919',\n\t\tprimary: '#6d869a',\n\t\tsecondary: '#3f4d58',\n\t\tprogressBg: '#222e39',\n\t\tprogress: '#68b538',\n\t\ttab: '#8ca5b9',\n\t\tactiveListItem: '#6e879b',\n\t\tscrollThumb: '#6e879b',\n\t\tscrollTrack: '#4a5965'\n\t},\n\n\tred: {\n\t\tbase: '#240508',\n\t\tprimary: '#b92130',\n\t\tsecondary: '#730d17',\n\t\tprogressBg: '#3c070c',\n\t\tprogress: '#68b538',\n\t\ttab: '#fc5263',\n\t\tactiveListItem: '#b92130',\n\t\tscrollThumb: '#b92130',\n\t\tscrollTrack: '#690913'\n\t},\n\n\tpink: {\n\t\tbase: '#2c0017',\n\t\tprimary: '#fc4280',\n\t\tsecondary: '#b21c4d',\n\t\tprogressBg: '#710b2c',\n\t\tprogress: '#68b538',\n\t\ttab: '#ff9cb6',\n\t\tactiveListItem: '#fc4280',\n\t\tscrollThumb: '#fc4280',\n\t\tscrollTrack: '#991e47'\n\t},\n\n\tpurple: {\n\t\tbase: '#24002a',\n\t\tprimary: '#e334ff',\n\t\tsecondary: '#820e95',\n\t\tprogressBg: '#630772',\n\t\tprogress: '#68b538',\n\t\ttab: '#ea62ff',\n\t\tactiveListItem: '#d519f3',\n\t\tscrollThumb: '#d519f3',\n\t\tscrollTrack: '#850e98'\n\t},\n\n\tturquoise: {\n\t\tbase: '#042422',\n\t\tprimary: '#0faba0',\n\t\tsecondary: '#035e58',\n\t\tprogressBg: '#01322f',\n\t\tprogress: '#68b538',\n\t\ttab: '#35e6c7',\n\t\tactiveListItem: '#05a495',\n\t\tscrollThumb: '#05a495',\n\t\tscrollTrack: '#035e58'\n\t},\n\n\tyellow: {\n\t\tbase: '#241d00',\n\t\tprimary: '#f7bc09',\n\t\tsecondary: '#bc7800',\n\t\tprogressBg: '#5e3e00',\n\t\tprogress: '#68b538',\n\t\ttab: '#ffee31',\n\t\tactiveListItem: '#f7bc09',\n\t\tscrollThumb: '#f7bc09',\n\t\tscrollTrack: '#b37200'\n\t},\n};\n\n// const violet = {\n// \tbase: '#160d2e',\n//     primary: '#6c50b9',\n//     secondary: '#352463',\n//     progressBg: '#231252',\n//     progress: '#68b538'\n// };\n\n// const blue = {\n// \tbase: '#0d1431',\n//     primary: '#3365e2',\n//     secondary: '#1f389f',\n//     progressBg: '#15266b',\n//     progress: '#68b538'\n// };\n\n// const red = {\n//     base: '#280f02',\n//     primary: '#d56901',\n//     secondary: '#8d2d04',\n//     progressBg: '#581900',\n//     progress: '#68b538'\n// }\n\n// const orange = {\n//     base: '#280f02',\n//     primary: '#d56901',\n//     secondary: '#8d2d04',\n//     progressBg: '#581900',\n//     progress: '#68b538'\n// }\n\nmodule.exports = {\n\tthemes,\n};\n","import Vue from 'vue';\nimport Vuetify from 'vuetify/lib/framework';\n\nVue.use(Vuetify);\n\nexport default new Vuetify({\n\ttheme: {\n\t\toptions: { customProperties: true },\n\t\tthemes: {\n\t\t\tlight: {\n\t\t\t\tbase: '#e80f02',\n\t\t\t\tprimary: '#d56901',\n\t\t\t\tsecondary: '#8d2d04',\n\t\t\t},\n\t\t},\n\t},\n});\n","import Vue from 'vue';\nimport Vuex from 'vuex';\nimport Vuetify from '@/plugins/vuetify';\nimport { themes } from '@/plugins/themes';\nimport { GlobalStickerSize, StickerType } from '../utils/constants';\n\nVue.use(Vuex);\n\nconst store = new Vuex.Store({\n\tstate: {\n\t\tglobalErrorMessage: null,\n\t\tpanelLoading: false,\n\t\tisPanelLoaded: false,\n\t\tisExtensionOnline: true,\n\t\tisStreamerOnline: true,\n\t\tisSubscriber: false,\n\t\ttheme: 'violet',\n\t\ttabView: false, // Display Tabs or Dropdown\n\t\tsize: 'sm', // For Panel View use 'sm' and for Component View use 'md'\n\t\tspeed: 9,\n\t\tstreamerDisplayName: 'Broadcaster',\n\t\tviewerDisplayName: null,\n\t\tcooldownTime: 0,\n\t\tpartyModeCooldownTime: 0,\n\t\ttwitchAuthToken: null,\n\t\tuserId: null,\n\t\topaqueUserId: null,\n\t\tchannelId: null,\n\t\trole: null,\n\t\textensionVersion: '0.0.1',\n\t\ttwitchAuth: null,\n\t\tisMobile: false, // Twitch detected a mobile user.\n\t\tisComponentView: false, // Running as Twitch component vs. panel view.\n\t\tisPartyModeOn: false,\n\t\tglobalStickerSize: GlobalStickerSize.MEDIUM,\n\t\tbitsCreditAmount: 0,\n\n\t\t// This is set to true on the initial click of a TTS sticker in twitch-extension/src/components/panel/Stickers/StickerTTS.vue.\n\t\t// Then, StickerTab.events.onStickerClick sinks the event, and makes the normal streamer status call.\n\t\t// Then, instead of making the show sticker call, it sets isTtsStatusCheckSuccess, which is then used by StickerTTS\n\t\t// to continue processing by showing the dialog to prompt for TTS text.\n\t\t// This isn't a great solution, but it works for now.\n\t\tisDoTtsStatusCheckOnClick: false,\n\t\tisTtsStatusCheckSuccess: false,\n\t\tclickedTtsSticker: null,\n\n\t\t// Is the streamer configured to manually approve TTS stickers?\n\t\tttsIsManuallyApproveAllStickers: false,\n\n\t\tttsMessageMaxLength: 256,\n\n\t\tfavoriteStickers: [],\n\n\t\tstickerTabItems: [\n\t\t\t{\n\t\t\t\tid: 0,\n\t\t\t\tname: 'All',\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\tname: 'Favorites',\n\t\t\t\ticon: 'icon_favorite',\n\t\t\t\ttype: StickerType.FAVORITE,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\tname: 'TTS',\n\t\t\t\ticon: 'icon_tts',\n\t\t\t\ttype: StickerType.TTS,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\tname: 'Channel',\n\t\t\t\ticon: 'icon_channel',\n\t\t\t\ttype: StickerType.CUSTOM,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\tname: 'Placement',\n\t\t\t\ticon: 'icon_placement',\n\t\t\t\ttype: StickerType.PLACEMENT,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\tname: 'Reward',\n\t\t\t\ticon: 'icon_reward',\n\t\t\t\ttype: StickerType.REWARD,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\tname: 'Sub Only',\n\t\t\t\ticon: 'icon_subonly',\n\t\t\t\ttype: StickerType.SUB_ONLY,\n\t\t\t\tactive: true,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 7,\n\t\t\t\tname: 'Power',\n\t\t\t\ticon: 'icon_power',\n\t\t\t\ttype: StickerType.POWER,\n\t\t\t\tactive: false,\n\t\t\t\tisModified: false,\n\t\t\t},\n\t\t],\n\t\tstickerCounts: [\n\t\t\t{\n\t\t\t\ttype: StickerType.CUSTOM,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.FAVORITE,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.POWER,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.REWARD,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.TTS,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.SUB_ONLY,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.PLACEMENT,\n\t\t\t\tcount: 0,\n\t\t\t},\n\t\t],\n\t\tstickersLastModifiedServer: [\n\t\t\t{\n\t\t\t\ttype: StickerType.CUSTOM,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.FAVORITE,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.POWER,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.REWARD,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.TTS,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.SUB_ONLY,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.PLACEMENT,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t],\n\t\tstickersLastModifiedLocal: [\n\t\t\t{\n\t\t\t\ttype: StickerType.CUSTOM,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.FAVORITE,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.POWER,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.REWARD,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.TTS,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.SUB_ONLY,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: StickerType.PLACEMENT,\n\t\t\t\tts: 0,\n\t\t\t},\n\t\t],\n\t\tlocalization: {\n\t\t\tpanelTitle: 'Select a sticker to slap it<br>on the live stream!',\n\t\t},\n\t\t// The response from the panel data call. Used to reload the stickers tab if\n\t\t// the viewer clicks another tab, like leaderboard, and then back to the stickers.\n\t\tpanelServerResponse: null,\n\n\t\t// Defines the current page within a tab, used to support pagination.\n\t\t// Currently only used for favorites as they are computed.\n\t\tcurrentPage: 0,\n\t},\n\tgetters: {\n\t\tactiveTabItems: state => {\n\t\t\treturn state.stickerTabItems.filter(tab => {\n\t\t\t\tif (tab.type) {\n\t\t\t\t\tconst count = state.stickerCounts.filter(sc => sc.type == tab.type)[0].count;\n\t\t\t\t\treturn tab.active && count > 0;\n\t\t\t\t} else {\n\t\t\t\t\treturn tab.active;\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t},\n\tmutations: {\n\t\tsetGlobalErrorMessage(state, value) {\n\t\t\tstate.globalErrorMessage = value;\n\t\t},\n\t\tsetPanelLoading: (state, payload) => {\n\t\t\tstate.panelLoading = payload;\n\t\t},\n\t\tsetPanelLoaded: (state, payload) => {\n\t\t\tstate.isPanelLoaded = payload;\n\t\t},\n\t\tsetExtensionOnline: (state, payload) => {\n\t\t\tstate.isExtensionOnline = payload;\n\t\t},\n\t\tsetStreamerOnline: (state, payload) => {\n\t\t\tstate.isStreamerOnline = payload;\n\t\t},\n\t\tsetSubscriber: (state, payload) => {\n\t\t\tstate.isSubscriber = payload;\n\t\t},\n\t\tsetSpeed: (state, payload) => {\n\t\t\tstate.speed = payload;\n\t\t},\n\t\tsetSize: (state, payload) => {\n\t\t\tstate.size = payload;\n\t\t},\n\t\t// Called from StickersTabData.setDataAfterServerCall, when we get the\n\t\t// streamer's configured stream.\n\t\tsetTheme: (state, payload) => {\n\t\t\tlocalStorage.setItem('theme', payload);\n\t\t\tstate.theme = payload;\n\t\t\tVuetify.framework.theme.themes['light'] = themes[payload];\n\n\t\t\t// if (payload === 'violet') {\n\t\t\t//   Vuetify.framework.theme.themes['light'] = violet\n\t\t\t// }\n\t\t\t// if (payload === 'blue') {\n\t\t\t//   Vuetify.framework.theme.themes['light'] = blue\n\t\t\t// }\n\t\t\t// if (payload === 'red') {\n\t\t\t//   Vuetify.framework.theme.themes['light'] = red\n\t\t\t// }\n\t\t\t// if (payload === 'orange') {\n\t\t\t//   Vuetify.framework.theme.themes['light'] = orange\n\t\t\t// }\n\t\t},\n\t\tsetTwitchAuthToken: (state, payload) => {\n\t\t\tstate.twitchAuthToken = payload;\n\t\t},\n\t\tsetUserId: (state, payload) => {\n\t\t\tstate.userId = payload;\n\t\t},\n\t\tsetOpaqueUserId: (state, payload) => {\n\t\t\tstate.opaqueUserId = payload;\n\t\t},\n\t\tsetChannelId: (state, payload) => {\n\t\t\tstate.channelId = payload;\n\t\t},\n\t\tsetRole: (state, payload) => {\n\t\t\tstate.role = payload;\n\t\t},\n\t\tsetStreamerDisplayName: (state, payload) => {\n\t\t\tstate.streamerDisplayName = payload;\n\t\t},\n\t\tsetViewerDisplayName: (state, payload) => {\n\t\t\tstate.viewerDisplayName = payload;\n\t\t},\n\t\tsetCooldownTime: (state, payload) => {\n\t\t\tstate.cooldownTime = payload;\n\t\t},\n\t\tsetPartyModeCooldownTime: (state, payload) => {\n\t\t\tstate.partyModeCooldownTime = payload;\n\t\t},\n\t\tsetTwitchAuth: (state, payload) => {\n\t\t\tstate.twitchAuth = payload;\n\t\t},\n\t\tsetExtensionVersion: (state, payload) => {\n\t\t\tstate.extensionVersion = payload;\n\t\t},\n\t\tsetIsMobile: (state, payload) => {\n\t\t\tstate.isMobile = payload;\n\t\t},\n\t\tsetIsComponentView: (state, payload) => {\n\t\t\tstate.isComponentView = payload;\n\t\t},\n\t\tsetBitsCreditAmount: (state, payload) => {\n\t\t\tstate.bitsCreditAmount = payload;\n\t\t},\n\n\t\tsetIsDoTtsStatusCheckOnClick: (state, payload) => {\n\t\t\tstate.isDoTtsStatusCheckOnClick = payload;\n\t\t},\n\t\tsetIsTtsStatusCheckSuccess: (state, payload) => {\n\t\t\tstate.isTtsStatusCheckSuccess = payload;\n\t\t},\n\t\tsetClickedTtsSticker: (state, payload) => {\n\t\t\tstate.clickedTtsSticker = { ...payload };\n\t\t},\n\n\t\tsetTtsIsManuallyApproveAllStickers: (state, payload) => {\n\t\t\tstate.ttsIsManuallyApproveAllStickers = payload;\n\t\t},\n\n\t\tsetTtsMessageMaxLength: (state, payload) => {\n\t\t\tstate.ttsMessageMaxLength = payload;\n\t\t},\n\n\t\taddAllFavoriteStickers: (state, payload) => {\n\t\t\tstate.favoriteStickers = payload;\n\t\t},\n\n\t\taddFavoriteSticker: (state, payload) => {\n\t\t\tstate.favoriteStickers.push(payload);\n\t\t},\n\n\t\tremoveFavoriteSticker: (state, payload) => {\n\t\t\tstate.favoriteStickers = state.favoriteStickers.filter(\n\t\t\t\tf => !(f.id == payload.id && f.stickerType == payload.stickerType),\n\t\t\t);\n\t\t},\n\n\t\tsetIsPartyModeOn: (state, payload) => {\n\t\t\tstate.isPartyModeOn = payload;\n\t\t},\n\n\t\tsetGlobalStickerSize: (state, payload) => {\n\t\t\tstate.globalStickerSize = payload;\n\t\t},\n\n\t\tsetStickerCounts: (state, payload) => {\n\t\t\tstate.stickerCounts = payload;\n\t\t},\n\t\tsetServerStickersLastModified: (state, payload) => {\n\t\t\tfor (const existing of state.stickersLastModifiedServer) {\n\t\t\t\tconst p = findItemByType(payload, existing.type);\n\t\t\t\tif (p) {\n\t\t\t\t\texisting.ts = p.ts;\n\n\t\t\t\t\tconst localTs = findItemByType(state.stickersLastModifiedLocal, existing.type);\n\t\t\t\t\tconst isModified = existing.ts > localTs.ts;\n\t\t\t\t\tfor (const tabItem of state.stickerTabItems) {\n\t\t\t\t\t\tif (tabItem.type && tabItem.type == p.type) {\n\t\t\t\t\t\t\ttabItem.isModified = isModified;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tsetLocalStickerLastModified: (state, payload) => {\n\t\t\tfor (const existing of state.stickersLastModifiedLocal) {\n\t\t\t\tconst p = findItemByType(payload, existing.type);\n\t\t\t\tif (p) {\n\t\t\t\t\texisting.ts = p.ts;\n\n\t\t\t\t\tconst serverTs = findItemByType(state.stickersLastModifiedServer, existing.type);\n\t\t\t\t\tconst isModified = existing.ts < serverTs.ts;\n\t\t\t\t\tfor (const tabItem of state.stickerTabItems) {\n\t\t\t\t\t\tif (tabItem.type && tabItem.type == p.type) {\n\t\t\t\t\t\t\ttabItem.isModified = isModified;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tsetPanelTitle: (state, payload) => {\n\t\t\tstate.localization.panelTitle = payload;\n\t\t},\n\t\tsetPanelServerResponse: (state, payload) => {\n\t\t\tstate.panelServerResponse = payload;\n\t\t},\n\t\tsetCurrentPage: (state, payload) => {\n\t\t\tstate.currentPage = payload;\n\t\t},\n\t},\n\tactions: {\n\t\tsaveAnalytic({ commit }, payload) {\n\t\t\tconst { event, params } = payload;\n\t\t\t// eslint-disable-next-line\n\t\t\tgtag('event', event, {\n\t\t\t\t...params,\n\t\t\t});\n\t\t},\n\t},\n\tmodules: {},\n});\n\nconst findItemByType = (arr, type) => {\n\treturn arr.find(a => type && a.type && a.type == type);\n};\n\nexport default store;\nexport const useStore = () => store;\n","const getApiEndpoint = function () {\n\treturn 'https://' + getEndpointHost() + '/panel';\n};\n\nconst getWssEndpoint = function () {\n\treturn 'wss://' + getEndpointHost() + '/panel/ws';\n};\n\nconst getHostedAssetPath = function () {\n\treturn `https://twitchstreamstickers.s3.us-east-2.amazonaws.com/${getEndpointHost()}`;\n};\n\nconst getGlobalStickerAssetPath = function () {\n\treturn getHostedAssetPath() + '/0.0.1';\n};\n\nconst getCustomStickerAssetPath = function (channelId) {\n\treturn getHostedAssetPath() + `/custom_stickers/${channelId}`;\n};\n\nconst getEndpointHost = function () {\n\tconst host = window.location.host;\n\tif (\n\t\thost.startsWith('localhost') ||\n\t\thost.startsWith('icomponent-ui.ngrok.io') ||\n\t\thost.startsWith('panel-test.ngrok-free.dev')\n\t) {\n\t\t//return 'icomponent-api.ngrok.io';\n\t\treturn 'extension-dev.streamstickers.com';\n\t} else if (\n\t\thost.startsWith('20nmmhmwff58rb3ytcs4j3bevlux5r.ext-twitch.tv') ||\n\t\thost.startsWith('panel-dev.streamstickers.com')\n\t) {\n\t\treturn 'extension-dev.streamstickers.com';\n\t} else if (host.startsWith('5tbyqce941455yffg7fzg36tp6or8p.ext-twitch.tv')) {\n\t\treturn 'extension.streamstickers.com';\n\t} else {\n\t\treturn 'extension-dev.streamstickers.com';\n\t\t// throw new Error('Invalid host.');\n\t}\n};\n\nconst getDashboardLink = function () {\n\tlet link = 'https://dashboard.streamstickers.com/home';\n\tif (getEndpointHost().includes('-dev')) {\n\t\tlink = 'https://dashboard-dev.streamstickers.com/home';\n\t}\n\treturn link;\n};\n\nexport {\n\tgetEndpointHost,\n\tgetApiEndpoint,\n\tgetWssEndpoint,\n\tgetHostedAssetPath,\n\tgetGlobalStickerAssetPath,\n\tgetCustomStickerAssetPath,\n\tgetDashboardLink,\n};\n","const Links = {\n\tSTREAM_STICKERS_HOME: 'https://www.streamstickers.com',\n};\n\nconst GTAG_ID = 'G-3XYH9MZM21';\n\nconst StickerType = {\n\tCUSTOM: 'CUSTOM',\n\tREWARD: 'REWARD',\n\tPOWER: 'POWER',\n\tTTS: 'TTS',\n\tGLOBAL: 'GLOBAL',\n\tFAVORITE: 'FAVORITE',\n\tPLACEMENT: 'PLACEMENT',\n\tSUB_ONLY: 'SUB_ONLY',\n};\n\nconst TtsDisplayMode = {\n\tSTICKER: 'STICKER',\n\tCO_HOST: 'CO_HOST',\n};\n\nconst GlobalStickerSize = {\n\tSMALL: 0,\n\tMEDIUM: 1,\n\tLARGE: 2,\n};\n\nconst GTAG_KEY = {\n\tDEV: 'G-CF51FTNW7L',\n\tPROD: 'G-T2PEFC4GG7',\n};\n\nmodule.exports = { Links, GTAG_ID, StickerType, TtsDisplayMode, GlobalStickerSize, GTAG_KEY };\n","var map = {\n\t\"./blue.png\": 534,\n\t\"./green.png\": 1026,\n\t\"./grey.png\": 5633,\n\t\"./heart.png\": 5053,\n\t\"./orange.png\": 8057,\n\t\"./pink.png\": 4254,\n\t\"./purple.png\": 1301,\n\t\"./red.png\": 8947,\n\t\"./turquoise.png\": 7988,\n\t\"./violet.png\": 7554,\n\t\"./yellow.png\": 9950\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 = 8428;","var map = {\n\t\"./1.png\": 6115,\n\t\"./2.png\": 1148,\n\t\"./3.png\": 7383,\n\t\"./bits.png\": 5888,\n\t\"./bits/1.png\": 3499,\n\t\"./bits/100.png\": 5327,\n\t\"./bits/10k.png\": 5725,\n\t\"./bits/1k.png\": 4469,\n\t\"./bits/5k.png\": 3852,\n\t\"./check.png\": 551,\n\t\"./connection.png\": 9023,\n\t\"./favorite/blue.png\": 534,\n\t\"./favorite/green.png\": 1026,\n\t\"./favorite/grey.png\": 5633,\n\t\"./favorite/heart.png\": 5053,\n\t\"./favorite/orange.png\": 8057,\n\t\"./favorite/pink.png\": 4254,\n\t\"./favorite/purple.png\": 1301,\n\t\"./favorite/red.png\": 8947,\n\t\"./favorite/turquoise.png\": 7988,\n\t\"./favorite/violet.png\": 7554,\n\t\"./favorite/yellow.png\": 9950,\n\t\"./flip_icon.png\": 3539,\n\t\"./icon_channel.png\": 2008,\n\t\"./icon_favorite.png\": 3257,\n\t\"./icon_new.png\": 6251,\n\t\"./icon_placement.png\": 261,\n\t\"./icon_power.png\": 3309,\n\t\"./icon_reward.png\": 4951,\n\t\"./icon_subonly.png\": 6421,\n\t\"./icon_tts.png\": 3198,\n\t\"./stickers_blue.png\": 9683,\n\t\"./stickers_green.png\": 8975,\n\t\"./stickers_grey.png\": 9577,\n\t\"./stickers_orange.png\": 7447,\n\t\"./stickers_orange_ico.png\": 5691,\n\t\"./stickers_pink.png\": 5943,\n\t\"./stickers_pink_icon.png\": 5735,\n\t\"./stickers_purple.png\": 1996,\n\t\"./stickers_purple_icon.png\": 7473,\n\t\"./stickers_red.png\": 1563,\n\t\"./stickers_red_icon.png\": 9812,\n\t\"./stickers_turquoise.png\": 972,\n\t\"./stickers_turquoise_icon.png\": 9536,\n\t\"./stickers_violet.png\": 9064,\n\t\"./stickers_yellow.png\": 4725\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 = 6003;","var map = {\n\t\"./leaderboard_blue.svg\": 662,\n\t\"./leaderboard_green.svg\": 7935,\n\t\"./leaderboard_grey.svg\": 7666,\n\t\"./leaderboard_orange.svg\": 3075,\n\t\"./leaderboard_pink.svg\": 6191,\n\t\"./leaderboard_purple.svg\": 5638,\n\t\"./leaderboard_red.svg\": 6896,\n\t\"./leaderboard_turquoise.svg\": 5066,\n\t\"./leaderboard_violet.svg\": 2139,\n\t\"./leaderboard_yellow.svg\": 7067\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 = 821;","var map = {\n\t\"./stickers_blue.png\": 9683,\n\t\"./stickers_green.png\": 8975,\n\t\"./stickers_grey.png\": 9577,\n\t\"./stickers_orange.png\": 7447,\n\t\"./stickers_orange_ico.png\": 5691,\n\t\"./stickers_pink.png\": 5943,\n\t\"./stickers_pink_icon.png\": 5735,\n\t\"./stickers_purple.png\": 1996,\n\t\"./stickers_purple_icon.png\": 7473,\n\t\"./stickers_red.png\": 1563,\n\t\"./stickers_red_icon.png\": 9812,\n\t\"./stickers_turquoise.png\": 972,\n\t\"./stickers_turquoise_icon.png\": 9536,\n\t\"./stickers_violet.png\": 9064,\n\t\"./stickers_yellow.png\": 4725\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 = 7058;"],"names":["staticRenderFns","render","name","setup","beforeMount","hostType","window","gtagKey","document","gtag","component","_vm","this","_c","_self","staticClass","class","theme","isAuthorized","attrs","size","_e","components","PanelView","props","isMobile","type","default","isComponentView","store","onMounted","console","panelLoading","activeTab","errorDialog","bitsCreditAmount","_v","_s","domProps","panelTitle","isExtensionOnline","require","directives","rawName","expression","value","on","setActiveTab","ctx","tabView","stickerTab","actions","setTab","resetSearch","onSearch","currentTabData","StickerType","REWARD","isScrolling","loading","searchQuery","filteredStickers","onPlaySound","events","onStickerClick","onAddFavorite","onDeleteFavorite","FAVORITE","CUSTOM","PLACEMENT","SUB_ONLY","POWER","TTS","onFirstPage","onPreviousPage","onLastPage","onNextPage","dialogs","streamerOfflineDialog","clickedSticker","$event","coolDialog","stickerToSlap","onCooldownDialogClosed","broadcasterSlapDialog","onBroadcasterStickerUsed","soundDialog","subscribeDialog","broadcasterSuccessDialog","locationDialog","isBroadcaster","onCustomStickerPlacement","offlineDialog","userIdDialog","errorMsgDialog","globalErrorMessage","reloadPanel","loginDialog","axiosIns","axios","baseURL","getApiEndpoint","interceptors","request","use","config","ta","useStore","state","twitchAuth","token","headers","Authorization","error","locale","navigator","language","userLanguage","location","host","startsWith","Promise","reject","response","Vue","StickersTabData","constructor","serverData","reactive","configHash","globalTs","panelTheme","totalBitsUsed","partyModeStatus","isEnabled","isActive","timeLeft","streamerDisplayName","viewerDisplayName","rewards","stickers","favoriteStickers","isOnline","isMaintenanceMode","stickersLastModified","ttsMessageMaxLength","extensionSize","data","isStreamerOnline","allStickers","createEmptyPagination","undefined","customStickers","powerStickers","rewardStickers","ttsStickers","subOnlyStickers","placementStickers","computed","p","favs","items","filter","s","stickerId","stickerType","id","split","some","fav","paginate","currentPage","totalPages","loadLocalStickerLastModifiedToStore","loadDataFromStore","panelServerResponse","onComplete","localData","getLocalData","setLocalDataInMemory","setDataAfterServerCall","loadDataFromServer","forceFullData","url","hash","then","res","status","commit","isLocalValid","catch","finally","length","push","filterAndPaginate","responseData","globalStickerSize","ttsIsManuallyApproveAllStickers","cooldownTime","partyModeCooldownTime","saveLocalData","setTimeout","stickerCounts","count","totalItems","d","JSON","parse","localStorage","getItem","err","removeItem","stringify","setItem","removeLocalData","paginatedItem","sticker","subOnly","isStickerPlacementEnabled","rewardCtr","unlocked","Math","ceil","perPage","calcRewardAttributes","i","item","reward","pctComplete","bitsToUnlock","serverReward","bitsRequired","viewerEarnedInSlot","bits","onAfterAfterBitsUsed","doReload","r","newBits","nextReward","getLocalStickerLastModified","saveLocalStickerLastModified","arr","setTabAsClicked","ts","Date","getTime","storeArr","storeVal","getters","activeTabItems","Object","assign","a","find","addFavorite","deleteFavorite","StickersTabStreamerStatus","uiData","checkStatus","result","doReloadServerData","isTtsCoHostSticker","tts","displayMode","TtsDisplayMode","isTtsCoHostSlotActive","scheduleStatusCheck","getBitIcon","Number","getStickerSoundPath","sound","getGlobalStickerAssetPath","getCustomStickerAssetPath","channelId","getStickerImagePath","image","getStickerRendererImagePath","rendererImage","logEvent","eventType","eventBody","payload","showGlobalError","msg","StickersTabShowSticker","sku","isInTransaction","transactionIds","showSticker","onBitsUsed","self","stickerName","extensionVersion","customPlacement","text","Twitch","ext","onTransactionComplete","transactionObject","initiator","includes","transactionId","closeWebSocketConnection","transactionData","sendStickerShowRequest","onTransactionCancelled","userId","isPartyModeOn","openWebSocketConnection","useBits","substring","lastIndexOf","gss","GlobalStickerSize","ttsError","ws","WebSocket","getWssEndpoint","twitchAuthToken","onmessage","event","transaction","onopen","onclose","onerror","readyState","close","_l","activeTabs","key","index","tab","icons","exclamation","scopedSlots","fn","proxy","model","callback","$$v","toggle","icon","moveRight","watch","val","moveLeft","slider","mdiChevronLeft","mdiChevronRight","selectedItem","style","maxHeight","selectOption","setSize","elem","toggleList","options","isOpened","hideDropdown","toggleOptions","mdiChevronDown","ref","searched","reset","height","box","top","behavior","revokeScroll","preventScroll","clearSearch","search","_m","getIcon","emits","constrain","setConstrain","hover","resetConstrain","transforms","calcX","calcY","transformElement","el","onMouseMove","speed","stopPropagation","bounds","list","backgroundImage","stickerImageSrc","minHeight","stickerDimensions","baseHeight","minWidth","baseWidth","maxWidth","backgroundPosition","backgroundSize","backgroundRepeat","opacity","fade","isEyeEnabled","eyeImage","position","width","getImage","zIndex","transform","isEyeFlipped","eyeAngle","left","eyeX","eyeY","eyeW","percentX","eyeH","percentY","isMouthEnabled","mouthImage","isMouthFlipped","mouthAngle","mouthX","mouthY","mouthW","mouthH","popupMd","percent","assetPercentage","dimensions","panelSize","AssetsTTS","playSound","getFavoriteIcon","toggleFavorite","isGlobalSticker","isRewardSticker","isTTSSticker","isFavorite","mdiPlayCircle","substr","bitsValue","ttsDialog","onUseSticker","closeDialog","cancelEvent","getThemeColor","staticStyle","_u","errorMessage","useSticker","ttsMessageLength","mdiClose","TTSDialog","category","label","cloned","StickerReward","Sticker","StickerTTS","SpinLoader","required","stickerItems","getFavHeight","mdiChevronDoubleUp","emit","moveTop","watchEffect","scrollEvent","onUnmounted","scrollPos","rewardTab","pos","isPanelLoaded","goToDashboard","goToHome","mdiChevronDoubleLeft","mdiChevronDoubleRight","mdiChevronDoubleDown","mdiCog","mdiHeart","animate","_t","popup","PopupDialog","goToURL","slapDialog","streamThumb","streamBox","locateImage","isLoading","boundingBox","display","flexDirection","alignItems","justifyContent","isRandomPlacement","setActive","placement","isFlipped","outerBounds","setPlacement","classObject","dblclick","bodyMouseDown","preventDefault","sticks","stick","resizable","drrStick","stickDown","rotatable","_","stickSize","roStickSize","styleMapping","y","t","m","b","x","l","validator","w","h","angle","selected","selectable","draggable","hasActiveContent","aspectRatio","dragHandle","dragCancel","outerBound","innerBound","active","contentActive","cx","cy","rotation","bodyDrag","dragged","resized","rotated","inactive","dragging","stickStyle","rect","handler","immediate","created","mouseX","mouseY","mounted","dragHandles","cancelHandles","beforeDestroy","methods","onContentActive","child","onContentInactive","deselect","move","ev","up","e","bodyMove","bodyUp","stickMove","axis","pn","stickUp","VueDrr","flipped","streamHeight","img","isImageLoaded","assetPercentageX","assetPercentageY","setPopupWidth","popupWidth","dialog","getImageDimensions","imWidth","imHeight","setBoundingBounds","setOuterBounds","setRandomPlacement","getImageOldPositions","oldPlacement","setImageOldPositions","stickerImage","centerImage","rotate","rotationAngle","flipSticker","rotateIcon","flipIcon","setFlipIconPosition","stickerImg","transformSticker","slap","calculatePlacement","bottom","right","boxWidth","boxHeight","subscribe","isWaveLoading","audio","uploadPreview","loadAudio","wavesurfer","container","waveColor","progressColor","cursorColor","barGap","barWidth","barHeight","barRadius","fillParent","hideScrollbar","normalize","mediaControls","play","isPlaying","pause","MusicPlayer","soundUrl","time","setTimer","timer","clearTimer","clearInterval","stickerBits","popupFooterText","successDialog","promptForPermission","reload","CategoryDropdown","SubNav","SearchBox","Stickers","StickersFooter","ErrorDialog","CooldownDialog","BroadcasterSlap","LocationDialog","SubscribeDialog","SoundDialog","BroadcasterSuccessDialog","ExtensionOffline","UserIdAccessDialog","MustBeLoggedInDialog","ErrorMessageDialog","scrollPosition","checkDialog","deep","element","streamerStatus","isSlapable","isSlapInProgress","showStickerHandler","preventAutoScroll","switchNextTab","updatedData","switchPrevTab","fetchData","setLeaderBoardTab","users","userArray","user","getDefaultImage","TopUsers","UserList","all","daily","weekly","monthly","get","filterUsers","LeaderboardUsers","Header","Tabs","StickersTab","LeaderboardTab","panel","themes","violet","base","primary","secondary","progressBg","progress","activeListItem","scrollThumb","scrollTrack","blue","orange","green","grey","red","pink","purple","turquoise","yellow","module","exports","Vuetify","customProperties","light","Vuex","isSubscriber","opaqueUserId","role","isDoTtsStatusCheckOnClick","isTtsStatusCheckSuccess","clickedTtsSticker","stickerTabItems","isModified","stickersLastModifiedServer","stickersLastModifiedLocal","localization","sc","mutations","setGlobalErrorMessage","setPanelLoading","setPanelLoaded","setExtensionOnline","setStreamerOnline","setSubscriber","setSpeed","setTheme","setTwitchAuthToken","setUserId","setOpaqueUserId","setChannelId","setRole","setStreamerDisplayName","setViewerDisplayName","setCooldownTime","setPartyModeCooldownTime","setTwitchAuth","setExtensionVersion","setIsMobile","setIsComponentView","setBitsCreditAmount","setIsDoTtsStatusCheckOnClick","setIsTtsStatusCheckSuccess","setClickedTtsSticker","setTtsIsManuallyApproveAllStickers","setTtsMessageMaxLength","addAllFavoriteStickers","addFavoriteSticker","removeFavoriteSticker","f","setIsPartyModeOn","setGlobalStickerSize","setStickerCounts","setServerStickersLastModified","existing","findItemByType","localTs","tabItem","setLocalStickerLastModified","serverTs","setPanelTitle","setPanelServerResponse","setCurrentPage","saveAnalytic","params","modules","getEndpointHost","getHostedAssetPath","getDashboardLink","link","Links","STREAM_STICKERS_HOME","GTAG_ID","GLOBAL","STICKER","CO_HOST","SMALL","MEDIUM","LARGE","GTAG_KEY","DEV","PROD","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","code","keys","resolve"],"sourceRoot":""}